Comment utiliser gutenberg sur wordpress

Introduction

Vous venez de créer votre site WordPress et vous vous demandez comment utiliser Gutenberg, l’éditeur de contenu par défaut ? Ne vous inquiétez pas, c’est plus simple qu’il n’y paraît. Ensemble, nous allons découvrir comment maîtriser cet outil puissant pour créer des pages et des articles attrayants. À la fin de ce tutoriel, vous serez en mesure de créer du contenu riche et dynamique en toute confiance.

Pré-requis et vision d’ensemble

Avant de commencer, assurez-vous d’avoir les éléments suivants :

| Outils | Versions | Temps estimé | |——–|———-|—————| | WordPress | Version 5.0 ou supérieure | 1 à 2 heures | | Connexion Internet | – | – | | Navigateur web | – | – |

Tutoriel pas-à-pas

1. Découverte de l’interface Gutenberg

Objectif de l’étape : Comprendre l’interface de Gutenberg et ses principaux composants.

Procédure :

1. Connectez-vous à votre tableau de bord WordPress.
2. Allez dans »Articles » ou »Pages » et cliquez sur »Ajouter ».
3. Vous verrez l’interface Gutenberg. À gauche, vous avez la barre latérale pour les paramètres de l’article ou de la page. À droite, vous avez l’espace de travail principal.

Vérification rapide : Vous devriez voir une interface avec des blocs et des options de personnalisation.

Erreurs fréquentes : Si vous ne voyez pas l’interface Gutenberg, assurez-vous que vous utilisez bien la version 5.0 ou supérieure de WordPress.

2. Ajouter et manipuler des blocs

Objectif de l’étape : Apprendre à ajouter et manipuler des blocs dans Gutenberg.

Procédure :

1. Cliquez sur le bouton »+ » en haut à gauche de l’interface pour ajouter un nouveau bloc.
2. Choisissez le type de bloc que vous souhaitez ajouter (texte, image, galerie, etc.).
3. Ajoutez du contenu dans le bloc.
4. Utilisez les options de personnalisation à droite pour modifier le bloc (couleur, taille, etc.).

Vérification rapide : Vous devriez voir le bloc ajouté et personnalisé dans votre espace de travail.

Erreurs fréquentes : Si le bloc ne s’affiche pas correctement, vérifiez que vous avez bien sélectionné le bon type de bloc.

3. Utiliser les blocs de texte et d’image

Objectif de l’étape : Maîtriser les blocs de texte et d’image pour enrichir vos articles.

Procédure :

1. Ajoutez un bloc de texte en cliquant sur le bouton »+ » et en sélectionnant »Paragraphe ».
2. Tapez votre texte dans le bloc.
3. Pour ajouter une image, cliquez sur le bouton »+ » et sélectionnez »Image ».
4. Téléchargez une image depuis votre ordinateur ou sélectionnez-en une depuis votre bibliothèque multimédia.

Vérification rapide : Vous devriez voir votre texte et votre image intégrés dans l’article.

Erreurs fréquentes : Si l’image ne s’affiche pas, assurez-vous qu’elle est correctement téléchargée et que le format est supporté.

4. Créer des mises en page complexes

Objectif de l’étape : Apprendre à créer des mises en page complexes avec des colonnes et des groupes de blocs.

Procédure :

1. Ajoutez un bloc de colonnes en cliquant sur le bouton »+ » et en sélectionnant »Colonnes ».
2. Choisissez le nombre de colonnes que vous souhaitez.
3. Ajoutez des blocs dans chaque colonne (texte, image, etc.).
4. Utilisez les options de personnalisation pour ajuster l’apparence des colonnes.

Vérification rapide : Vous devriez voir une mise en page avec plusieurs colonnes contenant différents types de contenu.

Erreurs fréquentes : Si les colonnes ne s’affichent pas correctement, vérifiez que vous avez bien sélectionné le bloc »Colonnes ».

5. Utiliser les blocs réutilisables

Objectif de l’étape : Apprendre à créer et utiliser des blocs réutilisables pour gagner du temps.

Procédure :

1. Créez un bloc que vous souhaitez réutiliser (par exemple, une citation ou un appel à l’action).
2. Cliquez sur les trois points verticaux dans la barre d’outils du bloc et sélectionnez »Ajouter aux blocs réutilisables ».
3. Donnez un nom à votre bloc réutilisable.
4. Pour utiliser ce bloc dans un autre article, cliquez sur le bouton »+ » et sélectionnez »Blocs réutilisables ».

Vérification rapide : Vous devriez voir votre bloc réutilisable disponible dans la liste des blocs réutilisables.

Erreurs fréquentes : Si le bloc réutilisable ne s’affiche pas, assurez-vous que vous l’avez correctement enregistré.

6. Publier et prévisualiser votre contenu

Objectif de l’étape : Apprendre à publier et prévisualiser votre contenu avant de le mettre en ligne.

Procédure :

1. Une fois que vous avez terminé de créer votre contenu, cliquez sur le bouton »Prévisualiser » en haut à droite pour voir à quoi ressemblera votre article ou votre page.
2. Si tout est correct, cliquez sur le bouton »Publier » pour mettre votre contenu en ligne.

Vérification rapide : Vous devriez voir votre contenu publié et accessible sur votre site.

Erreurs fréquentes : Si le contenu ne s’affiche pas correctement, vérifiez les paramètres de visibilité et les permissions.

Bonnes pratiques / Optimisations

Performances

• Optimisez les images : Utilisez des formats d’image optimisés (JPEG, PNG) et compressez-les avant de les télécharger.
• Limitez les plugins : Utilisez le moins de plugins possible pour éviter de surcharger votre site.

Sécurité

• Mettez à jour régulièrement : Assurez-vous que votre WordPress et vos plugins sont toujours à jour.
• Utilisez des mots de passe forts : Choisissez des mots de passe complexes et changez-les régulièrement.

SEO on-page

• Utilisez des titres et sous-titres : Structurez votre contenu avec des balises H1, H2, H3 pour améliorer la lisibilité et le référencement.
• Optimisez les métadonnées : Utilisez des plugins comme Yoast SEO pour optimiser les métadonnées de vos articles et pages.

FAQ ciblée

Puis-je revenir à l’ancien éditeur classique ?

Si vous êtes habitué à l’ancien éditeur classique de WordPress et que vous trouvez Gutenberg trop complexe ou inadapté à vos besoins, sachez qu’il est possible de revenir à l’éditeur classique. WordPress a prévu une solution pour les utilisateurs qui préfèrent continuer à utiliser l’éditeur classique : le plugin »Classic Editor ».

Pour installer le plugin »Classic Editor », rendez-vous dans votre tableau de bord WordPress, allez dans »Extensions » puis »Ajouter ». Recherchez »Classic Editor » et installez-le. Une fois activé, vous pourrez choisir entre l’éditeur classique et Gutenberg pour chaque article ou page que vous créez ou modifiez.

Il est important de noter que bien que le plugin »Classic Editor » soit une solution temporaire, il est recommandé de s’adapter progressivement à Gutenberg. En effet, Gutenberg offre de nombreuses fonctionnalités avancées qui peuvent améliorer l’expérience utilisateur et le référencement de votre site.

Si vous avez besoin d’aide pour installer le plugin »Classic Editor » ou pour toute autre question concernant l’utilisation de Gutenberg, n’