Une nouvelle ambiance graphique pour mon site

Publié le

par

Après un peu plus de trois annĂ©es, j’ai eu envie de changer de style! Je vous prĂ©sente la version 2.0 de mon « Thaim ». Au delĂ  de l’aspect visuel, cette nouvelle mouture de ce thème WordPress un peu particulier me permet d’amĂ©liorer un certain nombre d’Ă©lĂ©ments et surtout de me faire gagner du temps.

1. Images à la une et articles mis en avant.

Jusqu’Ă  prĂ©sent, j’utilisais deux bons vieux « postmetas » pour gĂ©rer les articles qui peuplent mon carrousel. La première me permettait de stocker l’url vers une image la plupart du temps hĂ©bergĂ©e sur Flickr, alors que l’autre Ă©tait un simple marqueur pour filtrer la liste des articles Ă  mettre en avant. Cette organisation fonctionne bien entendu, mais j’ai prĂ©fĂ©rĂ© opter pour les fonctionnalitĂ©s de « mise Ă  la une d’image » et de « mise en avant des articles » incluses dans WordPress. Au delĂ  du fait que c’est beaucoup plus pratique, ça me permet de m’assurer que le visuel d’un article de mon blog ne soit pas remplacĂ© par un « placeholder » Flickr lorsqu’une image a Ă©tĂ© supprimĂ©e de ce site.

Autre Ă©volution dans cette zone, j’ai mis Ă  jour la librairie jQuery Cycle de Malsup (merci Ă  lui) pour sa version 2 et je trouve que le responsive de mon carrousel est beaucoup mieux qu’auparavant.

Un widget pour décrire mes catégories

En passant, j’ai Ă©galement dĂ©cidĂ© de revoir le modèle de ma page d’accueil pour qu’il comporte une zone widgetisable que je garnis d’un superbe widget perso pour afficher les blocs prĂ©sentant les catĂ©gories de mon blog.

2. Un nuage d’Ă©tiquettes personnalisable.

Toujours dans le domaine des widgets, j’ai Ă©prouvĂ© le besoin de « sortir » certaines Ă©tiquettes car mĂŞme si elles Ă©taient utilisĂ©es par une sĂ©rie importante d’articles, ces derniers commençaient Ă  mal vieillir et je prĂ©fère vous orienter sur des contenus plus rĂ©cents!

Une plus grande maîtrise des étiquettes affichées.

3. Des « Term metas » pour enjoliver mes catégories et mes étiquettes.

J’abandonne la « Tax Meta Class » de bainternet qui me servait Ă  ajouter des liens vers les bannières de mes plugins pour les Ă©tiquettes correspondantes au profit des terms meta introduites depuis la version 4.4 de WordPress. J’en profite d’ailleurs pour ne plus embarquer de police de caractère pour les icĂ´nes de ces élĂ©ments, les dashicons de WordPress faisant largement l’affaire.

4. Bye Bye Prettify.js, welcome to Thaim Gist!

Pour la coloration syntaxique de mes morceaux de code, j’ai dĂ©cidĂ© de ne plus m’en occupĂ©! Ou plus prĂ©cisĂ©ment comme je me suis aperçu que j’utilisais Ă©normĂ©ment Gist de Github, je me suis dit autant utiliser un code d’imbrication (embed). D’ailleurs en passant le voici :

5. Un outil de migration

Les points 1, 3 et 4 ont donnĂ© naissance Ă  un nouveau besoin : un outil pour migrer les contenus ou donnĂ©es que la prĂ©cĂ©dente version du thème avait gĂ©nĂ©rĂ© vers le format attendu par cette nouvelle version. Et ça tombait plutĂ´t pas mal car dans le cadre du projet BuddyPress nous cherchons Ă  crĂ©er un tel outil lorsque nous avons besoin de modifier de nombreuses informations pour un utilisateur. Je me suis donc Ă©chauffĂ© avec la crĂ©ation d’un utilitaire « imath upgrader » (je sais c’est un nom très original!), lequel m’a Ă©tĂ© d’une aide prĂ©cieuse pour m’Ă©viter de reprendre mes articles un par un Ă  la main.

L’interface de mon gestionnaire de mises Ă  jour maison!

Téléchargements

Voili voilou, il y a d’autres petites amĂ©liorations mais surtout, si vous avez l’idĂ©e d’utiliser ce thème : sachez qu’il requiert dĂ©sormais la version 4.5 de WordPress.

Une rĂ©ponse Ă  “Une nouvelle ambiance graphique pour mon site”

  1. Avatar de Grégoire Noyelle

    Hello Mathieu

    Très chouette ton nouveau thème. J’aime beaucoup la navigation. J’ai une petite remarque sur les champs de commentaires. S’ils utilisent le htm5, il seront contextuels sur les clavier iOS: pas de majuscule pour le champs email, le .com pour le champ URL…

    Sinon, pourrais-tu dĂ©tailler un peu dans ton article l’utilisation de ton handler pour le gist (que j’utilise aussi beaucoup) ? Je vois que ton code le rĂ©serve Ă  ton compte.
    Et est-ce que ces codes embed sont stockés dans des transients?