Gutenberg (éditeur de blocs WordPress)
Pourquoi Gutenberg ?
Nommé en l’honneur de Johannes Gutenberg, inventeur de l’imprimerie, ce nouvel éditeur vise à démocratiser la création de contenus riches sur WordPress. Avant Gutenberg, ajouter une mise en page complexe (colonnes, galeries, boutons personnalisés) nécessitait du code ou des extensions tierces (Elementor, Divi, WP Bakery). Gutenberg apporte ces fonctionnalités nativement, sans extension.
- Édition visuelle — plus besoin de shortcodes ou de code HTML. On voit le résultat final pendant la rédaction.
- Blocs réutilisables — créer un bloc “Bandeau CTA” une fois, le réutiliser sur toutes les pages.
- Compatibilité universelle — puisque natif à WordPress, il fonctionne avec tous les thèmes et évite de dépendre d’une extension externe.
- Performance — génère un HTML plus propre et plus léger que la plupart des constructeurs tiers.
- Évolution continue — l’équipe WordPress publie des améliorations à chaque version. Full Site Editing depuis WordPress 5.9.
Les blocs de base
- Paragraphe — le bloc texte standard.
- Titre (Hn) — H1 à H6 pour structurer le contenu.
- Image — insertion d’image avec légende, lien et alignement.
- Galerie — plusieurs images en grille ou carrousel.
- Liste — à puces ou numérotée.
- Citation — mise en valeur d’un verbatim.
- Bouton — CTA stylés avec lien.
- Colonnes — mise en page en 2-3 colonnes.
- Séparateur — ligne de séparation visuelle.
- Groupe — regrouper plusieurs blocs dans un conteneur stylable.
- Vidéo — intégration YouTube, Vimeo ou auto-hébergée.
- Tableau — créer un tableau simple avec en-têtes.
Le Full Site Editing (FSE)
Depuis WordPress 5.9, Gutenberg permet de personnaliser l’intégralité du site — header, footer, templates d’archives, pages 404 — directement avec des blocs, sans toucher au code. C’est une révolution : on peut construire un site complet avec un thème Full Site Editing sans extension tierce.
Les thèmes FSE populaires : Twenty Twenty-Four (thème par défaut), Kadence, Blocksy, GeneratePress (version bloc).
Gutenberg vs Elementor
- Gutenberg — natif, gratuit, léger, en évolution rapide. Moins de widgets et d’options de design avancé qu’Elementor, mais progresse à chaque version.
- Elementor — extension tierce, plus mature, bibliothèque de widgets plus vaste, contrôles de design plus poussés. En revanche plus lourd, dépendance à une extension externe.
Pour un site simple (blog, site vitrine basique), Gutenberg suffit largement. Pour un site complexe avec design très personnalisé, Elementor reste souvent préférable — mais Gutenberg rattrape rapidement son retard.
Les blocs personnalisés
Gutenberg permet de créer ses propres blocs sur mesure, adaptés à un projet spécifique. Méthodes :
- Développement en React — pour les développeurs, création de blocs entièrement sur mesure en JavaScript/React.
- ACF Blocks — Advanced Custom Fields permet de créer facilement des blocs Gutenberg avec des champs personnalisés.
- Patterns (motifs) — combinaisons de blocs préconfigurées, réutilisables. WordPress intègre une bibliothèque publique et on peut créer les siens.
Besoin d’aide sur votre site WordPress ?