Nouveau thème pour le blog : une refonte WordPress plus légère, et surtout plus moi

Je viens de terminer thème de mon blog WordPress : un nouveau design orienté manga, façon planche de dessin, et un grand ménage dans les plugins pour que le site ne charge plus rien d’inutile.

Petit article rapide pour vous présenter cette refonte du blog. L’objectif était double : simplifier l’affichage et la mise en place du blog, et partir sur un thème qui me ressemble vraiment, bien plus que l’ancien. Au passage, j’ai supprimé Yoast SEO, mon plugin de coloration de code, le plugin de commentaires et un formulaire de contact trop lourd. Voici ce qui a changé, et pourquoi.

• Un thème orienté manga
• Le grand ménage des plugins
• Le bloc Code natif de Gutenberg
• Le même rendu dans l’éditeur et sur le site
• Des JSON-LD automatiques
• Pourquoi j’ai supprimé Yoast SEO
• Commentaires et formulaire de contact
• Mes services revus

Un thème orienté manga, façon planche de dessin

Le nouveau thème du blog est orienté manga, façon planche de dessin animé : c’est cet univers que je voulais faire ressortir, parce que c’est le mien. Après pas mal d’ébauches et de tests, j’ai fini par obtenir quelque chose qui me plaît bien et qui colle vraiment à mon univers.

Le grand ménage de fin septembre : moins de plugins sur le blog WordPress

Pendant la refonte, j’ai passé tous les plugins du blog en revue avec une règle simple : repérer ce qui consomme le plus, et le supprimer quand c’est possible. Un petit nettoyage de printemps… ou plutôt de septembre, pour virer ce qui ne sert pas vraiment

24 plugins actifs avant la refonte VS 15 plugins actifs après refonte.

Petite parenthèse quand même : si je supprime un plugin, ça ne veut pas dire qu’il est mauvais. Simplement, pour mon usage, il en fait bien plus que ce dont j’ai besoin, et de mon point de vue, ça alourdit le blog. Ce sont des outils dont je peux me passer, personnellement.

Le bloc Code natif de Gutenberg remplace mon plugin de coloration de code

J’ai remplacé mon plugin de mise en valeur du code par le bloc Code natif de Gutenberg, complété d’un sélecteur de langage et de quelques styles. Le plugin CodeMirror Blocks chargeait pas mal de librairies et faisait beaucoup de choses, bien plus que ce qu’il faut pour afficher du code.

Nativement, le bloc Code ne propose pas de choix de langage. J’ai donc simplement ajouté cette option. Ça couvre ce dont j’ai besoin et ça reste dans la norme.

Restait une question : que faire des anciens articles qui utilisaient le bloc du plugin ? J’ai migré tous ces blocs vers le bloc Code natif. Environ 59 articles, pour 281 bloc de code à migrer. La migration a été la partie la plus complexe, mais je m’en suis bien sorti : normalement, vous ne devriez avoir aucun souci sur les anciens articles.

Le même rendu dans l’éditeur Gutenberg et sur le site

Les articles s’affichent désormais de la même façon dans l’éditeur Gutenberg et sur le site, sans aucun bloc custom. Une fois le design validé, j’ai poussé un peu plus loin pour que ce que je vois en rédigeant soit exactement ce que vous lisez. WordPress prévoit ce mécanisme : un thème peut charger ses propres styles dans l’éditeur, via le support editor-styles documenté dans le Block Editor Handbook.

Les blocs custom que j’avais avant, je les garde, puisqu’ils sont dans mes articles. Mais pour les nouveaux, ce sera uniquement du natif Gutenberg, simplement stylé autrement. Un bloc custom, c’est de la maintenance en plus sur le long terme et pour ce que je veux présenter sur le blog, c’est inutile.

Des JSON-LD générés automatiquement

Les données structurées JSON-LD du blog sont désormais générées automatiquement, et je garde la main sur chacune. Jusqu’ici, je les rédigeais moi-même et je les insérais dans mes articles via des champs méta créés pour ça. Je ne vais pas vous mentir, c’était contraignant comme c’est pas permis.

Aujourd’hui, pour chaque article, je peux choisir de ne pas les mettre, de les mettre, ou de les surcharger. Plus simple et moins galère pour moi.

Yoast SEO, je supprime : le minimum SEO et GEO automatisé dans le blog

J’ai supprimé Yoast SEO parce que je n’en utilisais que le minimum syndical, et que ce minimum peut tout à fait être automatisé à mon échelle, directement dans le blog.

Après les JSON-LD, je me suis penché sur le SEO et le GEO. Yoast fait beaucoup de choses, mais je suis loin de me servir de toutes ses fonctionnalités. Côté GEO, cette logique prolonge la version Markdown des articles pour les LLM que j’avais mise en place. Et comme tout ce qui touche au MCP du blog -> c’est dans un plugin séparé, Yoast ne me sert pas vraiment.

Commentaires et formulaire de contact : même traitement

J’ai aussi supprimé le plugin de commentaires et le développement custom de mon formulaire de contact : les deux faisaient bien plus que nécessaire et alourdissaient le site. On retourne sur du natif (tout en ajoutant de la sécurité).

Mes services de freelance revus

La refonte a aussi été l’occasion de retravailler mes offres en tant freelance, autour de deux services. Le premier, que j’ai remanié, est l’aide à la conception de fonctionnalités d’un site (et autres). Le second, que je préfère largement mettre en avant, est la sécurité et le nettoyage de hack de sites internet. C’est vraiment ce qui me plaît énormément, et c’est là-dessus que j’aime être sollicité.

Conclusion

Résultat de cette refonte du blog : tout est beaucoup plus clean et simple, sans prise de tête. Ce que je voulais, c’est un site rapide et performant, facile à utiliser, qui ne charge rien d’inutile.