Module 1 — Comprendre l’écosystème WordPress moderne et les principes du Full Site Editing
- Comprendre l’évolution de WordPress vers les thèmes blocs et le Full Site Editing.
- Identifier les différences entre thème classique, thème hybride et thème bloc.
- Distinguer les rôles de l’éditeur de contenu, de l’éditeur de site et des styles globaux.
- Repérer les notions clés : templates, template parts, patterns, blocs, styles, navigation.
- Situer le Full Site Editing dans une logique de production, de personnalisation et de gouvernance éditoriale.
- Identifier les apports et limites du FSE selon les contextes de projet.
Module 2 — Prendre en main l’éditeur de site et la structure globale d’un thème bloc
- Naviguer dans l’éditeur de site et comprendre son interface de travail.
- Modifier l’en-tête, le pied de page, les zones globales et les structures principales du site.
- Comprendre la hiérarchie des templates et leur rôle dans l’affichage des contenus.
- Utiliser les template parts pour mutualiser des éléments récurrents.
- Gérer les pages types du site : page, article, archive, recherche, 404, pages spécifiques.
- Adopter une méthode de travail fiable pour tester, ajuster et valider les modifications structurelles.
Module 3 — Structurer un design system dans WordPress
- Définir les fondations d’un design system : couleurs, typographies, espacements, grille, rayons, ombres.
- Traduire des règles de design en paramètres globaux exploitables dans WordPress.
- Organiser les tokens visuels et les styles de manière cohérente à l’échelle du site.
- Structurer les composants éditoriaux dans une logique réutilisable et homogène.
- Prévoir les variantes, états et usages des composants selon les besoins métiers.
- Mettre en relation les choix de design system avec les contraintes de publication et de maintenance.
Module 4 — Exploiter les styles globaux et le fichier theme.json
- Comprendre le rôle de theme.json dans la configuration d’un thème bloc.
- Définir les palettes, tailles, espacements, largeurs et réglages de typographie à l’échelle du site.
- Encadrer les options disponibles pour les contributeurs afin de préserver la cohérence graphique.
- Paramétrer les styles par défaut des blocs natifs dans une logique de standardisation.
- Identifier les niveaux de priorité entre styles globaux, styles de blocs et surcharge CSS.
- Réaliser de courtes mises en application encadrées autour de la configuration d’un socle graphique cohérent.
Module 5 — Concevoir des templates et des compositions éditoriales robustes
- Créer et ajuster des templates adaptés aux différents types de contenus et parcours utilisateurs.
- Structurer des compositions de pages avec des blocs natifs et des patterns réutilisables.
- Concevoir des gabarits facilitant la production de contenus sans dégrader la cohérence du site.
- Prévoir les comportements responsive et les logiques d’alignement dans les mises en page.
- Organiser les zones éditoriales pour concilier liberté de contribution et cadre de publication.
- Évaluer la qualité d’un template selon des critères d’usage, de lisibilité et de réutilisation.
Module 6 — Créer une bibliothèque de composants et de patterns réutilisables
- Identifier les composants pertinents à mutualiser dans un site WordPress : hero, grille, carte, CTA, section de contenu, navigation.
- Créer des patterns adaptés aux usages récurrents de publication.
- Définir des conventions de nommage et de classement pour faciliter l’usage par les équipes.
- Décliner des variantes de composants sans multiplier les structures inutiles.
- Encadrer la réutilisation pour gagner en productivité tout en gardant un haut niveau de cohérence.
- Réaliser de courtes mises en application encadrées autour d’une bibliothèque de blocs et patterns métier.
Module 7 — Maîtriser la qualité visuelle, l’accessibilité et la cohérence responsive
- Vérifier la hiérarchie visuelle des interfaces et la lisibilité des contenus sur différents écrans.
- Appliquer les principes d’accessibilité aux contrastes, aux tailles de texte, aux liens et aux structures de titres.
- Contrôler les espacements, alignements et comportements des composants dans les contextes mobiles et desktop.
- Repérer les écarts de rendu entre éditeur et front-office et corriger les incohérences.
- Intégrer les bonnes pratiques de sobriété visuelle, de clarté et de confort d’usage.
- Mettre en place une routine de contrôle qualité avant mise en ligne ou livraison interne.
Module 8 — Articuler FSE, personnalisation avancée et collaboration technique
- Identifier ce qui peut être géré dans l’éditeur de site et ce qui relève encore du développement.
- Collaborer plus efficacement avec les équipes techniques autour des thèmes blocs, de CSS et des adaptations spécifiques.
- Comprendre les points de vigilance liés aux évolutions de thème, aux mises à jour WordPress et à la maintenance.
- Préparer un cadre durable pour faire évoluer le design system sans casser l’existant.
- Documenter les règles d’usage, les composants et les bonnes pratiques pour les contributeurs.
- Inscrire l’exploitation du FSE dans une démarche professionnelle de gouvernance, d’industrialisation et d’amélioration continue.
