Commencer avec l'éditeur de blocs WordPress (Gutenberg) en 2026

Qu'est-ce que l'éditeur de blocs WordPress ?

L'éditeur de blocs WordPress, communément appelé Gutenberg, est l'éditeur de contenu par défaut dans WordPress. Introduit dans WordPress 5.0, il a remplacé l'éditeur classique par un système modulaire basé sur des blocs où chaque élément de contenu — un paragraphe, une image, un titre ou un embed — est un bloc individuel que vous pouvez organiser, personnaliser et réorganiser indépendamment.

En 2026, Gutenberg a évolué bien au-delà d'un simple éditeur de contenu. Avec l'édition complète du site (FSE), il contrôle désormais l'ensemble des mises en page du site, y compris les en-têtes, les pieds de page, les modèles et les parties de modèle. Ce guide vous explique tout ce que vous devez savoir, de l'édition de blocs de base aux techniques avancées de création de sites.

Aperçu des blocs principaux

WordPress est livré avec plus de 90 blocs principaux organisés en catégories. Voici ceux que vous utiliserez le plus fréquemment :

Créer du contenu avec des blocs

Ajouter des blocs

Il existe plusieurs façons d'ajouter des blocs à votre contenu :

• Bouton Plus (+) : Cliquez sur l'icône plus dans la barre d'outils ou entre les blocs pour ouvrir l'inserteur de blocs
• Commande Slash : Tapez / suivi du nom d'un bloc (par exemple, /image, /titre) pour une insertion rapide
• Palette de commandes : Appuyez sur Ctrl+K (Windows) ou Cmd+K (Mac) pour rechercher n'importe quel bloc ou action
• Glisser-déposer : Faites glisser des blocs depuis le panneau d'insertion directement sur le canevas

Configurer des blocs

Chaque bloc a deux zones de configuration :

1. Barre d'outils : Apparaît au-dessus du bloc sélectionné avec des actions courantes (alignement, gras, italique, lien)
2. Panneau latéral : Fournit des paramètres détaillés, y compris les couleurs, la typographie, l'espacement et des options avancées

Organiser des blocs

Organisez votre contenu en déplaçant les blocs vers le haut ou vers le bas à l'aide des flèches dans la barre d'outils des blocs, ou faites-les glisser vers une nouvelle position. Vous pouvez également utiliser le panneau de vue en liste (Shift+Alt+O) pour voir la structure complète de votre document et faire glisser des blocs dans l'arborescence.

Blocs réutilisables (Modèles synchronisés)

Les blocs réutilisables — renommés en Modèles synchronisés en 2026 — vous permettent de créer un bloc ou un groupe de blocs une fois et de les insérer dans plusieurs articles et pages. Lorsque vous mettez à jour le modèle synchronisé, chaque instance se met à jour automatiquement.

Utilisations courantes des modèles synchronisés :

• Sections d'appel à l'action qui apparaissent sur plusieurs pages
• Boîtes de biographie d'auteur utilisées dans les articles de blog
• Avis de non-responsabilité ou de divulgation d'affiliation standardisés
• Formulaires d'inscription à la newsletter
• Blocs d'informations de contact

Pour créer un modèle synchronisé : sélectionnez des blocs, cliquez sur le menu à trois points, choisissez "Créer un modèle", nommez-le et activez "Synchronisé". Pour l'insérer plus tard, trouvez-le dans l'onglet Modèles de l'inserteur de blocs.

Modèles de blocs

Les modèles de blocs sont des arrangements préconçus de blocs que vous pouvez insérer et personnaliser. Contrairement aux modèles synchronisés, ils ne sont pas liés — modifier une instance de modèle n'affecte pas les autres utilisations.

Modèles intégrés

WordPress inclut des modèles pour des mises en page courantes : sections héroïques, grilles de fonctionnalités, mises en page de témoignages, tableaux de prix, et plus encore. Votre thème actif peut enregistrer des modèles supplémentaires optimisés pour son système de design.

Répertoire de modèles WordPress.org

Le répertoire de modèles WordPress.org propose des milliers de modèles contribué par la communauté. Vous pouvez parcourir, prévisualiser et copier des modèles directement depuis l'inserteur ou depuis le site web du répertoire de modèles.

Créer des modèles personnalisés

Créez vos propres modèles en arrangeant des blocs, en les sélectionnant tous et en créant un modèle depuis le menu des blocs. Les modèles personnalisés apparaissent dans la section "Mes modèles" de l'inserteur, les rendant réutilisables sur votre site.

Notions de base de l'édition complète du site

L'édition complète du site (FSE) étend l'édition de blocs au-delà du contenu des articles et des pages à l'ensemble de la structure de votre site. Avec un thème de blocs, vous pouvez éditer :

• Modèles : Contrôlez la mise en page de types de pages spécifiques (article unique, archive, 404, résultats de recherche)
• Parts de modèle : Éditez des sections réutilisables comme les en-têtes et les pieds de page
• Styles globaux : Définissez des couleurs, une typographie à l'échelle du site
  • Navigation : Créez et gérez des menus visuellement

  Accéder à l'éditeur de site

  Accédez à Apparence → Éditeur dans votre tableau de bord WordPress. Cela ouvre l'éditeur de site où vous pouvez parcourir les modèles, modifier les parties de modèle et ajuster les styles globaux. Notez que FSE nécessite un thème de blocs — les thèmes classiques utilisent plutôt le Customizer traditionnel.

  Modèles vs Parties de modèle

  Concept	Ce qu'il contrôle	Exemple
  Modèle	Mise en page complète pour un type de contenu	Article unique, Page, Archive, 404
  Partie de modèle	Section réutilisable au sein des modèles	En-tête, Pied de page, Barre latérale

  Personnaliser les blocs avec theme.json

  Le fichier theme.json est le centre de configuration pour les thèmes de blocs. Il contrôle :

  • Palettes de couleurs et dégradés disponibles dans l'éditeur
  • Préférences typographiques (familles de polices, tailles, hauteurs de ligne)
  • Échelles d'espacement et largeurs de mise en page
  • Quelles fonctionnalités de blocs sont activées ou désactivées
  • Styles par défaut pour des blocs spécifiques

  Les développeurs de thèmes utilisent theme.json pour créer un système de design cohérent. En tant que propriétaire de site, vous pouvez modifier ces paramètres via l'interface des Styles globaux dans l'éditeur de site sans éditer le fichier directement.

  Raccourcis clavier

  Apprendre les raccourcis clavier accélère considérablement votre flux de travail d'édition :

  Action	Windows / Linux	Mac
  Ajouter un nouveau bloc	/ (barre oblique)	/ (barre oblique)
  Palette de commandes	Ctrl + K	Cmd + K
  Dupliquer le bloc	Ctrl + Shift + D	Cmd + Shift + D
  Supprimer le bloc	Shift + Alt + Z	Ctrl + Option + Z
  Ouvrir la vue Liste	Shift + Alt + O	Ctrl + Option + O
  Basculer l'inserteur de blocs	Ctrl + Shift + ,	Cmd + Shift + ,
  Enregistrer le brouillon / Mettre à jour	Ctrl + S	Cmd + S
  Annuler	Ctrl + Z	Cmd + Z
  Insérer un lien	Ctrl + K	Cmd + K

  Gutenberg vs Éditeur classique

  Certains utilisateurs de WordPress préfèrent encore le plugin Éditeur classique. Voici comment les deux se comparent :

  Aspect	Gutenberg	Éditeur classique
  Approche d'édition	Basée sur des blocs, modulaire	Zone de texte unique (TinyMCE)
  Capacités de mise en page	Colonnes, grilles, sections pleine largeur	Contenu linéaire uniquement
  Gestion des médias	Galeries en ligne, images de couverture, média+texte	Insertion de médias basique
  Compatibilité future	Développement actif, support FSE	Mode maintenance uniquement
  Support de plugin/thème	Écosystème de blocs en croissance		Déclin du nouveau développement

  Le plugin Classic Editor est toujours maintenu, mais le développement de WordPress s'est entièrement engagé envers l'éditeur de blocs. De nouvelles fonctionnalités, thèmes et plugins ciblent de plus en plus Gutenberg en premier.

  Plugins de blocs qui étendent Gutenberg

  Bien que les blocs de base couvrent la plupart des besoins, ces plugins ajoutent des fonctionnalités spécialisées :

  • Plugin Flavor : Ajoute des blocs avancés comme des onglets, des accordéons, des tableaux de prix et des carrousels de publications
  • Plugin Flavor : Fournit des blocs axés sur le contenu pour de meilleures expériences d'écriture — barres de progression, clic pour tweeter, alertes
  • Plugin Flavor : Offre des blocs orientés design avec animation et options de style avancées
  • Plugin Flavor : Étend Gutenberg avec des blocs spécifiquement conçus pour les thèmes FSE
  • Plugin Flavor : Ajoute des blocs de requête et de filtre pour l'affichage dynamique du contenu

  Lors de la sélection de plugins de blocs, choisissez ceux qui respectent les normes de codage de WordPress et génèrent un balisage propre. Évitez les plugins qui chargent des frameworks JavaScript lourds, car ils annulent les avantages de performance de Gutenberg.

  Conseils pratiques pour un montage de blocs efficace

  Utilisez la vue Liste

  Pour les pages complexes, la vue Liste (Shift+Alt+O) est essentielle. Elle montre la structure complète de votre document sous forme d'arbre, facilitant la sélection de blocs imbriqués, le réarrangement des sections et la compréhension de votre hiérarchie de page.

  Groupez les blocs pour des actions en masse

  Sélectionnez plusieurs blocs (cliquez sur le premier, Shift+cliquez sur le dernier) et regroupez-les. Les blocs regroupés peuvent être stylés ensemble, déplacés en tant qu'unité et convertis en modèles. Cela est particulièrement utile pour créer des sections cohérentes.

  Verrouillez les blocs pour éviter les modifications accidentelles

  Verrouillez les blocs importants pour éviter les déplacements ou suppressions accidentelles. Cliquez avec le bouton droit sur un bloc et choisissez "Verrouiller" pour restreindre les modifications. Cela est utile pour les modèles ou le contenu géré par plusieurs éditeurs.

  Utilisez les raccourcis clavier de manière agressive

  La différence entre un montage de blocs efficace et lent réside souvent dans les raccourcis clavier. Apprenez d'abord les cinq raccourcis les plus courants (commande slash, dupliquer, supprimer, enregistrer, annuler), puis élargissez votre répertoire à mesure que vous vous sentez à l'aise.

  Pour une comparaison avec Elementor et d'autres constructeurs de pages, consultez notre comparaison Elementor vs Gutenberg et notre guide de comparaison des constructeurs de pages. Si vous choisissez un thème qui fonctionne bien avec Gutenberg, lisez notre guide de sélection de thèmes.

  Questions Fréquemment Posées

  Puis-je encore utiliser le Classic Editor ?

  Oui. Le plugin Classic Editor reste disponible et est maintenu par l'équipe de WordPress. Cependant, il ne reçoit que des mises à jour de maintenance — pas de nouvelles fonctionnalités. WordPress recommande de migrer vers l'éditeur de blocs pour accéder aux fonctionnalités modernes et au développement continu.

  Gutenberg fonctionne-t-il avec tous les thèmes WordPress ?

  Gutenberg fonctionne avec les thèmes classiques et les thèmes de blocs. Les thèmes classiques prennent en charge l'édition de blocs dans le contenu des publications et des pages. Les thèmes de blocs prennent également en charge l'édition complète du site pour les en-têtes, les pieds de page, les modèles et les styles globaux. Pour une expérience FSE complète, vous avez besoin d'un thème de blocs.

  Comment convertir le contenu du Classic Editor en blocs ?

  Lorsque vous ouvrez une publication Classic Editor dans Gutenberg, WordPress enveloppe le contenu dans un bloc classique. Vous pouvez cliquer sur "Convertir en blocs" pour transformer le contenu en blocs individuels. Vérifiez la conversion par la suite, car des mises en page complexes peuvent nécessiter un ajustement manuel.

  Les pages Gutenberg sont-elles plus lentes que les pages Classic Editor ?

  Non. Gutenberg génère un HTML propre qui est comparable ou plus léger que la sortie du Classic Editor. L'éditeur de blocs n'ajoute pas de surcharge frontend significative. L'interface de l'éditeur elle-même (dans l'administration) utilise plus de ressources que le Classic Editor, mais cela n'affecte pas ce que les visiteurs expérimentent.

  Puis-je créer des blocs personnalisés sans coder ?

  Oui, dans une certaine mesure. Vous pouvez créer des modèles de blocs personnalisés en arrangeant des blocs existants. Pour des blocs vraiment personnalisés avec des fonctionnalités uniques, vous avez besoin de développement JavaScript (React). Plusieurs plugins offrent des constructeurs de blocs sans code, bien qu'ils aient des limitations par rapport aux solutions codées.

  Qu'est-ce que les modèles synchronisés et comment diffèrent-ils des modèles réguliers ?

  Les modèles synchronisés (anciennement Blocs Réutilisables) sont liés à toutes leurs instances. Modifier l'un d'eux met à jour tous les autres. Les modèles réguliers sont des modèles — en insérant un, vous créez une copie indépendante que vous pouvez modifier sans affecter d'autres utilisations. Utilisez des modèles synchronisés pour un contenu qui doit être cohérent partout (CTA, avertissements). Utilisez des modèles réguliers pour des mises en page que vous souhaitez comme points de départ.

  Comment résoudre les problèmes de l'éditeur de blocs ?

  Les solutions courantes incluent : vider le cache de votre navigateur, désactiver les plugins un par un pour identifier les conflits, passer temporairement à un thème par défaut et vérifier la console de développement de votre navigateur pour des erreurs JavaScript. La plupart des problèmes de l'éditeur de blocs proviennent de conflits de plugins plutôt que de problèmes de base.

  L'édition complète du site est-elle prête pour une utilisation en production ?

  À partir de 2026, l'édition complète du site est stable et prête pour la production. L'ensemble des fonctionnalités a considérablement mûri avec chaque version de WordPress. Cependant, l'écosystème des thèmes et modèles de blocs est encore en croissance. Si vous avez besoin de modèles préconstruits étendus, vous constaterez peut-être que la sélection est plus limitée par rapport aux options de thèmes classiques.

  Trouvez un thème WordPress prêt pour les blocs

  Parcourez des thèmes WordPress premium optimisés pour Gutenberg et l'édition complète du site. Code propre, performances rapides et designs professionnels.

  Parcourir les thèmes →