L’éditeur Gutenberg a été introduit dans WordPress pour simplifier la création de contenu en remplaçant l’éditeur classique. Cet éditeur block-based te permet de construire tes pages et articles de manière modulaire et intuitive. Dans cet article, nous allons découvrir les bases de Gutenberg et comment tirer le meilleur parti de ses fonctionnalités. 🚀
1. Qu’est-ce que Gutenberg ? 🤔
Gutenberg est l’éditeur de blocs de WordPress, ce qui signifie que chaque élément de ton contenu (texte, image, vidéo, bouton, etc.) est créé sous forme de « blocs ». Ce système permet de personnaliser facilement chaque partie de ta page ou de ton article. Il est conçu pour offrir une expérience utilisateur fluide, avec une interface intuitive.
2. Comment Naviguer dans l’éditeur Gutenberg 🧭
Lorsque tu crées un nouvel article ou une nouvelle page, tu arrives dans l’éditeur Gutenberg. Voici les éléments principaux que tu vois :
A. La Barre d’outils du Bloc 📋
Chaque bloc dans Gutenberg possède une barre d’outils qui permet de le manipuler facilement. Voici ce que tu y trouveras :
- Alignement (gauche, centré, droite)
- Modifier le type de bloc (ex. transformer un bloc de texte en bloc de citation, etc.)
- Ajouter des liens 🔗
- Personnaliser les couleurs et les polices 🎨
- Options supplémentaires (supprimer le bloc, dupliquer, etc.)
B. La Zone de Contenu 📝
C’est la partie centrale de l’éditeur où tu ajoutes ton contenu. Elle est composée de blocs que tu peux déplacer, modifier, ou supprimer.
C. Le Menu de Blocs 🛠️
Pour ajouter un bloc, tu peux soit cliquer sur le bouton Ajouter un bloc (+) qui se trouve en haut de l’éditeur ou à l’endroit où tu veux insérer le bloc. Un menu s’ouvrira alors pour te proposer une large gamme de blocs (texte, image, vidéo, formulaire, tableau, etc.).
3. Types de Blocs Courants et Comment les Utiliser 🧩
A. Le Bloc de Texte (Paragraphe) ✍️
C’est le bloc de texte de base. Pour ajouter un paragraphe, il te suffit de cliquer sur l’icône du bloc de paragraphe, puis de commencer à taper. Tu peux personnaliser le texte avec des outils comme la mise en gras, italique, et les liens.
B. Le Bloc de Titre (Heading) 🏷️
Tu peux ajouter des titres pour structurer ton contenu. Utilise ce bloc pour ajouter des titres comme H1, H2, etc. Les titres aident non seulement à organiser ton contenu, mais aussi à améliorer ton référencement (SEO).
C. Le Bloc d’Image 🖼️
Clique sur le bloc image pour ajouter une image à ton article ou ta page. Tu peux télécharger une image depuis ton ordinateur ou choisir parmi la bibliothèque de médias de WordPress. Tu peux aussi ajouter un lien ou un texte alternatif à l’image pour améliorer le SEO.
D. Le Bloc de Vidéo 🎥
Ce bloc te permet d’intégrer facilement des vidéos depuis YouTube, Vimeo ou un autre site. Tu n’as qu’à copier-coller l’URL de la vidéo dans le bloc pour qu’elle apparaisse.
E. Le Bloc de Citation (Quote) 💬
Pour citer un texte ou une source, tu peux utiliser le bloc citation. Cela permet de bien formater les citations et de les rendre plus visibles.
F. Le Bloc de Liste 🔢
Ajoute une liste à puces ou une liste numérotée pour structurer tes informations de manière claire et ordonnée.
4. Manipuler les Blocs : Déplacer, Dupliquer et Supprimer 🔄
Une des fonctionnalités les plus utiles de Gutenberg est la possibilité de déplacer les blocs. Tu peux les déplacer simplement en cliquant et glissant les blocs vers le haut ou vers le bas. Cela permet de réorganiser facilement ton contenu sans avoir à tout recommencer.
- Dupliquer un bloc : Pour copier un bloc, clique sur les trois petits points verticaux dans la barre d’outils du bloc, puis sélectionne Dupliquer.
- Supprimer un bloc : Pour supprimer un bloc, clique sur l’icône de poubelle dans la barre d’outils du bloc.
5. Personnalisation des Blocs avec les Paramètres ⚙️
Chaque bloc a des paramètres spécifiques que tu peux personnaliser à partir du panneau de droite. Par exemple :
- Pour un bloc de texte, tu peux ajuster la taille de la police, l’alignement, ou la couleur.
- Pour une image, tu peux choisir son taille, ajouter un lien ou définir une bordure.
- Pour les vidéos, tu peux ajuster les paramètres d’autoplay ou de loop.
6. Ajouter des Blocs Avancés avec Gutenberg 🔮
Gutenberg offre également des blocs plus complexes pour ceux qui souhaitent aller plus loin dans la personnalisation de leur contenu :
- Blocs de colonnes : Pour organiser ton contenu en plusieurs colonnes, un peu comme un format de mise en page plus avancé.
- Blocs de boutons : Pour ajouter des boutons cliquables, parfaits pour des appels à l’action (CTA).
- Blocs de couverture : Pour insérer des images de fond avec du texte superposé, idéal pour des bannières accrocheuses.
7. Enregistrer, Prévisualiser et Publier 🚀
Enregistrer comme Brouillon 📝
Si tu veux sauvegarder ton travail sans le publier, tu peux cliquer sur Enregistrer le brouillon dans le coin supérieur droit.
Prévisualiser le contenu 👀
Avant de publier, tu peux voir à quoi ressemble ton contenu en cliquant sur Prévisualiser. Cela t’aidera à t’assurer que tout est bien aligné et qu’il n’y a pas d’erreurs.
Publier 📤
Lorsque tu es prêt, il suffit de cliquer sur Publier pour mettre ton article ou ta page en ligne.
8. Conclusion : Devenir un Pro de Gutenberg 🎯
L’éditeur Gutenberg est une excellente façon de créer des pages et des articles sur WordPress, et il offre une grande flexibilité. En apprenant à utiliser les différents blocs, tu seras en mesure de créer des contenus riches et dynamiques facilement.
N’hésite pas à expérimenter avec les différents blocs et à personnaliser ton site pour le rendre unique ! 🚀
