La refonte du Blog en blocs
Le Blog passé sur un thème WordPress à blocs, avec son design system et une page d'accueil refaite, menée avec Claude Code et mesurée avant chaque décision.
Le problème
Mon Blog a deux rôles : montrer des photos et transmettre. Il fallait rester crédible sur les deux sans que l’une dilue l’autre. Un visiteur venu pour mes séries ne doit pas être noyé sous les formations, et un lecteur du Blog ne doit pas croire que la partie auteur n’est qu’un sous-produit. Sa page d’accueil devait jouer le rôle de vitrine : dire qui je suis et par où commencer.
Ce que ça fait
La refonte donne au Blog un thème WordPress à blocs, un design system (couleurs, polices, composants) et une page d’accueil en neuf sections : présentation, premiers pas, piliers, catégories, derniers articles, formations, newsletter, univers et à propos. Les listes d’articles se trient (récents, anciens, mis à jour, de A à Z, au hasard). Le dernier chantier, un pied de page unique sur tout le site, date du 14/10/2026. Le résultat se voit sur la page d’accueil du Blog.
Comment ça marche
J’ai commencé par mesurer : inventaire des pages, audit de chacune, vitesse relevée sur mobile et sur ordinateur, captures. Rien n’a été écrit sans mon accord.
Ensuite, tout passe par un thème enfant : le thème de base reste intact. Les jetons du design system (couleurs, typographie, espacements) vivent dans les fichiers du thème. La page d’accueil est un bloc réutilisable appelé par un modèle : refaire l’accueil revient à remplacer ce bloc, et l’ancien reste en place pour un retour en une ligne.
Un petit plugin décide du contenu des sélections. Les articles piliers sortent dans un ordre aléatoire pour que la page paraisse fraîche. Les articles « à ne pas manquer » ne répètent jamais un pilier, et les quatre derniers ne répètent aucun des deux. Quand je change un article épinglé, seules les pages concernées sont purgées du cache.
Le déploiement est un script : il envoie les fichiers, purge, puis contrôle une série de pages témoins et sort en erreur au moindre écart. Chaque envoi a son retour arrière prévu.
Qui fait quoi
le schéma en texte
- Moi : je décide de ce que la page promet et de ce qu’elle laisse de côté. Pour la page d’accueil du Blog, j’ai choisi de promettre des articles, pas des vidéos.
- Claude Code : il écrit le thème, les blocs et les scripts, lance les mesures et déploie.
- Le design system : la source unique du style, tenue à part de WordPress.
- Le plugin de sélection : il tire les articles sans doublon et purge le cache.
- Le script de déploiement : il envoie, contrôle et sait revenir en arrière.
Ce qui se reprend
La méthode se reprend sans mon code : mesurer avant d’écrire, passer par un thème enfant pour garder le thème de base intact, prévoir le retour arrière avant chaque envoi et contrôler des pages témoins après chaque déploiement. Le résultat est visible, en ligne, sur mon Blog.
Ce que j'en retiens
Mesurer avant d’écrire m’a évité de refaire ce qui marchait. Prévoir le retour arrière avant d’envoyer m’a permis d’avancer sans peur. Un seul composant pour le pied de page, plutôt que deux copies qui divergent, rend les changements futurs triviaux. Et mener un tel chantier avec Claude Code ne m’a pas dispensé de décider : l’outil exécute, je choisis.