Développement Web
Formation WordPress Full Site Editing (FSE) & design system
Cette formation permet de concevoir, structurer et faire évoluer un site WordPress avec le Full Site Editing dans une logique de design system.
Format
Intra-entreprise
Durée recommandée
≈ 21 à 35 heures
Démarrage
Sous 15 jours
Sur-mesure
Programme co-construit avec le formateur
Pour qui ?
- ›Webdesigners, intégrateurs, développeurs WordPress ou administrateurs de sites souhaitant exploiter le Full Site Editing dans un cadre professionnel.
- ›Responsables digitaux, chefs de projet web ou profils techniques amenés à structurer des interfaces éditoriales cohérentes et évolutives.
- ›Équipes web, produit, communication ou contenu intervenant sur la création, la personnalisation et la maintenance de sites WordPress modernes.
Prérequis
- ›Maîtriser les bases de WordPress et de son administration.
- ›Avoir une connaissance des principes de structuration web, de mise en page et de publication de contenus.
- ›Une première expérience avec les thèmes WordPress, HTML et CSS est recommandée.
Objectifs pédagogiques
- ›Comprendre les principes du Full Site Editing et son rôle dans l’évolution récente de l’écosystème WordPress.
- ›Structurer un site à partir de templates, template parts, styles globaux et blocs dans une logique cohérente et maintenable.
- ›Concevoir et décliner un design system opérationnel dans WordPress en s’appuyant sur les outils natifs du FSE.
- ›Harmoniser les composants éditoriaux, les règles de mise en forme et les variantes d’affichage à l’échelle du site.
- ›Gagner en autonomie dans la personnalisation des thèmes blocs et dans l’organisation des interfaces de contribution.
- ›Appliquer les bonnes pratiques de qualité visuelle, d’accessibilité, de cohérence responsive, de performance et de maintenance.
Programme détaillé
8 modules, construits autour de vos cas réels.
Durée recommandée ≈ 21 à 35 heures, modulable selon le rythme du groupe et vos contraintes intra-entreprise.
01Comprendre l'écosystème WordPress moderne et les principes du Full Site Editing
Chapitres- 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 du FSE : 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 les limites du FSE selon les contextes de projet.
02Prendre en main l'éditeur de site et la structure globale d'un thème bloc
Chapitres- Naviguer dans l'éditeur de site et comprendre son interface de travail.
- Modifier l'en-tête, le pied de page et les zones globales du site.
- Comprendre la hiérarchie des templates et leur rôle dans l'affichage des contenus.
- Utiliser les template parts pour mutualiser les éléments récurrents.
- Gérer les pages types : page, article, archive, recherche, 404 et pages spécifiques.
03Structurer un design system dans WordPress
Chapitres- 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, les états et les usages des composants selon les besoins métiers.
- Relier les choix de design system aux contraintes de publication et de maintenance.
04Exploiter les styles globaux et le fichier theme.json
Chapitres- 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 offertes aux contributeurs pour 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.
05Concevoir des templates et des compositions éditoriales robustes
Chapitres- 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 qui facilitent 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.
06Créer une bibliothèque de composants et de patterns réutilisables
Chapitres- Identifier les composants à mutualiser : 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 la cohérence du site.
- Réaliser de courtes mises en application autour d'une bibliothèque de blocs et de patterns métier.
07Maîtriser la qualité visuelle, l'accessibilité et la cohérence responsive
Chapitres- 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, les alignements et les comportements des composants en mobile et en desktop.
- Repérer les écarts de rendu entre éditeur et front-office et corriger les incohérences.
- Mettre en place une routine de contrôle qualité avant mise en ligne ou livraison interne.
08Articuler FSE, personnalisation avancée et industrialisation
Chapitres- Identifier ce qui se gère dans l'éditeur de site et ce qui relève encore du développement.
- Collaborer avec les équipes techniques autour des thèmes blocs, du CSS et des adaptations spécifiques.
- Anticiper 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 d'industrialisation et d'amélioration continue.
Évaluation & suivi des acquis
Mill-Forma est certifié Qualiopi. Chaque session respecte les six modalités d'évaluation et de suivi suivantes :
- Feuille de présence émargée quotidiennement par le formateur et chaque stagiaire
- Émargement sécurisé via la plateforme Dendreo (suivi numérique certifié)
- Questionnaire d'auto-positionnement préalable pour évaluer niveau et attentes
- Évaluations formatives et sommatives tout au long de la formation
- Mises en situation pratiques et exercices professionnels en conditions réelles
- Attestation de fin de stage et certificat de réalisation remis au stagiaire
Certification délivrée
Attestation de fin de stage + certificat de réalisation
Délai d'accès
Sous 15 jours après validation du devis
Accessibilité PSH
Adaptations possibles en situation de handicap. En savoir plus.
Méthodes pédagogiques
- ›Alternance d'apports théoriques et de mises en pratique
- ›Études de cas issues de projets clients réels
- ›Support pédagogique numérique remis à chaque stagiaire
- ›Formateur expert métier en activité
Prochaine étape
Construire votre formation WordPress Full Site Editing (FSE) & design system
Un échange de 20 minutes suffit pour cadrer vos enjeux et la session. Devis personnalisé sous 48h, démarrage sous 15 jours.
- Réponse sous 24h ouvrées
- 01 85 71 00 29
Pour aller plus loin
Formations associées
Développement Web≈ 21 à 35 heures·Intra/Inter
Framer, création de sites ultra modernes & animés
Cette formation permet de concevoir, prototyper et publier des sites web modernes, interactifs et animés avec Framer dans une logique professionnelle.
Voir la fiche
Développement Web≈ 21 à 35 heures·Intra/Inter
PrestaShop
Maîtriser PrestaShop pour créer et gérer une boutique e-commerce performante : catalogue, paiement, livraison, SEO, modules, personnalisation thème et marketing.
Voir la fiche
Développement Web≈ 14 à 28 heures·Intra/Inter
Webflow CMS & interactions avancées
Cette formation permet de structurer des contenus dynamiques et de concevoir des expériences interactives avancées dans Webflow sans développement complexe.
Voir la fiche
Développement Web≈ 21 à 35 heures·Intra/Inter
Webflow, création de sites professionnels sans code
Cette formation permet de concevoir, structurer et publier des sites professionnels avec Webflow dans une logique de production sans code.
Voir la fiche
Développement Web≈ 21 à 35 heures·Intra/Inter
WooCommerce
Créer, administrer et optimiser une boutique en ligne WordPress avec WooCommerce, de la configuration au pilotage des ventes et de la logistique.
Voir la fiche
Développement Web≈ 14 à 28 heures·Intra/Inter
Wordpress avec Gutenberg
Cette formation permet de concevoir, structurer et faire évoluer des sites WordPress avec Gutenberg dans une logique de production professionnelle.
Voir la fiche