Module 1 — Comprendre l’écosystème Gutenberg et la logique des blocs custom
- Identifier la place de Gutenberg dans l’architecture moderne de WordPress.
- Comprendre le fonctionnement de l’éditeur par blocs côté administration et côté rendu.
- Distinguer blocs natifs, blocs dynamiques, patterns, templates et compositions réutilisables.
- Analyser les cas d’usage justifiant la création de blocs personnalisés dans un projet WordPress.
- Repérer les enjeux d’expérience éditeur, de cohérence graphique et de maintenabilité.
- Situer les différences d’approche entre ACF Blocks et développement natif de blocs Gutenberg.
Module 2 — Préparer l’environnement de développement pour des blocs Gutenberg sur mesure
- Structurer un environnement WordPress adapté au développement et aux tests de blocs personnalisés.
- Identifier les prérequis techniques : thème, thème enfant, extensions utiles, version de WordPress et organisation du code.
- Comprendre les fichiers, hooks et mécanismes nécessaires à l’enregistrement de blocs custom.
- Mettre en place une arborescence claire pour centraliser les blocs, assets, styles et scripts.
- Préparer un cadre de travail facilitant les évolutions, les tests et la maintenance.
- Appliquer une méthode de nommage cohérente pour les blocs, champs, classes et composants.
Module 3 — Créer des blocs Gutenberg custom avec ACF
- Comprendre le principe de fonctionnement des blocs ACF et leur intérêt dans des contextes de production rapides.
- Déclarer un bloc ACF avec ses paramètres essentiels : nom, catégorie, icône, mots-clés, support et mode d’aperçu.
- Concevoir des groupes de champs adaptés à des usages éditoriaux clairs et robustes.
- Exploiter les types de champs ACF pour structurer le contenu, les variantes d’affichage et les options éditoriales.
- Produire le rendu front et back d’un bloc en PHP dans une logique propre et réutilisable.
- Réaliser de courtes mises en application encadrées autour de blocs éditoriaux courants : texte enrichi, média, appel à l’action, grille de contenus.
Module 4 — Développer des blocs Gutenberg avec les API natives de WordPress
- Comprendre les principes de base du développement natif de blocs avec les API Gutenberg.
- Identifier le rôle de block.json, des scripts d’édition, des styles et des métadonnées du bloc.
- Créer un bloc personnalisé simple en distinguant les notions d’attributs, d’éditeur et de rendu.
- Structurer l’interface d’édition avec les composants standards de Gutenberg.
- Gérer les paramètres du bloc, les contrôles latéraux et les options d’affichage avancées.
- Comparer les avantages, limites et contextes d’usage du développement natif par rapport à ACF.
Module 5 — Concevoir une expérience éditeur claire, robuste et réutilisable
- Définir des interfaces de saisie compréhensibles et adaptées aux contributeurs non techniques.
- Organiser les champs, libellés, aides contextuelles et valeurs par défaut pour limiter les erreurs.
- Prévoir les états vides, les contraintes de saisie et les comportements de secours.
- Encadrer les possibilités de personnalisation sans fragiliser la cohérence du site.
- Intégrer des variantes de blocs ou options de présentation dans une logique éditoriale maîtrisée.
- Évaluer la qualité d’un bloc du point de vue de l’utilisateur final et de l’éditeur WordPress.
Module 6 — Gérer le rendu, le style et l’intégration front-end des blocs
- Relier les blocs custom au design system, au thème et aux styles globaux du site.
- Structurer le HTML et les classes CSS dans une logique propre, modulaire et évolutive.
- Gérer les styles spécifiques à l’éditeur et au front pour garantir une expérience cohérente.
- Prendre en compte les comportements responsive, les alignements, espacements et contraintes de mise en page.
- Sécuriser le rendu des données et appliquer les bonnes pratiques d’échappement et de validation.
- Contrôler la qualité d’intégration visuelle et fonctionnelle sur différents gabarits de pages.
Module 7 — Industrialiser une bibliothèque de blocs pour un projet WordPress
- Organiser plusieurs blocs personnalisés dans une bibliothèque cohérente et facilement maintenable.
- Définir des conventions de développement communes pour faciliter le travail d’équipe.
- Mutualiser des composants, réglages ou logiques de rendu récurrents entre plusieurs blocs.
- Mettre en place une documentation technique et éditoriale utile à l’exploitation des blocs.
- Prévoir l’évolution des blocs dans le temps sans casser les contenus existants.
- Réaliser de courtes mises en application encadrées autour d’une mini bibliothèque de blocs métier.
Module 8 — Tester, optimiser et maintenir des blocs custom en conditions professionnelles
- Vérifier le bon fonctionnement des blocs dans l’éditeur, en front-office et sur différents contextes de contenus.
- Identifier les points de vigilance liés aux mises à jour de WordPress, de Gutenberg, d’ACF et du thème.
- Repérer les impacts potentiels sur les performances, la compatibilité et la stabilité du site.
- Mettre en place des contrôles qualité sur le code, le rendu, l’accessibilité et l’expérience utilisateur.
- Corriger les anomalies fréquentes liées aux champs, aux attributs, aux scripts ou aux styles.
- Inscrire la création de blocs custom dans une démarche durable de maintenance et d’amélioration continue.
