L'éditeur Gutenberg (aussi appelé éditeur de blocs) est l'éditeur par défaut de WordPress depuis la version 5.0. Au lieu d'un simple champ de texte, vous travaillez avec des blocs que vous pouvez glisser et personnaliser. Ce guide vous explique comment l'utiliser efficacement.

Que sont les blocs ?

Dans Gutenberg, tout est un bloc : paragraphes, images, boutons, colonnes. Chaque bloc a ses propres réglages et vous pouvez modifier et déplacer chacun indépendamment des autres.

Avantages des blocs :

  • Mise en page visuelle sans code
  • Création de mises en page flexibles
  • Design cohérent grâce aux blocs réutilisables
  • Moins de dépendance aux constructeurs de pages

L'interface

Barre supérieure

  • Bouton +: Ajoutez de nouveaux blocs
  • Annuler/Rétablir: Revenez en arrière ou avancez d'une étape
  • Vue d'ensemble du document: Liste de tous les blocs
  • Enregistrer/Publier: Enregistrez vos modifications

Barre latérale

  • Onglet Document: Réglages de la page (catégories, image mise en avant, etc.)
  • Onglet Bloc: Réglages du bloc sélectionné

Blocs de base

Paragraphe

Le bloc de texte standard. Commencez simplement à taper et Gutenberg crée automatiquement un bloc Paragraphe. Appuyez sur Entrée pour créer un nouveau bloc.

Titre (Heading)

Pour les titres et les intertitres. Choisissez H2 pour les sections principales et H3 pour les sous-sections. N'utilisez pas de H1 dans votre contenu : il est réservé au titre de la page.

Image

Téléversez une image ou choisissez-en une dans votre médiathèque. Pensez à renseigner le texte alternatif, pour l'accessibilité comme pour le SEO.

Liste

Créez des listes à puces ou des listes numérotées. Vous pouvez mettre un élément de liste en retrait avec la touche Tab.

Citation (Quote)

Pour mettre en valeur une citation ou un passage important. Elle s'affiche généralement avec une mise en forme bien visible.

Blocs de mise en page

Colonnes

Répartissez votre contenu sur plusieurs colonnes. Choisissez une répartition prédéfinie ou ajustez la largeur. Idéal pour des comparaisons ou pour placer du texte et des images côte à côte.

Groupe

Regroupez plusieurs blocs ensemble. Pratique pour appliquer une couleur d'arrière-plan à une section ou pour déplacer plusieurs blocs en même temps.

Séparateur

Une ligne horizontale pour séparer visuellement les sections.

Espacement

Ce bloc ajoute de l'espace vide entre les blocs. Réglez la hauteur dans les réglages du bloc.

Astuces pratiques

Raccourcis clavier

  • / (barre oblique) pour rechercher rapidement un bloc
  • Ctrl + Shift + D pour dupliquer un bloc
  • Ctrl + Alt + T pour insérer un bloc avant le bloc actuel
  • Ctrl + Alt + Y pour insérer un bloc après le bloc actuel

Déplacer des blocs

Cliquez sur les six points à gauche d'un bloc pour le faire glisser. Vous pouvez aussi utiliser les flèches pour déplacer un bloc vers le haut ou vers le bas.

Transformer un bloc

Sélectionnez un bloc et cliquez sur l'icône du type de bloc dans la barre d'outils. Vous pouvez par exemple transformer un paragraphe en titre ou en liste.

Blocs réutilisables

Vous créez un bloc que vous voulez réutiliser souvent ? Sélectionnez-le, cliquez sur les trois points et choisissez « Ajouter aux blocs réutilisables ». Vous pourrez ensuite l'insérer partout.

Problèmes fréquents

Un bloc ne fonctionne pas comme prévu

Il arrive qu'une extension ou un thème entre en conflit avec Gutenberg. Essayez de :

  1. Actualiser la page
  2. Vider le cache du navigateur
  3. Désactiver temporairement les extensions

Besoin de l'éditeur classique ?

Certaines extensions plus anciennes fonctionnent mieux avec l'éditeur classique. Installez l'extension « Classic Editor » pour revenir en arrière. Vous pourrez alors choisir, page par page, l'éditeur à utiliser.

Gutenberg ou constructeurs de pages

Gutenberg ne remplace pas entièrement les constructeurs de pages comme Elementor. Les différences :

  • Gutenberg: Intégré, léger, adapté au contenu standard
  • Constructeurs de pages: Plus d'options de design, mises en page plus complexes, plus lourds

Pour les blogs et les pages simples, Gutenberg suffit souvent. Pour les pages d'atterrissage et les designs complexes, un constructeur de pages offre plus de possibilités.

Nouvelles fonctionnalités

WordPress continue d'enrichir Gutenberg. Ajouts récents :

  • Édition complète du site (Full Site Editing): Modifiez aussi l'en-tête et le pied de page avec des blocs
  • Compositions (Block patterns): Des combinaisons de blocs prêtes à l'emploi
  • Styles globaux (Global styles): Ajustez les couleurs et les polices sur l'ensemble du site

Gardez votre WordPress à jour pour profiter des nouvelles fonctionnalités.

Des questions sur Gutenberg ou besoin d'aide avec votre site WordPress ? Chez Theory7, nous sommes là pour vous aider.

Questions fréquentes

Puis-je revenir à l'ancien éditeur ?

Oui, installez l'extension « Classic Editor ». Vous pourrez alors choisir l'éditeur à utiliser pour chaque page.

Mes anciens articles restent-ils modifiables ?

Oui, le contenu existant est automatiquement converti en bloc « Classique ». Vous pouvez conserver ce bloc ou le convertir en blocs Gutenberg séparés.

Toutes les extensions fonctionnent-elles avec Gutenberg ?

La plupart des extensions sont compatibles. Testez d'abord les nouvelles extensions dans un environnement de staging. Certaines extensions plus anciennes ont besoin d'un bloc Classique ou d'un shortcode pour fonctionner.