Gutenberg, l’éditeur natif de WordPress, a longtemps été considéré comme trop limité pour créer des pages au rendu professionnel. Cette perception était justifiée à son lancement en 2018, mais elle ne l’est plus en 2026. L’éditeur de blocs a évolué de manière continue, et les fonctionnalités qu’il propose aujourd’hui couvrent une grande partie des besoins qui justifiaient auparavant l’installation d’un page builder tiers comme Elementor ou Divi.
Chez Propuls’Lead, nous observons un nombre croissant de dirigeants de PME qui se tournent vers Gutenberg pour des raisons de performance, de simplicité et de pérennité. Un site construit avec Gutenberg est nativement rapide, ne dépend d’aucun plugin tiers pour sa mise en page et bénéficie automatiquement des évolutions de WordPress. Cet article explore les blocs avancés et les techniques qui permettent d’atteindre un niveau de qualité professionnel avec Gutenberg seul.
Le Full Site Editing : modifier tout le site depuis Gutenberg
Le Full Site Editing (FSE) est l’évolution majeure qui a transformé Gutenberg d’un simple éditeur de contenu en un véritable constructeur de site. Avec un thème compatible FSE (comme Twenty Twenty-Four ou Flavor), vous pouvez modifier le header, le footer, les templates de page et les modèles d’archive directement depuis l’éditeur de site, sans toucher au code PHP du thème.
Concrètement, vous accédez au FSE via le menu Apparence puis Éditeur. L’interface vous montre l’ensemble de votre site et vous permet de naviguer entre les différents templates et parties de template. Chaque élément est modifiable avec les mêmes blocs que ceux utilisés pour le contenu des pages. Cette unification simplifie considérablement la gestion du site pour les non-développeurs.
Propuls’Lead recommande le FSE pour les sites qui n’ont pas de besoins visuels complexes mais qui veulent un contrôle total sur la structure du site. Un site vitrine, un blog professionnel ou un site de services peut être entièrement construit et maintenu avec le FSE sans aucun page builder.
Les blocs de mise en page qui changent la donne
Gutenberg propose plusieurs blocs de mise en page qui permettent de créer des structures visuelles sophistiquées. Le bloc Colonnes est le plus fondamental : il crée une grille horizontale où vous pouvez disposer du contenu côte à côte. Vous pouvez définir le nombre de colonnes (de deux à six) et ajuster les proportions de chaque colonne en pourcentage.
Le bloc Groupe est encore plus puissant. Il permet de regrouper plusieurs blocs dans un conteneur que vous pouvez styliser de manière globale : couleur de fond, espacement, bordures, dimensions. En combinant des blocs Groupe avec des colonnes, vous créez des sections de page structurées et visuellement cohérentes, exactement comme avec un page builder.
Le bloc Couverture ajoute une dimension visuelle forte en superposant du texte sur une image ou une vidéo de fond. Utilisé en haut de page avec un titre accrocheur et un bouton CTA, il crée une section héro professionnelle en quelques minutes. La hauteur, l’opacité de l’overlay et l’alignement du texte sont tous personnalisables.
Le bloc Média et texte dispose une image à côté d’un bloc de texte avec un rendu automatiquement responsive. C’est le bloc idéal pour les sections « à propos » ou les présentations de services avec illustration. Sur mobile, l’image et le texte s’empilent automatiquement sans configuration supplémentaire.
Les blocs de contenu dynamique
Au-delà de la mise en page statique, Gutenberg propose des blocs qui affichent du contenu dynamique depuis votre base de données WordPress. Le bloc Boucle de requête est le plus polyvalent : il permet d’afficher une sélection d’articles, de pages ou de types de contenu personnalisés selon des critères de filtrage (catégorie, tag, date, auteur).
Ce bloc est particulièrement utile pour créer des pages qui se mettent à jour automatiquement. Une page « Nos derniers articles » construite avec le bloc Boucle de requête affichera toujours les articles les plus récents sans intervention manuelle. Une page « Nos services » peut afficher dynamiquement les fiches de service créées comme contenu personnalisé.
Le bloc Navigation, indispensable pour le header et le footer, gère les menus WordPress avec des options de style avancées. Le bloc Recherche intègre un champ de recherche stylisable. Le bloc Liste de pages affiche automatiquement la structure de votre site. Ces blocs dynamiques réduisent le travail de maintenance en éliminant la duplication de contenu.
Les plugins de blocs qui étendent Gutenberg
L’écosystème de plugins de blocs pour Gutenberg s’est considérablement enrichi et propose aujourd’hui des extensions qui comblent les dernières lacunes par rapport aux page builders. Stackable et Spectra (anciennement Ultimate Addons for Gutenberg) ajoutent des dizaines de blocs avancés : accordéons, onglets, compteurs animés, grilles de tarification, témoignages et timeline.
GenerateBlocks adopte une approche minimaliste avec quatre blocs ultra-flexibles (conteneur, titre, bouton, image) qui, combinés, permettent de créer n’importe quelle mise en page. Son avantage est la légèreté : le plugin ajoute un minimum de code et ne dégrade pas la performance du site.
Kadence Blocks se positionne entre les deux avec une collection de blocs prédesignés et un système de bibliothèque de modèles intégré. Propuls’Lead utilise Kadence Blocks pour les projets où Gutenberg seul manque de flexibilité mais où un page builder complet serait excessif. C’est un compromis judicieux qui préserve les avantages de performance de Gutenberg tout en ajoutant les fonctionnalités visuelles nécessaires.
Techniques avancées de style avec Gutenberg
Les possibilités de style de Gutenberg se sont considérablement étendues. Chaque bloc propose désormais des options de typographie (taille, poids, interligne, transformation), de couleur (texte, fond, lien), d’espacement (marges, padding) et de bordure. Ces options, combinées avec le système de couleurs et de typographies globales du thème, permettent de créer des designs cohérents et professionnels.
Le système de styles globaux accessible via l’éditeur de site permet de définir une palette de couleurs, des typographies par défaut et des styles d’éléments (boutons, liens, titres) qui s’appliquent à l’ensemble du site. Cette fonctionnalité garantit la cohérence visuelle sans avoir à styliser chaque bloc individuellement, exactement comme le système de couleurs globales d’Elementor.
Pour les cas où les options de style natives ne suffisent pas, Gutenberg permet d’ajouter des classes CSS personnalisées à chaque bloc via le panneau Avancé. Un dirigeant qui connaît quelques bases de CSS peut ainsi étendre les possibilités de personnalisation sans quitter l’environnement natif de WordPress. Propuls’Lead forme ses clients à ces techniques pour qu’ils puissent ajuster finement le rendu de leur site en autonomie.
Quand Gutenberg suffit et quand il ne suffit pas
Gutenberg est le bon choix pour les sites de contenu (blogs, sites éditoriaux), les sites vitrines avec une structure classique, les sites qui privilégient la performance et le référencement, et les projets où la pérennité et l’indépendance vis-à-vis de plugins tiers sont des priorités. Comme nous l’avons détaillé dans notre comparatif Elementor vs Gutenberg, chaque outil a son terrain de jeu optimal.
Gutenberg montre ses limites pour les landing pages marketing complexes avec des mises en page très créatives, les sites e-commerce avec des pages produits fortement personnalisées, les projets qui nécessitent des pop-ups, des formulaires conditionnels ou des affichages dynamiques avancés, et les sites où le client final a besoin d’une interface de modification ultra-intuitive sans aucune courbe d’apprentissage.
La bonne nouvelle est que ces limites se réduisent à chaque version de WordPress. Ce qui nécessitait un page builder il y a deux ans est parfois faisable nativement aujourd’hui. Propuls’Lead réévalue régulièrement les capacités de Gutenberg pour ses projets et recommande à ses clients de faire de même. L’objectif n’est pas de choisir un outil pour toujours mais de choisir l’outil adapté à vos besoins du moment, en gardant un œil sur l’évolution des possibilités.
Migrer d’un page builder vers Gutenberg : est-ce réaliste
La question de la migration se pose pour les dirigeants qui ont un site existant sous Elementor ou Divi et qui envisagent de basculer vers Gutenberg pour les raisons de performance et de pérennité évoquées plus haut. La réponse honnête est que la migration n’est pas triviale. Les page builders utilisent des shortcodes et des structures de données propriétaires qui ne se convertissent pas automatiquement en blocs Gutenberg. Désactiver Elementor sur un site construit avec Elementor affiche le contenu brut sans aucune mise en page.
La migration nécessite donc une reconstruction des pages dans Gutenberg. Pour un petit site avec cinq à dix pages, c’est un projet réalisable en quelques jours. Pour un site avec des dizaines de pages, le coût de migration peut dépasser la valeur du gain de performance. Propuls’Lead évalue systématiquement le rapport coût-bénéfice avant de recommander une migration.
L’alternative pragmatique est de construire les nouvelles pages en Gutenberg tout en conservant les pages existantes sous le page builder actuel. WordPress gère très bien la coexistence des deux éditeurs. Au fil du temps, les pages les plus importantes sont migrées en priorité, et les pages secondaires suivent quand l’occasion se présente. Cette approche progressive évite le big bang risqué de la migration totale et permet de tester Gutenberg en conditions réelles avant de s’engager complètement. C’est l’approche mesurée que Propuls’Lead privilégie pour ses clients qui veulent évoluer sans prendre de risques inutiles.