Thème WP sur mesure d'après des maquettes complexes pour une agence de communication responsable
Intégration pixel perfect d'un thème WordPress from scratch depuis des maquettes imposées, blocs Gutenberg sur mesure et filtre JavaScript sur la page archive — avec la contrainte d'atteindre la meilleure note Green IT possible à partir de choix techniques et visuels fixés par le client.
Contexte
Canopée est une agence de communication et de design responsable avec qui je travaille régulièrement. Pour ce projet, le client a imposé les maquettes, les plugins WordPress et une contrainte forte : obtenir la meilleure note Green IT possible malgré des choix visuels et techniques fixés en amont. C'est de l'éco-réalisation, pas de l'éco-conception.
Contraintes techniques imposées
Le client a imposé l'utilisation de WordPress avec une pile de plugins spécifiques : ACF Pro, Everest Form Pro, Mailster, Imagify, Wordfence Security et WP Rocket. Les maquettes, complexes, comportaient des décors SVG positionnés hors du flux de contenu et un responsive exigeant.
Blocs Gutenberg sur mesure
Développement de 8 blocs Gutenberg personnalisés pour correspondre exactement aux composants des maquettes : chapo, chiffres en exergue, focus, focus vert, frise chronologique, liste en exergue, logos partenaires, surtitre.
Page Nos références
La page archive du CPT Projets a été le défi le plus complexe : vignettes hexagonales en CSS pur qui se réorganisent seules en responsive, filtre JavaScript sans rechargement de page par métier et secteur d'activité.
Optimisation
CSS et JavaScript minifiés à la livraison. Un print.css fourni pour l'impression. Malgré les contraintes imposées, les résultats Green IT sont solides :
- Homepage : Website Carbon cleaner than 94% · EcoIndex B
- Page références : Website Carbon cleaner than 88% · EcoIndex C
- Autres pages : Website Carbon cleaner than 95% · EcoIndex A