Développement Web
Formation Wordpress avec Gutenberg
Cette formation permet de concevoir, structurer et faire évoluer des sites WordPress avec Gutenberg dans une logique de production professionnelle.
Format
Intra-entreprise
Durée recommandée
≈ 14 à 28 heures
Démarrage
Sous 15 jours
Sur-mesure
Programme co-construit avec le formateur
Programme révisé le
Pour qui ?
- ›Chargés de communication, créateurs de contenus ou responsables web amenés à publier et structurer des pages dans WordPress.
- ›Webmasters, intégrateurs ou administrateurs de sites souhaitant exploiter Gutenberg de manière plus fluide, fiable et professionnelle.
- ›Équipes marketing, éditoriales, digitales ou techniques intervenant sur la création, la mise à jour et l’optimisation de contenus web.
Prérequis
- ›Maîtriser les usages courants de l’outil informatique et de la navigation web.
- ›Une première expérience de publication de contenus sur un site web ou dans un CMS est recommandée.
Objectifs pédagogiques
- ›Comprendre l’environnement WordPress et le fonctionnement de l’éditeur Gutenberg dans une chaîne de production de contenus web.
- ›Créer, structurer et mettre en forme des pages et articles à l’aide des blocs natifs et de leurs principales options.
- ›Organiser des contenus clairs, cohérents et réutilisables en s’appuyant sur une logique éditoriale, ergonomique et responsive.
- ›Gagner en autonomie dans la gestion des médias, des mises en page, des modèles et des éléments récurrents du site.
- ›Appliquer les bonnes pratiques de publication, de qualité éditoriale, d’accessibilité, de référencement naturel et de maintenance courante.
- ›Adapter l’usage de Gutenberg à des besoins plus avancés : compositions synchronisées, construction de modèles, personnalisation et collaboration avec les équipes techniques.
Programme détaillé
8 modules, construits autour de vos cas réels.
Durée recommandée ≈ 14 à 28 heures, modulable selon le rythme du groupe et vos contraintes intra-entreprise.
01Prendre en main WordPress et l'éditeur Gutenberg
Chapitres- Situer le rôle de WordPress dans une chaîne de production de contenus web.
- Naviguer dans le tableau de bord, les menus d'administration et les réglages utiles au quotidien.
- Distinguer articles, pages, catégories, étiquettes, médias et menus de navigation.
- Comprendre la logique d'édition par blocs et ses écarts avec l'ancien éditeur classique.
- Repérer la barre d'outils flottante, le panneau de réglages, la vue en liste et les options de publication.
- Gagner du temps avec la palette de commandes, désormais accessible dans toute l'administration.
- Adopter une méthode fiable pour créer, modifier, relire et publier un contenu.
02Créer et mettre en forme des contenus avec les blocs natifs
Chapitres- Utiliser les blocs de texte, titre, liste, citation, bouton, séparateur et espacement.
- Insérer et paramétrer des images, galeries, vidéos et fichiers audio.
- Structurer une page avec les blocs colonnes, groupe, empilement et ligne.
- Régler alignements, marges intérieures, couleurs, typographie et hiérarchie visuelle.
- Maintenir lisibilité et cohérence graphique en respectant la charte éditoriale du site.
- Produire des pages simples et bien structurées à travers des mises en application encadrées.
03Organiser l'information et soigner l'expérience de lecture
Chapitres- Construire une page selon une logique de lecture orientée vers l'utilisateur.
- Hiérarchiser le contenu avec titres, intertitres, appels à l'action et zones distinctes.
- Concevoir des parcours adaptés aux pages vitrine, service, actualité ou landing page.
- Intégrer des éléments de réassurance, de navigation interne et de repérage visuel.
- Contrôler le rendu mobile et les contraintes d'affichage responsive avant publication.
04Gérer les médias et les ressources du site
Chapitres- Importer, classer et réutiliser les fichiers dans la bibliothèque de médias.
- Préparer des images web en agissant sur le poids, le format et la qualité d'affichage.
- Renseigner nom de fichier, texte alternatif, légende, description et droits d'usage.
- Insérer les médias en surveillant les performances et le confort de lecture.
- Tenir une gestion documentaire propre pour garder un site exploitable dans la durée.
05Industrialiser la production avec les fonctions avancées de Gutenberg
Chapitres- Créer des compositions synchronisées (les anciens blocs réutilisables) et non synchronisées pour homogénéiser les contenus.
- Exploiter les compositions, modèles et variantes de mise en page disponibles.
- Gérer duplication, transformation et déplacement de blocs sans casser la structure.
- Sécuriser le travail grâce à l'historique des révisions, aux brouillons et aux états de publication.
- Accélérer la création de pages récurrentes à partir de gabarits encadrés.
- Organiser une bibliothèque de compositions partagée entre contributeurs.
06Référencement naturel, accessibilité et qualité éditoriale
Chapitres- Rédiger des contenus structurés et pertinents pour le web et l'indexation.
- Organiser les niveaux de titres et les zones de texte selon une hiérarchie claire.
- Améliorer l'accessibilité : contrastes, liens explicites, alternatives textuelles, lisibilité.
- Optimiser images, métadonnées éditoriales et qualité rédactionnelle d'ensemble.
- Repérer les erreurs fréquentes qui nuisent à la compréhension ou à l'indexation.
- Mettre en place une routine de vérification avant chaque publication ou mise à jour.
07Personnaliser la structure éditoriale via le thème et les styles globaux
Chapitres- Comprendre le lien entre thème WordPress, styles globaux et possibilités offertes par Gutenberg.
- Séparer ce qui relève de l'édition de contenu, de la mise en page et de la personnalisation du site.
- Régler les styles, modèles et éléments globaux selon les droits attribués.
- Intervenir sur l'en-tête, le pied de page et les zones structurantes quand le thème l'autorise.
- Adapter les contenus aux contraintes du thème sans rompre la cohérence visuelle.
08Administrer et faire vivre le site au quotidien
Chapitres- Piloter le cycle de vie des contenus : création, validation, publication, mise à jour, archivage.
- Organiser le travail collaboratif entre contributeurs, éditeurs et administrateurs.
- Configurer les utilisateurs, les rôles et les droits d'accès adaptés à chaque profil.
- Surveiller les extensions, les mises à jour et la stabilité générale du site.
- Prévenir les erreurs courantes de manipulation, de publication ou de mise en forme.
- Inscrire l'usage de Gutenberg dans une démarche durable d'autonomie et d'amélioration continue.
Moyens & supports pédagogiques
- Accueil des stagiaires
- Supports de formation projets
- Apports théoriques et pratiques
- Études de cas concrets
- Auto-positionnement
- Accès en ligne aux ressources
Évaluation & suivi des acquis
Feuille de présence
Émargement des stagiaires en présentiel ou à distance, via support papier ou signature électronique.
Émargement sécurisé
Signatures électroniques collectées en ligne et conservées dans un coffre-fort numérique sécurisé par Dendreo.
Auto-positionnement
Évaluation du niveau des stagiaires en début et en fin de formation pour mesurer la progression.
Évaluations pédagogiques
Validation des acquis par des questions orales ou écrites tout au long de la formation.
Mises en situation
Exercices pratiques et cas concrets pour ancrer les compétences dans la réalité métier.
Attestation de fin de formation
Remise d'une attestation officielle à l'issue de la formation.
Délai d’accès
Sous 15 jours après validation du devis
Accessibilité PSH
Adaptations possibles en situation de handicap. En savoir plus
Questions fréquentes
Ce que les entreprises demandent avant de se lancer.
Peut-on construire un site complet avec Gutenberg, sans constructeur de pages type Elementor ou Divi ?
Oui, dans la plupart des cas. Avec un thème basé sur les blocs, l'éditeur de site permet de modifier l'en-tête, le pied de page, les modèles de pages et les styles globaux directement dans Gutenberg, sans extension supplémentaire. Un constructeur tiers reste pertinent sur des projets déjà construits avec, mais pour un nouveau site vitrine ou éditorial, les blocs natifs couvrent l'essentiel des besoins avec un site plus léger et plus simple à maintenir. La formation aborde cette articulation au module 7.Quelle est la différence entre blocs réutilisables et compositions synchronisées ?
C'est le même outil sous deux noms. Depuis WordPress 6.3, les blocs réutilisables s'appellent compositions synchronisées : une composition synchronisée se met à jour partout où elle est insérée dès qu'on la modifie, tandis qu'une composition non synchronisée sert de point de départ que chacun adapte librement. Cette mécanique, au cœur du module 5, permet d'homogénéiser bandeaux, appels à l'action et blocs récurrents sur tout un site.La formation suit-elle les évolutions récentes de l'éditeur ?
Oui, le programme est ajusté à la version installée chez vous. Les versions récentes de WordPress ont enrichi le travail quotidien dans Gutenberg : palette de commandes disponible dans toute l'administration, notes attachées aux blocs pour la relecture à plusieurs, réglages de visibilité d'un bloc selon l'appareil (mobile, tablette, ordinateur). Ces apports sont intégrés aux modules concernés quand votre site en dispose.
Prochaine étape
Construire votre formation Wordpress avec Gutenberg
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
