Petite mise à jour cette semaine sur ecolesaintlaud.com : un nouvel article a été écrit et publié côté actualités de l’école — « C’est la rentrée ! », pour annoncer la réouverture du portail vert aux crayons, bien connu des familles de l’école — et Sophie, qui s’occupe de tout ça sur ce site, a profité de l’occasion pour retoucher quelques couleurs. Rien de spectaculaire en soi — mais la façon de faire ces retouches vaut la peine d’être expliquée.
Le piège classique : modifier directement les fichiers du thème
La tentation la plus simple quand on veut ajuster une couleur ou un détail de mise en page WordPress, c’est d’aller modifier directement le fichier style.css du thème, ou un autre fichier du thème lui-même. Ça marche très bien… jusqu’à la prochaine mise à jour. Que ce soit une mise à jour de WordPress ou simplement du thème, le processus remet les fichiers à leur état d’origine — et toutes les retouches faites directement dans ces fichiers disparaissent du jour au lendemain, sans prévenir.
La bonne pratique : le CSS additionnel
WordPress propose justement un endroit pensé pour ça : le champ CSS additionnel, dans l’éditeur de thème (Apparence → Personnaliser → CSS additionnel). Ce CSS n’est pas stocké dans un fichier du thème, mais directement en base de données — ce qui le rend totalement indépendant des mises à jour du thème ou de WordPress. On peut mettre à jour le thème autant de fois que nécessaire, les retouches de couleur restent en place.
C’est exactement cette méthode que Sophie a utilisée pour les ajustements de couleurs sur ecolesaintlaud.com : quelques règles CSS ciblées, ajoutées dans ce champ plutôt que dans les fichiers du thème, pour que le site garde son identité visuelle même après la prochaine mise à jour de sécurité ou de fonctionnalités.
Un réflexe tout simple, mais qui évite une bonne surprise le jour où une mise à jour WordPress se déclenche automatiquement sans qu’on y pense.