Gutenberg fonctionne avec un principe simple : une page est construite à partir de blocs. Chaque élément (texte, titre, image, liste…) est un bloc indépendant que vous pouvez organiser et configurer.
Objectif de ce guide : comprendre le concept de blocs, savoir les créer, les sélectionner, les déplacer et organiser une page avec les outils de l’interface.
Le concept de bloc#
Un bloc est une brique de contenu. Une page Gutenberg est une succession de blocs, dans un ordre qui correspond à l’affichage sur la page.
- Chaque bloc peut être déplacé, dupliqué ou supprimé.
- Chaque bloc a ses propres options.
- Certains blocs peuvent contenir d’autres blocs (ex : groupe, colonnes).
La logique Gutenberg : vous construisez une page en empilant et en organisant des blocs, plutôt qu’en “tapant tout dans une seule zone”.
Ajouter et créer des blocs#
Ajouter un bloc avec le bouton +#
Le bouton + permet d’ajouter un bloc depuis :
- la barre supérieure de l’éditeur
- l’espace entre deux blocs
Ajouter un bloc avec / (insertion rapide)#
Dans une zone de texte, tapez / puis le nom du bloc pour le rechercher et l’insérer rapidement.
Astuce : le raccourci / est idéal quand vous connaissez le nom du bloc. C’est souvent la méthode la plus rapide.
Transformer un bloc existant#
Certains blocs peuvent être transformés en un autre type. Cette action se fait depuis l’outil de type de bloc (dans la barre d’outils du bloc).
Sélection et réglages d’un bloc#
Quand vous sélectionnez un bloc, Gutenberg affiche des options à plusieurs endroits.
Barre d’outils du bloc#
Elle apparaît près du bloc sélectionné. Elle donne accès aux actions rapides, comme la mise en forme, l’alignement, la transformation ou le déplacement.
Zone d’actions rapides (barre du haut, au centre)#
Quand un bloc est sélectionné, une zone d’actions apparaît au centre de la barre supérieure. Elle sert à effectuer rapidement des actions courantes sur le bloc :
- ajouter un bloc avant
- ajouter un bloc après
- dupliquer
- copier
- supprimer
Réglages dans la colonne latérale#
Dans la colonne de droite, l’onglet Bloc affiche les réglages complémentaires (selon le bloc) : typographie, couleurs, dimensions, options avancées.
En général : barre du bloc = actions rapides / colonne de droite = réglages plus complets.
Déplacer et organiser les blocs#
Déplacement dans la page#
Vous pouvez modifier l’ordre des blocs pour réorganiser la structure d’une page. Les méthodes les plus courantes :
- flèches de déplacement
- glisser-déposer
Mode Calques : comprendre la structure#
Le mode Calques (liste de vue) affiche tous les blocs sous forme de liste. C’est l’outil le plus fiable pour naviguer dans une page longue ou structurée.
- visualiser l’ordre des blocs
- sélectionner un bloc via la liste
- repérer les blocs imbriqués (groupe, colonnes…)
Raccourcis d’édition et insertion rapide#
Gutenberg propose des raccourcis pour écrire plus vite. Le plus important : / pour insérer un bloc sans passer par les menus.
Selon la configuration de votre site, certains raccourcis peuvent varier. Le principe reste le même : accélérer l’insertion et la structuration du contenu.
Dans Gutenberg, vous pouvez utiliser des raccourcis “type Markdown” pour créer rapidement des structures de contenu (titres, listes…).
| Ce que vous tapez | Ce que Gutenberg crée | Exemple |
|---|---|---|
# + espace | Titre (niveau 1 si autorisé, sinon titre principal disponible) | # Mon titre |
## + espace | Titre (niveau 2) | ## Introduction |
### + espace | Titre (niveau 3) | ### Détails |
- + espace | Liste à puces | - Élément |
1. + espace | Liste numérotée | 1. Première étape |
> + espace | Citation | > Une citation |
--- + entrer | Séparateur | --- |
Conseil : combinez ces raccourcis avec / pour écrire très vite : vous structurez votre page au fur et à mesure, sans interrompre votre rédaction.