Longtemps, publier sur WordPress signifiait jongler avec du code, des shortcodes et un éditeur à l’ancienne. Puis est arrivé Gutenberg. Tel un nouveau chapitre dans l’histoire du web, cet éditeur de blocs a bouleversé les habitudes, redéfini les règles, et ouvert parfois la voie à une création de contenu plus visuelle, plus flexible et plus accessible. Que vous soyez rédacteur, développeur ou entrepreneur, Gutenberg transforme votre manière d’interagir avec votre site. Ce guide vous plonge dans l’univers des blocs WordPress, de leur logique de fonctionnement aux astuces pour les maîtriser pleinement.
- L’expérience bloc par bloc : La révolution Gutenberg diversement appréciée
- Les options du menu des trois points dans Gutenberg : Personnaliser votre environnement de travail
- Les blocs WordPress : La nouvelle grammaire du web
- Les blocs thème de Gutenberg : Construire l’ossature dynamique de vos modèles
- Les blocs d’intégration : Affichez des contenus externes dans Gutenberg
- Les blocs de modèle dans Gutenberg : Construire l’apparence globale de son site
- Gutenberg au-delà des articles : vers l’édition complète du site
- Comment désactiver Gutenberg sur WordPress ?
L’expérience bloc par bloc : La révolution Gutenberg diversement appréciée
Depuis le lancement de la version 5.0 de WordPress, en décembre 2018, un vent de changement a soufflé sur l’univers du CMS le plus populaire au monde. Au cœur de cette mise à jour majeure, un nom : Gutenberg. Ce nouvel éditeur, inspiré du célèbre inventeur de l’imprimerie Johannes Gutenberg, ambitionnait de révolutionner la manière dont les contenus sont créés et organisés sur le web. Finie l’interface classique reposant sur TinyMCE, place à un environnement où chaque élément de contenu est traité comme un bloc indépendant. Un paragraphe, un titre, une image, un tableau ou encore une vidéo : tout devient manipulable visuellement, déplaçable à la souris, et personnalisable sans écrire une ligne de code. Cette approche dite block-based s’inscrit dans une logique de glisser-déposer familière aux utilisateurs de solutions concurrentes comme Wix, Squarespace ou Webflow. Elle permet à WordPress de rester compétitif sur un marché en pleine évolution, notamment auprès des créateurs de sites sans compétences techniques avancées.
Cependant, cette révolution n’a pas été universellement bien accueillie. Nombre d’utilisateurs de la première heure, développeurs comme blogueurs, ont exprimé leur frustration à l’égard d’une interface perçue comme moins rapide et moins efficace dans certains cas d’usage. En particulier pour la rédaction de billets de blog simples, le classique éditeur TinyMCE, plus direct et sans encombrement visuel, reste privilégié par une partie de la communauté. Pour ces utilisateurs, le gain fonctionnel de Gutenberg ne compense pas toujours la perte de fluidité et les ruptures de rythme dans l’écriture. Il faut également noter que Gutenberg ne s’est pas imposé sans débats au sein même de l’écosystème WordPress. Le projet, piloté par Matt Mullenweg (co-fondateur de WordPress et CEO d’Automattic), a été introduit avec la volonté de recentraliser l’expérience utilisateur, en réponse à la fragmentation croissante du CMS avec les nombreux page builders tiers comme Elementor ou Divi. Si cette stratégie est compréhensible, elle a parfois été vécue comme un passage en force, notamment à travers l’intégration par défaut de Gutenberg dans le cœur de WordPress sans phase de transition suffisante à destination des utilisateurs historiques. Malgré ces critiques, l’éditeur Gutenberg continue d’évoluer, version après version, avec des améliorations notables sur la gestion des blocs, la performance de l’interface, l’ajout de compositions synchronisées (ex-blocs réutilisables), ou encore la prise en charge complète du Full Site Editing depuis WordPress 5.9. La vision à long terme est ambitieuse : permettre la création d’un site complet via des blocs, sans jamais quitter l’éditeur.
Gutenberg s’impose donc comme une avancée majeure dans l’histoire de WordPress, mais dont l’adoption reste encore diversement appréciée. Sa courbe d’apprentissage, ses choix d’ergonomie et ses limitations actuelles en font un outil puissant, mais pas encore universel. L’avenir dira s’il parvient à convaincre tous les profils d’utilisateurs ou s’il restera un éditeur de contenu parmi d’autres dans l’écosystème toujours plus riche de WordPress.
Lorsque vous cliquez sur les trois points verticaux situés en haut à droite de l’éditeur Gutenberg, un menu s’affiche. Il permet d’ajuster l’interface de travail selon vos préférences : vue, mode d’édition, outils d’aide à la rédaction ou réglages avancés. Ce panneau améliore considérablement la productivité, que vous soyez débutant ou utilisateur confirmé.
| Section | Description des options disponibles |
|---|---|
| Vue |
|
| Éditeur |
|
| Outils |
|
| Préférences | Ouvre un panneau de réglages permettant d’activer ou de désactiver certains blocs, d’ajuster le comportement de l’éditeur ou de modifier la manière dont les publications sont gérées. |
Grâce à ce menu, Gutenberg devient un éditeur adaptable et puissant. Ces options renforcent la personnalisation de l’interface et rendent l’expérience d’édition plus fluide, quel que soit votre niveau d’expertise :
Les blocs WordPress : La nouvelle grammaire du web
Avec l’arrivée de Gutenberg, WordPress a transformé la manière dont on structure un contenu numérique. Désormais, chaque élément (texte, image, vidéo ou bouton)devient un bloc autonome que l’on peut placer, styliser et réutiliser à l’envi. C’est une véritable grammaire visuelle qui s’installe, où la hiérarchie, la cohérence et l’agencement remplacent les balisages classiques et les éditeurs WYSIWYG fragmentés. Cette philosophie repose sur une bibliothèque croissante de blocs, organisés en familles fonctionnelles. Voici un aperçu de ces catégories et de leur usage dans l’éditeur Gutenberg :
| Catégorie de blocs | Exemples et usages |
|---|---|
| Texte | Contenus rédactionnels de base : paragraphe (texte courant), titre (hiérarchisation avec balises Hn), citation (mise en valeur de citations ou témoignages), liste (points numérotés ou à puce), tableau (présentation tabulaire simple sans extension). |
| Média | Insertion de contenus enrichis : image (upload ou depuis médiathèque), vidéo (auto-hébergée ou intégrée), audio (extraits sonores, podcasts), couverture (visuel avec texte intégré, souvent en pleine largeur). |
| Mise en page | Structuration du contenu : colonnes (layouts à deux ou plusieurs colonnes), groupe (regrouper plusieurs blocs pour appliquer un style commun), empilement (blocs superposés verticalement, pour des mises en page souples et responsives). |
| Widgets | Fonctionnalités dynamiques : recherche (champ de recherche interne), derniers articles (listing automatisé), catégories (filtres contextuels pour les visiteurs), utilisables notamment dans les zones de pied de page ou de barre latérale. |
| Thème | Éléments liés à l’identité du site : logo, titre du site, description, menu de navigation, date de publication, etc. Ces blocs sont particulièrement utiles dans l’éditeur de site pour gérer les headers, footers et modèles globaux. |
| Intégration | Contenus embarqués de sources externes : YouTube, Twitter, Spotify, SoundCloud, Figma, Slideshare, et bien d’autres via oEmbed. Une simple URL suffit pour enrichir vos pages. |
Chaque bloc peut être déplacé, dupliqué, stylisé (couleurs, marges, typographie), ou même converti en composition synchronisée pour réutilisation sur tout le site. Grâce à cette approche modulaire, Gutenberg dépasse le simple cadre de la rédaction. Il devient un véritable outil de construction visuelle, capable de générer des mises en page complexes comme des landing pages, des portfolios ou des pages d’accueil — le tout sans plugin tiers ou constructeurs additionnels. Pour les développeurs, Gutenberg offre également une API de blocs extensible en React et JavaScript, facilitant la création de blocs sur-mesure parfaitement intégrés à l’écosystème WordPress. En somme, l’approche « bloc par bloc » transforme WordPress en un studio de création visuelle, accessible à tous, sans compromis sur la flexibilité ou l’évolutivité.
Les blocs de texte dans Gutenberg : Écrire avec précision
La section Texte de l’éditeur de blocs Gutenberg regroupe une série d’outils essentiels pour structurer et présenter vos contenus rédactionnels. Ces blocs permettent de créer des articles riches, hiérarchisés, accessibles et variés, sans avoir besoin d’écrire une ligne de code. Voici les principaux blocs disponibles :
| Bloc | Description |
|---|---|
| Paragraphe | Le bloc de base pour saisir du texte. Il prend en charge les styles typographiques, les liens, les couleurs et les classes CSS. |
| Titre | Permet de structurer votre contenu avec des titres hiérarchisés de H1 à H6, essentiels pour l’accessibilité et le SEO. |
| Liste | Crée une liste à puces ou numérotée. Parfait pour organiser des idées, des étapes ou des éléments à énumérer. |
| Citation | Affiche une citation avec une mise en forme spécifique. Idéal pour insérer des extraits ou des témoignages. |
| Code | Affiche du texte préformaté avec une police monospace, utile pour les extraits de code ou les lignes techniques. |
| Détails | Ajoute un texte masqué que l’on peut développer (fonction accordéon). Pratique pour les FAQ ou notes secondaires. |
| Préformaté | Permet d’afficher du texte brut avec les retours à la ligne respectés, utile pour du contenu technique ou des extraits fixes. |
| Citation en exergue | Une variation plus visuelle du bloc de citation. Utilisé pour mettre en valeur une phrase-clé ou une accroche. |
| Tableau | Crée un tableau avec un nombre défini de lignes et de colonnes. Il peut être stylisé et adapté à la lecture sur mobile. |
| Couplet | Bloc destiné à la poésie ou à la mise en forme de strophes. Il conserve les sauts de ligne et l’alignement du texte. |
| Classique | Rétablit l’ancien éditeur TinyMCE dans un bloc. Permet de retrouver les sensations de l’éditeur WordPress classique. |
Avec ces blocs, l’éditeur Gutenberg propose une véritable boîte à outils pour les rédacteurs. Chaque bloc est autonome et peut être personnalisé individuellement, ce qui offre une grande souplesse dans la création de mises en page structurées, accessibles et modernes.
Les blocs média dans Gutenberg : enrichir vos contenus visuellement
WordPress propose dans Gutenberg une palette de blocs dédiés aux médias, permettant d’intégrer images, sons, vidéos ou fichiers dans vos articles et pages. Que ce soit pour illustrer, expliquer ou dynamiser une publication, ces blocs offrent un large éventail de possibilités.
| Bloc | Description |
|---|---|
| Image | Ajoute une image issue de votre bibliothèque ou téléchargée depuis votre appareil. Vous pouvez la redimensionner, ajouter un texte alternatif (SEO), définir un lien ou ajuster son alignement. |
| Galerie | Permet de regrouper plusieurs images dans une grille ou un carrousel. Idéal pour présenter une série de visuels (ex. : portfolio, reportage). |
| Audio | Insère un fichier sonore (MP3, WAV…). Le lecteur audio intégré permet la lecture directe depuis la page. Parfait pour les podcasts ou extraits musicaux. |
| Bannière | Affiche une image de fond avec un texte par-dessus. Très utile pour créer une en-tête impactante ou une section de contenu stylisée. |
| Fichier | Permet de proposer un document à télécharger (PDF, Word, ZIP…). Le bloc affiche un lien de téléchargement et éventuellement un bouton. |
| Média & texte | Bloc combiné qui affiche une image, une vidéo ou un son à gauche (ou à droite), avec du texte à côté. Excellent pour un contenu équilibré. |
| Vidéo | Ajoute un fichier vidéo hébergé sur votre serveur ou intégré depuis un lien. Un lecteur natif permet la lecture fluide du contenu. |
Grâce à ces blocs, Gutenberg simplifie la gestion de médias tout en offrant une interface de personnalisation visuelle. Chaque bloc peut être stylisé, aligné, ou combiné avec d’autres pour créer des sections multimédia riches et interactives.
Les blocs design dans Gutenberg : Organiser l’apparence de vos pages
Les blocs de la catégorie Design permettent de structurer visuellement vos contenus dans Gutenberg. Ils agissent comme des outils de mise en page, en organisant les blocs entre eux pour produire des sections harmonieuses, équilibrées et responsives.
| Bloc | Description |
|---|---|
| Boutons | Ajoute un ou plusieurs boutons cliquables (CTA), utiles pour guider l’utilisateur vers une page, une action ou un formulaire. |
| Colonnes | Permet de créer des mises en page multi-colonnes (ex. : texte à gauche, image à droite). Chaque colonne peut contenir des blocs. |
| Groupe | Regroupe plusieurs blocs dans une seule entité. Utile pour appliquer un fond, un style ou une disposition globale à l’ensemble. |
| Rangée | Organise les blocs côte à côte horizontalement. Contrairement aux colonnes, les blocs ne sont pas forcément de taille égale. |
| Empilement | Affiche les blocs les uns au-dessus des autres verticalement, tout en les maintenant dans une structure logique. |
| Grille | Crée une disposition en grille, idéale pour afficher des éléments répétitifs (produits, images, témoignages). |
| Lire la suite | Insère une balise pour tronquer un article sur la page de blog. Le lecteur devra cliquer sur « Lire la suite » pour voir le contenu complet. |
| Saut de page | Permet de découper un long article en plusieurs pages. Très utile pour créer un effet de pagination dans les articles longs. |
| Séparateur | Ajoute une ligne horizontale pour marquer une séparation visuelle entre deux blocs ou sections. |
| Espacement | Insère un espace vertical personnalisable entre deux blocs. Permet d’aérer visuellement la page sans ajouter de contenu inutile. |
En maîtrisant ces blocs de design, vous pouvez concevoir des pages WordPress structurées, lisibles, et esthétiquement harmonieuses, le tout sans recourir à un constructeur externe.
Les blocs widgets dans Gutenberg : Des outils dynamiques pour enrichir vos pages
La catégorie Widgets de Gutenberg permet d’intégrer des éléments dynamiques ou structurels, souvent présents auparavant dans les barres latérales ou pieds de page. Ces blocs facilitent l’ajout de contenus contextuels et interactifs sans coder.
| Bloc | Description |
|---|---|
| Archives | Affiche la liste mensuelle des articles publiés. Utile pour les blogs à fort volume de contenu. |
| Calendrier | Insère un calendrier interactif indiquant les jours où des articles ont été publiés. |
| Liste des termes | Affiche les taxonomies personnalisées (ou mots-clés) selon votre configuration. |
| Liste des catégories | Affiche toutes les catégories disponibles sur votre site sous forme de liste hiérarchique ou simple. |
| HTML personnalisé | Permet d’ajouter du code HTML libre, pour intégrer un widget tiers, un script ou un contenu personnalisé. |
| Derniers commentaires | Affiche les derniers commentaires reçus sur vos publications. Favorise l’engagement communautaire. |
| Derniers articles | Liste automatiquement les articles récents du blog, souvent utilisé dans les sidebars ou le footer. |
| Liste des pages | Affiche toutes les pages publiées de votre site WordPress sous forme de liste. |
| RSS | Intègre un flux RSS externe directement dans votre page ou article. Pratique pour relayer un autre blog. |
| Recherche | Insère un champ de recherche interne pour permettre aux visiteurs de retrouver vos contenus rapidement. |
| Code court | Permet d’ajouter un shortcode WordPress, compatible avec les extensions traditionnelles (formulaire, galerie, etc.). |
| Icônes de réseaux sociaux | Affiche une série d’icônes cliquables pour diriger vers vos profils sociaux (Facebook, Twitter, LinkedIn…). |
| Nuage d’étiquettes | Génère un nuage de mots-clés cliquables selon les tags utilisés dans votre blog. Visuel et utile pour le SEO. |
Les blocs widgets permettent d’apporter une couche de navigation et d’interactivité à vos pages ou articles. Ils sont particulièrement recommandés pour renforcer l’exploration du contenu, améliorer la structure SEO ou personnaliser une page d’accueil dynamique.
Les blocs thème de Gutenberg : Construire l’ossature dynamique de vos modèles
Les blocs « Thème » de Gutenberg permettent de composer des modèles dynamiques de pages grâce aux données natives du site : titre, logo, métadonnées, navigation, articles, commentaires… Ces blocs sont essentiels dans l’éditeur de site (Full Site Editing) et permettent de construire des templates 100 % personnalisés.
| Bloc | Description |
|---|---|
| Navigation | Crée un menu personnalisable, essentiel pour les en-têtes ou pieds de page. |
| Logo du site | Affiche le logo défini dans les réglages du site. |
| Titre du site | Insère dynamiquement le nom de votre site WordPress. |
| Description du site | Affiche le slogan ou sous-titre configuré dans les paramètres généraux. |
| Boucle de requête | Affiche une série d’articles ou de pages en fonction de critères (catégories, mots-clés, etc.). |
| Avatar | Montre l’image de profil de l’auteur associé au contenu. |
| Titre de publication | Affiche le titre dynamique de la publication en cours. |
| Extrait | Insère le résumé défini dans l’éditeur pour chaque article ou page. |
| Image mise en avant | Affiche la miniature (featured image) de l’article ou page. |
| Auteur/autrice | Insère dynamiquement le nom de l’auteur du contenu. |
| Nom de l’auteur/autrice | Autre bloc pour afficher le nom de l’auteur, souvent utilisé avec sa biographie ou son avatar. |
| Date | Affiche la date de publication de l’article. |
| Date de modification | Montre la dernière date de mise à jour du contenu. |
| Catégories | Liste les catégories associées à un article ou une publication. |
| Étiquettes | Affiche les tags (mots-clés) rattachés à la publication. |
| Article suivant / précédent | Ajoute une navigation entre les articles du blog. |
| Lien Lire la suite | Insère un lien vers l’article complet, utilisé dans les extraits ou boucles. |
| Commentaires | Affiche les commentaires existants pour une publication. |
| Formulaire de commentaires | Ajoute un champ permettant aux utilisateurs de laisser un commentaire. |
| Connexion / déconnexion | Affiche un lien de connexion ou de déconnexion selon le statut de l’utilisateur. |
| Description du terme | Affiche la description d’un terme de taxonomie (catégorie, étiquette…). |
| Titre d’archive | Utilisé dans les pages de type « archive », ce bloc affiche dynamiquement leur titre. |
| Titre des résultats de recherche | Affiche la requête de recherche effectuée par l’utilisateur. |
| Biographie de l’auteur/autrice | Insère automatiquement le texte de bio défini dans le profil de l’auteur. |
Grâce à ces blocs, l’éditeur de site de WordPress devient une véritable interface de conception de thèmes sans code. Ils sont incontournables dans la création de templates pour blogs, portfolios, ou sites institutionnels évolutifs.
Les blocs d’intégration : Affichez des contenus externes dans Gutenberg
Les blocs d’intégration, appelés aussi contenus embarqués, permettent d’afficher automatiquement des contenus hébergés sur des plateformes tierces, simplement en collant une URL. WordPress se charge d’intégrer le lecteur ou l’affichage dans votre page, en utilisant le protocole oEmbed ou des APIs spécifiques.
| Plateforme | Fonction du bloc |
|---|---|
| Affiche un tweet avec interaction (retweet, like, etc.) | |
| YouTube | Intègre une vidéo YouTube avec lecteur intégré |
| WordPress | Embarque un article ou une page d’un autre site WordPress |
| SoundCloud | Ajoute un lecteur audio SoundCloud |
| Spotify | Ajoute une playlist ou un morceau Spotify |
| Flickr | Affiche des images Flickr embarquées |
| Vimeo | Intègre un lecteur vidéo Vimeo |
| Animoto | Affiche une vidéo créée avec Animoto |
| Cloudup | Affiche du contenu multimédia Cloudup |
| Crowdsignal | Intègre des sondages et questionnaires |
| Dailymotion | Lecteur vidéo intégré de la plateforme Dailymotion |
| Imgur | Affiche une image ou une galerie Imgur |
| Issuu | Intègre une publication au format magazine |
| Kickstarter | Affiche un projet de financement participatif |
| Mixcloud | Ajoute un lecteur de mix audio |
| Pocket Casts | Intègre un épisode de podcast |
| Affiche un post Reddit avec interactions | |
| ReverbNation | Ajoute du contenu musical de ReverbNation |
| Screencast | Intègre des vidéos tutoriels Screencast |
| Scribd | Affiche un document PDF ou publication Scribd |
| SmugMug | Affiche des galeries ou photos SmugMug |
| TikTok | Intègre une vidéo TikTok |
| Speaker Deck | Affiche une présentation Slide/PowerPoint |
| TED | Ajoute une vidéo de conférence TED |
| Tumblr | Affiche un billet Tumblr |
| VideoPress | Intègre des vidéos hébergées sur VideoPress (WordPress.com) |
| WordPress.tv | Lecteur pour conférences WordPress.tv |
| Amazon Kindle | Affiche un extrait d’ebook Kindle |
| Intègre un tableau ou une épingle Pinterest | |
| Wolfram | Intègre du contenu mathématique/algorithmique Wolfram Alpha |
| Bluesky | Affiche une publication d’un réseau décentralisé (expérimental) |
Ces blocs permettent d’enrichir vos pages ou articles avec du contenu interactif externe, sans avoir à manipuler de code d’intégration. Gutenberg se charge de tout, à condition que l’URL soit publique et compatible.
Les blocs de modèle dans Gutenberg : Construire l’apparence globale de son site
Gutenberg propose une série de blocs spécifiques appelés blocs de modèle ou blocs structurels de thème. Ces blocs sont utilisés dans l’Éditeur de site pour composer l’architecture visuelle de l’ensemble du site WordPress, comme les en-têtes, les pieds de page, ou les zones latérales.
| Bloc | Description |
|---|---|
| Élément de modèle | Zone dynamique liée à un template global (header, footer, etc.). Idéal pour afficher un contenu récurrent dans toutes les pages. |
| Entête avec grand titre | Bloc pré-construit combinant un logo, une navigation et un titre mis en avant. Pratique pour créer une première impression forte en haut de site. |
| En-tête | Version plus simple de l’en-tête, idéale pour intégrer logo, menu et titre sans mise en page avancée. |
| Colonne latérale | Zone latérale dédiée à du contenu secondaire (widgets, actualités, CTA…). Utilisée dans des modèles avec barre latérale. |
| Vertical site header | En-tête vertical, souvent utilisé pour les designs de type « sidebar sticky », avec navigation verticale fixe. |
| Pied de page avec newsletter | Modèle de pied de page comprenant une zone de capture e-mail. Parfait pour intégrer une stratégie de mailing list. |
| Pied de page | Version simple du footer avec éléments de base comme les mentions légales, les réseaux sociaux ou la navigation secondaire. |
| Pied de page avec colonnes | Footer plus structuré avec plusieurs colonnes : idéal pour caser différents liens, coordonnées, logos ou réseaux sociaux. |
| Contenu | Zone principale du contenu de la page. Ce bloc est dynamique et s’adapte selon le type de page affichée (article, archive, etc.). |
Ces blocs thématiques permettent de composer des modèles de pages entiers (header, main content, footer) sans écrire une ligne de code, directement depuis l’éditeur. Ils sont essentiels pour personnaliser l’apparence d’un site avec un thème basé sur des blocs (comme Twenty Twenty-Four par exemple) :
Gutenberg au-delà des articles : vers l’édition complète du site
Lors de son lancement avec WordPress 5.0 en 2018, Gutenberg avait pour vocation de remplacer l’éditeur classique TinyMCE par un éditeur visuel basé sur des blocs. Mais depuis la version WordPress 5.9 sortie en janvier 2022, une avancée majeure a vu le jour : l’introduction de l’Éditeur de site (anciennement appelé Full Site Editing, ou FSE). Cette évolution marque une étape décisive dans la stratégie de WordPress, qui ne veut plus être seulement un gestionnaire de contenu, mais un véritable constructeur de site complet.
Un éditeur de thème accessible aux non-développeurs
L’Éditeur de site propulsé par Gutenberg permet à tout utilisateur — même sans compétence technique avancée — de modifier l’apparence et la structure de son site WordPress en utilisant des blocs pour construire toutes les parties du site. Cela inclut notamment le header (en-tête), le footer (pied de page), les modèles de publication, les pages d’archives, et même la fameuse page 404. Pour exploiter ces fonctionnalités, il est indispensable d’activer un thème basé sur des blocs — comme les thèmes natifs récents : Twenty Twenty-Two, Twenty Twenty-Three ou Twenty Twenty-Four. Ces thèmes sont conçus pour être entièrement éditables avec Gutenberg, et ne dépendent plus des traditionnelles options de personnalisation en PHP ou dans le customizer.
Ce que vous pouvez modifier grâce à l’éditeur de site
L’éditeur de site Gutenberg élargit considérablement les possibilités offertes aux créateurs de site. Voici quelques exemples d’actions rendues possibles :
- Personnalisation du menu de navigation : avec le bloc « Navigation », vous pouvez construire un menu complet, y inclure des pages, articles, liens personnalisés ou encore des sous-menus — sans passer par le menu classique du tableau de bord ;
- Création de modèles de page personnalisés : il est désormais possible de créer et d’éditer des modèles (templates) de publication selon le type de contenu : article, page, catégorie, étiquette, etc. Chaque modèle peut être enrichi de blocs dynamiques tels que le titre du post, la date, l’auteur, ou encore l’image mise en avant ;
- Utilisation des compositions de blocs : ces ensembles de blocs préconfigurés permettent de gagner un temps précieux dans la mise en page. Ils peuvent être utilisés pour des sections de site récurrentes (appels à l’action, bannières, témoignages…).
- Blocs synchronisés : anciennement appelés « blocs réutilisables », les blocs synchronisés sont une innovation puissante. Une fois créés, ils peuvent être insérés sur plusieurs pages et modifiés de manière centralisée. Un changement dans un bloc synchronisé est répercuté sur toutes ses occurrences.
Vers une alternative crédible aux constructeurs de pages
Avec cette approche « tout en blocs », WordPress se rapproche des célèbres constructeurs de pages comme Elementor, Divi ou Beaver Builder. S’il ne dispose pas encore de toutes les options de design avancé ou des effets visuels proposés par ces outils, Gutenberg progresse rapidement, notamment grâce aux nombreuses extensions qui lui sont dédiées (Spectra, Kadence Blocks, etc.). Pour les utilisateurs qui souhaitent garder un site léger, rapide et 100 % natif WordPress, Gutenberg est désormais une alternative sérieuse aux solutions tierces. Il permet une maîtrise complète de la structure du site, tout en respectant les bonnes pratiques de performance et de sémantique HTML.
Conclusion : Gutenberg est devenu l’outil de construction du web open-source
L’élargissement de Gutenberg à l’échelle du site entier témoigne d’une ambition claire : offrir une interface de création unifiée, accessible et modulable à tous les utilisateurs de WordPress. Cette évolution s’inscrit dans une logique de long terme portée par la communauté WordPress et par Matt Mullenweg lui-même, cofondateur du CMS, qui voit en Gutenberg une réponse aux attentes de demain. Pour autant, cette révolution n’est pas sans résistances : certains utilisateurs expérimentés restent attachés à l’éditeur classique ou aux builders traditionnels, plus riches en fonctionnalités et plus matures sur certains usages spécifiques. Cependant, pour les nouveaux venus et pour les projets standards, Gutenberg s’impose chaque jour un peu plus comme la solution de création par défaut de l’écosystème WordPress.
Comment désactiver Gutenberg sur WordPress ?
Ainsi que nous l’évoquions tout au début de cet article, epuis son introduction, l’éditeur de blocs Gutenberg a suscité autant d’enthousiasme que de résistances. Bien que cet outil visuel moderne ait transformé la manière de concevoir le contenu web avec son approche modulaire basée sur les blocs, de nombreux utilisateurs – notamment les développeurs, les rédacteurs de longue date ou les amateurs de simplicité – préfèrent encore l’éditeur classique. La principale raison de cette préférence réside dans l’ergonomie. L’éditeur classique, fondé sur TinyMCE, offre une interface dépouillée, familière et rapide à utiliser, notamment pour les tâches d’édition simples comme la rédaction de billets de blog. À l’inverse, Gutenberg peut être perçu comme plus complexe ou moins fluide pour les opérations basiques. Il peut aussi entrer en conflit avec certaines extensions ou habitudes de travail bien établies, en particulier dans des environnements où des constructeurs de pages comme Elementor, Divi ou Beaver Builder sont déjà largement utilisés.
Solution 1 : Activer le plugin Classic Editor
La méthode la plus simple pour désactiver Gutenberg consiste à installer l’extension officielle Classic Editor, développée et maintenue par l’équipe WordPress. Cette extension permet de revenir à l’éditeur traditionnel tout en restant compatible avec les versions modernes de WordPress.
- Allez dans Extensions > Ajouter
- Recherchez Classic Editor
- Cliquez sur Installer, puis Activer
Une fois activée, vous pourrez définir via Réglages > Écriture si vous souhaitez désactiver complètement Gutenberg ou permettre aux utilisateurs de choisir entre les deux éditeurs.
Solution 2 : Utiliser l’extension Disable Gutenberg
Si vous souhaitez davantage de granularité, notamment la possibilité de désactiver Gutenberg uniquement pour certains types de contenus (articles, pages, CPT, etc.) ou pour certains rôles utilisateurs, l’extension Disable Gutenberg est une excellente alternative. Après activation, un panneau de configuration très complet s’ajoute dans Réglages > Disable Gutenberg, vous permettant notamment de :
- Désactiver Gutenberg pour certains rôles (administrateur, auteur, éditeur…) ;
- Désactiver Gutenberg uniquement pour des types de contenus spécifiques ;
- Préserver Gutenberg pour des blocs précis, tout en masquant les autres.
Solution 3 : Désactiver Gutenberg via le code (pour les développeurs)
Pour celles et ceux qui préfèrent une approche sans plugin, il est possible de désactiver Gutenberg avec quelques lignes de code à placer dans le fichier functions.php de votre thème enfant :
// Désactiver Gutenberg sur tous les types de contenus
add_filter('use_block_editor_for_post', '__return_false', 10);
Vous pouvez aussi le faire de manière conditionnelle :
// Désactiver Gutenberg uniquement pour les articles
add_filter('use_block_editor_for_post_type', function($enabled, $post_type) {
if ($post_type === 'post') return false;
return $enabled;
}, 10, 2);
Faut-il désactiver Gutenberg ?
Avant de faire marche arrière, il convient de se poser les bonnes questions. Gutenberg continue d’évoluer rapidement et représente la vision à long terme de WordPress : flexibilité, personnalisation, édition complète du site. De plus, de nombreux thèmes et extensions commencent à dépendre de l’éditeur de blocs pour fonctionner pleinement. Si vous envisagez une désactivation, assurez-vous que cela ne nuira pas à votre site, à vos plugins ou à votre stratégie de contenu future. Cela dit, pour des utilisateurs peu technophiles, des projets très simples ou dans le cadre d’une migration où l’éditeur classique a été intensément utilisé, il est tout à fait légitime de revenir à une interface minimaliste, plus intuitive et plus rapide à prendre en main.
Le résumé des solutions pour supprimer/réduire l’action de Gutenberg dans WordPress
| Méthode | Utilité |
|---|---|
| Classic Editor | Retour à l’éditeur TinyMCE, maintenu officiellement, simple à activer. |
| Disable Gutenberg | Contrôle fin par rôle ou type de contenu. Idéal pour les sites complexes. |
| Code dans functions.php | Approche légère, sans plugin, recommandée pour les développeurs. |
Quoi qu’il en soit, que vous soyez attaché à l’ancienne méthode ou curieux des évolutions futures de Gutenberg, WordPress vous laisse la liberté de choisir l’environnement d’édition qui vous convient le mieux. Et c’est sans doute là, l’un de ses plus grands atouts !
0 commentaires