Tutoriels WordPress de confiance, quand vous en avez le plus besoin.
Guide du débutant pour WordPress
WPB Cup
25 millions+
Sites web utilisant nos plugins
16+
Années d'expérience WordPress
3000+
Tutoriels WordPress par des experts

Comment utiliser l'éditeur de blocs WordPress (Tutoriel Gutenberg)

Créer du beau contenu dans WordPress ne doit pas être une tâche insurmontable.

L'éditeur de blocs (également connu sous le nom de Gutenberg) a été spécialement conçu pour rendre la création de pages et d'articles aussi simple que de faire glisser des blocs à leur place, sans aucune compétence technique requise.

Pensez-y comme à construire avec des blocs Lego numériques. Chaque élément de contenu – qu'il s'agisse de texte, d'images ou de boutons – devient un bloc que vous pouvez facilement déplacer et personnaliser.

Nous sommes passés à Gutenberg très tôt et l'utilisons depuis des années. Cela nous a aidés à guider des milliers d'utilisateurs de WPBeginner pour maîtriser ce système.

Dans ce tutoriel, nous vous montrerons exactement comment fonctionne l'éditeur de blocs de WordPress.

Vous apprendrez les techniques simples qui rendent la création de contenu plus rapide et plus agréable, et découvrirez des fonctionnalités qui peuvent donner à votre site Web un aspect soigné sans aucune connaissance en codage.

Comment utiliser l'éditeur de blocs WordPress

Note : Dans cet article, nous parlons de l'utilisation de l'éditeur de blocs, qui est conçu pour modifier vos articles et vos pages. Si vous vous demandez comment modifier l'intégralité de votre site Web avec des blocs, consultez notre guide complet sur l'édition complète du site WordPress.

Quelle est la différence entre l'éditeur de blocs (Gutenberg) et l'éditeur classique ?

Avant de plonger dans l'éditeur de blocs, comparons et comprenons les différences entre l'éditeur de blocs Gutenberg et l'ancien éditeur classique.

Voici à quoi ressemblait l'éditeur classique dans WordPress :

Ancien éditeur classique dans WordPress

Il comportait une zone d'édition de texte avec quelques options de formatage de base. Il était assez limité en termes de fonctionnalités et d'apparence visuelle.

Voici à quoi ressemble l'éditeur de blocs dans WordPress :

Éditeur de blocs dans WordPress

Comme vous pouvez le constater, il s'agit de deux éditeurs complètement différents pour créer du contenu dans WordPress.

L'ancien éditeur classique était un éditeur de texte avec des boutons de mise en forme similaires à Microsoft Word.

Le nouvel éditeur utilise une approche différente appelée « Blocs » (d'où le nom d'éditeur de blocs).

Les blocs sont des éléments de contenu que vous pouvez ajouter à l'écran de modification pour créer des mises en page. Chaque élément que vous ajoutez à votre article ou à votre page est un bloc.

Par exemple, vous pouvez ajouter des blocs pour des paragraphes, des images, des vidéos, des galeries, de l'audio, des listes, et plus encore. Il existe des blocs pour tous les éléments de contenu courants, et d'autres peuvent être ajoutés par des plugins WordPress.

En quoi l'éditeur de blocs WordPress est-il meilleur que l'éditeur classique ?

L'éditeur de blocs WordPress offre un moyen simple d'ajouter différents types de contenu à vos articles et pages.

Par exemple, si vous vouliez auparavant ajouter un tableau à votre contenu en utilisant l'éditeur classique, vous aviez besoin d'un plugin de tableau séparé.

Avec l'éditeur de blocs, vous pouvez simplement ajouter un bloc de tableau, sélectionner vos colonnes et vos lignes, et commencer à ajouter du contenu.

Exemple de bloc Tableau

Vous pouvez déplacer les éléments de contenu de haut en bas, les modifier en tant que blocs individuels et créer facilement du contenu riche en médias.

Plus important encore, l'éditeur de blocs WordPress est facile à utiliser et à apprendre.

Cela offre un avantage immense à tous les débutants WordPress qui commencent leur premier blog ou créent un site web d'entreprise en DIY.

Cela dit, examinons comment utiliser l'éditeur de blocs WordPress pour créer du contenu de qualité comme un professionnel.

Voici ce que nous allons couvrir dans ce tutoriel Gutenberg :

Prêt ? Plongeons.

Utiliser Gutenberg – L'éditeur de blocs WordPress

L'éditeur de blocs est conçu pour être intuitif et flexible. Bien qu'il soit différent de l'ancien éditeur WordPress, il fait toujours tout ce que vous pouviez faire dans l'éditeur classique.

Commençons par couvrir les bases que vous faisiez dans l'éditeur classique et comment elles sont réalisées dans l'éditeur de blocs.

Créer un nouvel article de blog ou une nouvelle page avec l'éditeur de blocs

Vous commencerez à créer un nouvel article de blog ou une nouvelle page comme vous le feriez normalement. Cliquez simplement sur le menu Articles » Ajouter un nouvel article dans votre administration WordPress.

Si vous créez une page, allez plutôt dans le menu Pages » Ajouter.

Ajouter un nouvel article dans WordPress

Cela lancera l'éditeur de blocs.

Comment ajouter un bloc dans l'éditeur de blocs

Le premier bloc de chaque article ou page est le titre.

Vous pouvez utiliser la souris pour vous déplacer sous le titre ou appuyer sur la touche Tabulation de votre clavier pour descendre le curseur et commencer à écrire.

Le bloc titre

Par défaut, le bloc suivant est un bloc de Paragraphe. Cela permet aux utilisateurs de commencer à écrire immédiatement.

Cependant, si vous souhaitez ajouter quelque chose de différent, vous pouvez cliquer sur le bouton Ajouter un nouveau bloc [+] dans le coin supérieur gauche de l'éditeur, sous un bloc existant, ou sur le côté droit d'un bloc.

Boutons pour ajouter un nouveau bloc

Cliquer sur le bouton affichera le menu d'ajout de bloc avec une barre de recherche en haut et les blocs couramment utilisés en dessous.

Vous pouvez cliquer sur des onglets pour parcourir les catégories de blocs ou taper un mot-clé pour rechercher rapidement un bloc spécifique.

Ajouter une animation de nouveau bloc

Si vous ne souhaitez pas utiliser la souris pour cliquer sur le bouton, vous pouvez également utiliser un raccourci clavier.

Commencez par taper / pour rechercher un bloc, puis insérez-le en appuyant sur la touche Entrée de votre clavier.

Ajouter un nouveau bloc en utilisant la commande de raccourci clavier

Travailler avec les blocs dans le nouvel éditeur

Chaque bloc a une barre d'outils qui apparaît au-dessus de lui. Les boutons de la barre d'outils changent en fonction du bloc que vous éditez.

Par exemple, dans la capture d'écran ci-dessous, nous travaillons sur un bloc de paragraphe qui affiche des boutons de formatage de base tels que l'alignement du texte, gras, italique, insertion de lien, et d'autres options disponibles sous le menu à trois points.

Barre d'outils du bloc

En plus de la barre d'outils, chaque bloc peut avoir ses propres paramètres de bloc, qui apparaissent dans la colonne de droite de l'écran d'édition.

Ces paramètres varient en fonction du bloc que vous éditez. Par exemple, le bloc de paragraphe vous permet de modifier la couleur du texte, de l'arrière-plan et du lien, ainsi que la typographie.

Paramètres supplémentaires du bloc dans la colonne latérale

Vous pouvez déplacer les blocs de haut en bas et les réorganiser.

Si vous souhaitez le faire, cliquez simplement pour glisser-déposer ou cliquez sur les boutons haut et bas dans la barre d'outils du bloc.

Connexe : Consultez notre guide sur la façon de supprimer un bloc dans WordPress.

Organiser les blocs en groupes et en colonnes

L'éditeur de blocs est également livré avec des outils pratiques pour gérer et organiser vos mises en page de contenu.

Vous pouvez sélectionner plusieurs blocs en cliquant dessus tout en maintenant la touche Maj enfoncée sur votre clavier.

Transformer des blocs en Groupes ou Colonnes

Après cela, cliquez sur le bouton de type de bloc dans la barre d'outils pour transformer les blocs sélectionnés en Groupes ou Colonnes.

Vous pouvez ensuite appliquer des styles à l'bloc Groupe entier, comme modifier l'alignement ou l'espacement.

Styliser les blocs de groupe

L'éditeur de blocs vous permet également d'ajouter un bloc Groupe ou Colonnes vide.

Après cela, vous pouvez les remplir avec d'autres blocs.

Ajouter un bloc de colonnes dans WordPress

Vous pouvez ajouter n'importe quel type de bloc dans chaque colonne selon vos besoins.

Cela vous permet de créer de superbes mises en page pour différents cas d'utilisation.

Paramètres du bloc Colonnes

Sauvegarder et réutiliser le contenu avec des patrons synchronisés (blocs réutilisables)

L'une des fonctionnalités les plus puissantes de l'éditeur de blocs est la possibilité de sauvegarder et de réutiliser du contenu sur votre site. Ceci est fait à l'aide des Modèles Synchronisés, qui étaient auparavant connus sous le nom de Blocs Réutilisables.

Un Modèle Synchronisé est un bloc, ou un groupe de blocs, que vous pouvez utiliser sur plusieurs articles et pages.

Le meilleur, c'est que lorsque vous modifiez le modèle, il se met automatiquement à jour partout où vous l'avez utilisé. C'est parfait pour le contenu qui doit rester cohérent, comme une boîte d'appel à l'action, une biographie d'auteur ou des informations de contact.

Pour en créer un, sélectionnez simplement le ou les blocs que vous souhaitez enregistrer. Ensuite, cliquez sur l'icône du menu à trois points dans la barre d'outils du bloc et choisissez l'option « Créer un modèle ».

Créer un modèle de bloc réutilisable

Une fenêtre contextuelle apparaîtra. Ici, vous pouvez donner un nom à votre modèle et l'attribuer à une catégorie pour garder les choses organisées.

Plus important encore, vous devez vous assurer que l'option « Synchronisé » est activée. C'est ce qui permet au modèle de se mettre à jour partout en même temps.

Créer un modèle

Remarque💡: Vous pouvez également utiliser des groupes et des colonnes entiers comme blocs réutilisables. Cela vous permet d'enregistrer des sections entières et de les utiliser quand vous en avez besoin.

Après avoir cliqué sur « Créer », votre nouveau Modèle Synchronisé sera enregistré.

Pour l'utiliser dans un autre article ou une autre page, cliquez simplement sur le bouton d'insertion de bloc (+) et trouvez-le sous l'onglet « Motifs », ou recherchez-le simplement par son nom.

Insérer un modèle

Les motifs permettent aux propriétaires de sites d'ajouter facilement des éléments couramment utilisés à leurs mises en page, tels que des appels à l'action, des boutons de médias sociaux, des bannières, et plus encore.

Votre thème ou vos extensions WordPress peuvent même inclure leurs propres motifs, ou vous pouvez trouver des motifs créés par d'autres dans la bibliothèque de motifs de blocs de WordPress.

Si vous avez besoin d'aide supplémentaire, nous avons un guide distinct pour les débutants sur la recherche et l'utilisation des motifs de blocs WordPress.

Options de publication et de gestion dans l'éditeur de blocs Gutenberg

Chaque article WordPress contient beaucoup de métadonnées. Cela inclut des informations telles que la date de publication, les catégories et les étiquettes, les images à la une, et plus encore.

Toutes ces options sont soigneusement placées dans la colonne de droite de l'écran d'édition.

Paramètres des articles et des pages dans l'éditeur de blocs

Options des extensions dans Gutenberg

Les extensions WordPress peuvent tirer parti de l'API de l'éditeur de blocs pour intégrer leurs paramètres dans l'écran d'édition.

Certaines extensions populaires sont livrées avec leurs propres blocs.

Par exemple, WPForms, la meilleure extension de formulaire de contact WordPress, vous permet d'ajouter des formulaires à votre contenu à l'aide d'un bloc.

Exemple de bloc WPForms

D'autres plugins WordPress peuvent également ajouter leurs paramètres à l'écran de l'éditeur de blocs.

Par exemple, voici comment All in One SEO for WordPress vous permet de modifier vos paramètres SEO en bas de l'éditeur de blocs :

Exemple de paramètres All in One SEO

De même, si vous gérez une boutique en ligne en utilisant WooCommerce, vous remarquerez qu'il possède également ses propres blocs.

Ces blocs vous permettent d'ajouter vos produits à n'importe lequel de vos articles et pages WordPress.

Blocs WooCommerce dans l'éditeur de blocs

Ajouter des blocs courants dans l'éditeur de blocs

L'éditeur de blocs peut faire tout ce que l'ancien éditeur classique faisait.

Cependant, vous ferez les choses plus rapidement et plus élégamment qu'auparavant. De plus, il peut faire beaucoup plus, comme vous permettre de styliser votre contenu avec une multitude d'options sans code.

Voici quelques-uns des blocs courants que vous pouvez utiliser.

1. Ajouter une image dans l'éditeur de blocs WordPress

Il existe un bloc Image prêt à l'emploi dans l'éditeur de blocs WordPress. Ajoutez simplement le bloc, puis téléchargez un fichier image ou sélectionnez-le dans la médiathèque.

Ajouter un bloc d'image dans WordPress

Vous pouvez également faire glisser et déposer des images depuis votre ordinateur, et l'éditeur créera automatiquement un bloc Image.

Une fois que vous avez ajouté une image, vous pourrez voir les paramètres du bloc, où vous pouvez ajouter des métadonnées pour l'image, comme le texte alternatif, la résolution de l'image et l'ajout d'un lien vers l'image.

Paramètres du bloc d'image dans WordPress

Pour plus d'informations, consultez notre tutoriel sur comment ajouter des images dans WordPress.

2. Ajouter un lien dans l'éditeur de blocs

L'éditeur de blocs est livré avec plusieurs blocs où vous pouvez ajouter du texte. Le plus couramment utilisé est le bloc Paragraphe, qui dispose d'un bouton d'insertion de lien dans la barre d'outils.

Tous les autres blocs de texte couramment utilisés ont également un bouton de lien dans la barre d'outils.

Ajouter un bloc de liens dans l'éditeur WordPress

Vous pouvez également insérer un lien en utilisant le raccourci clavier, qui est Commande + K pour Mac et CTRL + K sur les ordinateurs Windows.

3. Ajouter une galerie d'images dans Gutenberg

Le bloc Galerie fonctionne comme le bloc Image. Vous l'ajoutez, puis vous téléchargez ou sélectionnez des fichiers image.

Exemple de bloc Galerie

Pour plus de détails, consultez notre guide sur la création d'une galerie d'images dans WordPress.

4. Ajouter des shortcodes dans les articles WordPress à l'aide de Gutenberg

Tous vos shortcodes fonctionneront comme dans l'éditeur classique. Vous pouvez simplement les ajouter à un bloc Paragraphe, ou utiliser le bloc Shortcode.

Bloc de shortcode dans l'éditeur de blocs

Explorer d'autres blocs de contenu dans l'éditeur de blocs

L'éditeur Gutenberg promettait de résoudre certains problèmes d'utilisabilité de longue date dans WordPress en introduisant de nouveaux blocs.

Voici quelques-uns des favoris que nous pensons que les utilisateurs trouveront immensément utiles.

1. Ajouter une image à côté de texte dans WordPress

Beaucoup de nos utilisateurs ne pouvaient pas placer une image à côté du texte en utilisant l'ancien éditeur. Vous pouvez le faire maintenant avec le bloc Média et texte.

Bloc média et texte

Ce bloc simple contient deux blocs placés côte à côte, vous permettant d'ajouter facilement une image avec du texte à côté.

2. Ajouter un bouton dans les articles et pages WordPress

Une autre contrariété de l'ancien éditeur était l'ajout d'un bouton à vos articles de blog ou pages. Vous deviez soit utiliser un plugin qui créait un shortcode pour le bouton, soit passer en mode HTML et écrire du code.

Heureusement, Gutenberg dispose d'un bloc Bouton qui vous permet d'ajouter rapidement un bouton à n'importe quel article ou page.

Boutons dans l'éditeur de blocs

Vous pouvez ajouter un lien pour votre bouton, changer les couleurs, et plus encore. Pour plus de détails, consultez notre article sur comment ajouter facilement des boutons dans WordPress.

3. Ajouter de belles images de couverture dans les articles de blog et les pages de destination

Une autre fonctionnalité intéressante que vous pourriez vouloir essayer est le bloc Couverture, qui vous permet d'ajouter des images de couverture ou des arrière-plans de couleur à vos articles et pages.

Une image de couverture est une image plus large souvent utilisée pour une nouvelle section sur une page ou le début d'une histoire. Elle est belle et vous permet de créer des mises en page de contenu attrayantes.

Ajoutez simplement un bloc Couverture, puis téléchargez l'image que vous souhaitez utiliser. Vous pouvez choisir une couleur de superposition pour la couverture ou en faire une image de fond fixe pour créer un effet parallax lorsque les utilisateurs font défiler la page.

Bloc de couverture

Pour plus de détails, consultez notre article sur la différence entre les images de couverture et les images mises en avant dans WordPress.

4. Créer des tableaux dans les articles

L'éditeur classique ne disposait pas d'un bouton pour ajouter des tableaux à vos articles WordPress. Vous deviez utiliser un plugin ou créer un tableau en écrivant du CSS et du HTML personnalisés.

Désormais, l'éditeur de blocs dispose d'un bloc Tableau par défaut, ce qui rend l'ajout de tableaux à vos articles et pages très facile. Il suffit d'ajouter le bloc et de sélectionner le nombre de colonnes et de lignes que vous souhaitez insérer.

Exemple de bloc Tableau

Vous pouvez maintenant commencer à ajouter des données aux lignes du tableau. Vous pouvez toujours ajouter plus de lignes et de colonnes si nécessaire, et deux options de style de base sont disponibles.

5. Créer du contenu en plusieurs colonnes

La création de contenu en plusieurs colonnes était un autre problème que l'éditeur classique ne gérait pas du tout.

Heureusement, l'éditeur de blocs vous permet d'ajouter un bloc Colonnes, qui ajoute deux colonnes de blocs de paragraphes.

Bloc de contenu multi-colonnes

Ce bloc de colonnes est assez flexible. Vous pouvez ajouter jusqu'à 6 colonnes dans une rangée et même utiliser d'autres blocs à l'intérieur de chaque colonne.

Conseils bonus pour utiliser Gutenberg comme un pro

En regardant l'éditeur de blocs, vous vous demandez peut-être si vous passerez plus de temps à ajouter et à ajuster des blocs qu'à créer du contenu réel.

Eh bien, l'éditeur de blocs est incroyablement rapide, et même une utilisation très basique pendant quelques minutes vous permettra d'ajouter des blocs instantanément sans même y penser.

Très bientôt, vous réaliserez à quel point votre flux de travail deviendra plus rapide avec cette approche.

Voici quelques conseils bonus pour les utilisateurs avancés afin de vous aider à travailler encore plus rapidement avec l'éditeur de blocs WordPress.

1. Déplacer la barre d'outils du bloc en haut

Vous avez peut-être remarqué dans les captures d'écran ci-dessus qu'une barre d'outils apparaît en haut de chaque bloc. Vous pouvez déplacer cette barre d'outils en haut de l'éditeur.

Pour accéder à l'option « Barre d'outils supérieure », cliquez sur le bouton à trois points dans le coin supérieur droit de l'écran.

Déplacer la barre d'outils du bloc en haut

2. Utiliser les raccourcis clavier

Gutenberg est livré avec plusieurs raccourcis pratiques qui rendront votre flux de travail encore plus rapide et plus facile. Le premier que vous devriez commencer à utiliser immédiatement est le /.

Entrez simplement /, commencez à taper, et l'éditeur vous montrera les blocs correspondants que vous pouvez ajouter instantanément.

Pour plus de raccourcis, cliquez sur le menu à trois points en haut à droite de votre écran et sélectionnez « Raccourcis clavier ».

Utiliser les raccourcis clavier dans l'éditeur de blocs

Cela ouvrira une fenêtre contextuelle avec une liste de tous les raccourcis clavier que vous pouvez utiliser. La liste contiendra différents raccourcis pour les utilisateurs de Windows et de Mac.

3. Glisser-déposer des médias pour créer automatiquement des blocs de médias

Gutenberg vous permet de glisser-déposer des fichiers n'importe où sur l'écran, créant automatiquement un bloc pour vous.

Par exemple, vous pouvez déposer un seul fichier image ou vidéo, et cela créera le bloc pour vous. Alternativement, vous pourriez déposer plusieurs fichiers image pour créer un bloc Galerie.

Glisser-déposer les téléversements de fichiers dans l'éditeur de blocs

4. Ajout de YouTube, Twitter, Vimeo et autres intégrations

L'éditeur de blocs facilite l'intégration de contenu tiers dans votre contenu WordPress. Il existe des blocs pour tous les services tiers populaires.

Blocs d'intégration


Cependant, vous pouvez simplement copier et coller l'URL d'intégration à tout moment, et cela créera automatiquement un bloc pour vous.

Par exemple, l'ajout d'une URL de vidéo YouTube créera automatiquement un bloc d'intégration YouTube et affichera la vidéo.

Intégration YouTube dans l'éditeur de blocs

Bien que le collage d'une URL directement ne fonctionne pas pour les publications Facebook et Instagram, la solution de contournement est simple.

Vous devez simplement activer la fonctionnalité « oEmbeds » en utilisant Smash Balloon Social Photo Feed et coller l'URL dans le bloc « Intégrer ».

Pour plus de détails, consultez notre article sur l'intégration des publications Facebook et Instagram dans WordPress.

Ajouter plus de blocs à l'éditeur de blocs Gutenberg dans WordPress

L'éditeur de blocs de WordPress permet aux développeurs de créer leurs propres blocs. Certains excellents plugins WordPress proposent des packs de blocs pour le nouvel éditeur.

En voici quelques-uns :

1. Spectra WordPress Gutenberg Blocks

Blocs Spectra

Spectra WordPress Gutenberg Blocks est une bibliothèque de blocs avec de nombreux blocs avancés qui vous aident à ajouter plus d'éléments de design à votre contenu.

Spectra, créé par les personnes derrière le populaire thème Astra WordPress, vous aide à créer de beaux designs sans écrire une seule ligne de code.

Pour plus d'informations, consultez notre critique complète de Spectra.

2. PublishPress Blocks

Blocs PublishPress

PublishPress Blocks est une autre puissante bibliothèque de blocs qui est livrée avec des blocs supplémentaires pour étendre l'éditeur de blocs Gutenberg.

Il comprend de belles options de mise en page, des curseurs, des boutons, des icônes, des galeries d'images, des cartes, des onglets, des témoignages, des accordéons, et plus encore.

3. Stackable – Gutenberg Blocks

Blocs Stackable

Stackable – Gutenberg Blocks est une collection de blocs Gutenberg magnifiquement conçus que vous pouvez utiliser sur votre site Web. Il comprend des blocs pour le conteneur, les articles, la grille de fonctionnalités, l'accordéon, la boîte d'image, la liste d'icônes, l'appel à l'action, et plus encore.

Pour d'autres options, consultez notre liste complète des meilleurs plugins de blocs Gutenberg pour WordPress.

FAQ sur Gutenberg – L'éditeur de blocs dans WordPress

Depuis que Gutenberg est devenu l'éditeur WordPress par défaut, nous recevons beaucoup de questions sur son utilisation. Voici les réponses à certaines des questions les plus fréquemment posées sur l'éditeur de blocs.

1. Qu'advient-il de mes anciens articles et pages dans l'éditeur de blocs ? Puis-je toujours les modifier ?

L'éditeur de blocs n'affecte pas vos anciens articles et pages. Vous pouvez toujours les modifier, et l'éditeur de blocs les ouvrira automatiquement dans un bloc contenant l'éditeur classique.

Convertir en blocs

Vous pouvez les modifier dans l'ancien éditeur, ou vous pouvez convertir les anciens articles en blocs et utiliser l'éditeur de blocs.

2. Puis-je continuer à utiliser l'ancien éditeur ?

Oui, vous pouvez toujours continuer à utiliser l'ancien éditeur. Installez et activez simplement le plugin Classic Editor.

Après activation, l'éditeur de blocs sera désactivé, et vous pourrez continuer à utiliser l'éditeur classique.

Le plugin Classic Editor sera officiellement pris en charge dans un avenir prévisible. Cependant, nous vous recommandons vivement de commencer à utiliser l'éditeur de blocs dès maintenant pour vous familiariser avec la manière moderne de créer du contenu dans WordPress.

3. Que faire si l'éditeur de blocs ne fonctionne pas avec un plugin ou un thème que j'utilise ?

Le projet Gutenberg a été long à développer, ce qui a donné aux auteurs de plugins et de thèmes beaucoup de temps pour tester la compatibilité de leur code.

Cependant, il est toujours possible que certains plugins et thèmes ne fonctionnent pas bien avec l'éditeur de blocs. Dans ce cas, vous pouvez installer le plugin Classic Editor, demander au développeur d'ajouter la prise en charge de Gutenberg, ou trouver un plugin ou un thème alternatif.

4. Comment puis-je en savoir plus sur les astuces et conseils de Gutenberg ?

WPBeginner est le meilleur endroit pour en savoir plus sur l'éditeur de blocs dans WordPress. Nous sommes le plus grand site de ressources WordPress sur Internet.

Nous publierons de nouveaux articles et mettrons à jour nos anciennes ressources pour vous aider à maîtriser l'éditeur de blocs.

En attendant, si vous avez des questions, n'hésitez pas à nous contacter en laissant un commentaire ou en utilisant le formulaire de contact sur notre site web.

5. Rencontrez-vous des problèmes avec Gutenberg ?

Si vous rencontrez des difficultés avec l'éditeur de blocs WordPress, nous avons créé un guide de dépannage rapide qui répertorie tous les problèmes courants de l'éditeur de blocs que les utilisateurs rencontrent et comment les résoudre.

Tutoriel vidéo

Si vous ne préférez pas les instructions écrites, regardez simplement notre tutoriel vidéo :

S'abonner à WPBeginner

Ressources bonus

Les ressources supplémentaires suivantes vous aideront à utiliser l'éditeur de blocs plus efficacement :

Si cet article vous a plu, abonnez-vous à notre chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.

Avis : Notre contenu est financé par nos lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, nous pouvons percevoir une commission. Voir comment WPBeginner est financé, pourquoi c'est important et comment vous pouvez nous soutenir. Voici notre processus éditorial.

La boîte à outils WordPress ultime

Accédez GRATUITEMENT à notre boîte à outils - une collection de produits et de ressources liés à WordPress que tout professionnel devrait posséder !

Interactions des lecteurs

233 CommentsLeave a Reply

  1. J'ai téléchargé le plugin Gutenberg mais je vois toujours le même éditeur classique. Que dois-je faire ?

    • Si votre site est à jour, il devrait utiliser l'éditeur de blocs par défaut. Vous voudrez vérifier si vous avez un plugin activé pour afficher l'éditeur classique à la place.

      Admin

  2. Ai-je besoin d'ajouter un thème si l'éditeur de blocs peut faire tout ce que le thème peut faire ? S'il vous plaît, aidez-moi.

    • Vous auriez toujours besoin d'un thème pour que WordPress fonctionne pour le moment. Le thème concerne la conception et le style général de votre site et vous pouvez utiliser l'éditeur de blocs pour personnaliser des parties de votre site.

      Admin

  3. Je viens littéralement d'entendre parler de cette nouvelle « chose Gutenberg » et j'ai trouvé votre excellent tutoriel – merci, il sera super utile une fois que j'aurai compris comment faire apparaître Gutenberg sur mon site. J'ai toujours uniquement l'éditeur classique (et je ne l'ai pas en tant que plugin, c'est comme ça que mon site a toujours été), y a-t-il quelque chose que je dois installer pour pouvoir voir l'éditeur Gutenberg ?

    • Vous voudrez vous assurer que votre site WordPress est mis à jour à la version la plus récente pour le voir. Vous voudrez également vérifier si le plugin éditeur classique est actif sur votre site pour expliquer pourquoi l'éditeur de blocs n'est pas votre éditeur par défaut.

      Admin

  4. Bonjour
    Comment avez-vous changé la couleur de fond de l'éditeur ?
    Pour moi, c'est blanc, mais pour vous, c'est une couleur différente.

    • À moins que votre thème ne remplace cela, l'éditeur de blocs devrait utiliser la même couleur de fond que votre contenu sur votre site.

      Admin

  5. Merci pour cette vidéo informative. J'ai évité le nouvel éditeur car j'utilise WP depuis de nombreuses années et je ne voyais pas l'utilité d'apprendre une nouvelle façon alors que l'éditeur classique n'avait rien de mal. Je n'avais pas réalisé qu'ils allaient arrêter l'éditeur classique en 2022, donc j'ai trouvé cela au moment parfait. Je vois qu'il y a encore une petite courbe d'apprentissage, mais ce n'est pas aussi terrible que je le pensais.

    • Glad our guide was helpful and we hope you enjoy using the new editor :)

      Admin

  6. Ce tutoriel m'a vraiment aidé à comprendre ce que je peux faire avec Glutenberg. Merci

  7. Bonjour,
    Lorsque j'utilise l'éditeur classique, la barre d'outils a un réglage pour choisir un type de police dans un menu déroulant.
    Comment changez-vous le type de police lorsque vous utilisez l'éditeur de blocs ?
    Arnold

  8. Pour une raison mystérieuse, les paramètres de bloc s'affichent en dessous de la page (comme les paramètres YoastSEO, etc.) au lieu de sur le côté droit. Quel pourrait être le problème ?

    • Il est fort probable que votre navigateur soit trop étroit. Si vous élargissez la fenêtre de votre navigateur, cela devrait réapparaître sur le côté.

      Admin

  9. Je trouve l'éditeur de blocs assez frustrant en ce moment. C'est parce que j'espérais commencer des entrées de blog par une citation, un poème ou une parole de chanson. Pendant que je tape et que j'appuie sur Entrée pour passer à une autre ligne dans le poème, j'obtiens un nouveau bloc. Comment puis-je faire plusieurs lignes sans obtenir un nouveau bloc pour chaque ligne lorsque j'appuie sur Entrée ?

    • Vous devriez utiliser Maj + Entrée au lieu de seulement Entrée pour rester dans le même bloc.

      Admin

  10. J'ai finalement décidé d'apprendre l'éditeur de blocs. Wow ! Pourquoi ai-je attendu si longtemps ? J'ai lu cet article, puis j'ai commencé une nouvelle page brouillon en utilisant l'éditeur de blocs. C'est tellement facile. Une fois que je m'y serai habitué et que j'en apprendrai davantage, écrire de nouvelles pages et des articles sera si facile et amusant ! Pour ceux qui utilisent encore l'éditeur classique, vous devez vraiment commencer à apprendre et à utiliser l'éditeur de blocs.

    • Glad you’re liking the block editor and we hope our guide can make the transition a little easier :)

      Admin

  11. Je me demandais s'il existait un moyen de modifier un bloc qui a été utilisé dans plusieurs articles afin que les modifications apparaissent simultanément ?

  12. pourquoi Gutenberg apparaît-il dans la liste des modules afin qu'il puisse être installé si, lorsque vous installez WordPress, l'éditeur de blocs est celui par défaut ?

    • Il y avait un plugin Gutenberg pour l'éditeur de blocs avant qu'il ne soit l'éditeur par défaut. Vous n'avez plus besoin d'installer le plugin Gutenberg pour utiliser l'éditeur de blocs.

      Admin

  13. Bonjour,

    Merci pour cet article détaillé.

    Il y a quelque temps, j'ai supprimé l'éditeur de blocs. Comment le réinstaller ? Il y a tellement de plugins Gutenberg, je n'arrive pas à savoir lequel est l'éditeur par défaut.

    Merci pour votre aide.

    • Vous voudrez désactiver le plugin Classic editor pour utiliser normalement l'éditeur de blocs sur votre site, à moins que vous n'utilisiez un autre plugin.

      Admin

      • Merci ! C'était la réponse que je cherchais LOL. Je n'arrivais pas à comprendre pourquoi l'éditeur de blocs ne s'affichait pas. Vous êtes les meilleurs.

  14. Monsieur, je dois formater l'espacement de mon texte comme la marge et le rembourrage. Quel bloc dois-je utiliser ?

  15. Beau et utile article. Cependant, je cherche sérieusement des ressources sur la façon d'utiliser le nouvel éditeur avec des lecteurs d'écran. Pouvez-vous m'aider ?

    • Nous n'avons pas de recommandation pour le moment, mais nous resterons à l'affût.

      Admin

  16. Lorsque j'ouvre ma page et que je vais la modifier, le tutoriel de l'éditeur de blocs apparaît TOUJOURS en premier. Comment puis-je faire disparaître cette fenêtre contextuelle agaçante de façon permanente pour pouvoir simplement commencer à modifier ?

    • Vous voudrez peut-être vous assurer que votre navigateur n'empêche pas la définition des cookies lorsque vous fermez cette fenêtre contextuelle, car c'est une raison courante.

      Admin

  17. En utilisant cet éditeur de blocs, j'ai réalisé qu'il n'y a aucun moyen d'envoyer une couleur et une taille de police globales pour l'ensemble du blog. Il est très long de changer chaque blog individuellement.

    Y a-t-il un moyen de contourner cela ?

  18. Comment puis-je réduire la publication visible en plaçant « lire la suite » là où je veux cacher ?

    • Cela dépendrait des spécificités que vous recherchez lorsque vous dites indexer. Pour la largeur, vous pouvez utiliser du CSS ou des colonnes comme méthodes les plus courantes pour ce que vous voulez faire.

      Admin

  19. Je n'ai pas vu quelque chose que j'ai souvent utilisé. Par exemple, j'ai un bloc de paragraphe où je décris une référence biblique. Ensuite, je crée un autre bloc de paragraphe pour contenir la citation. J'aimerais indenter le bloc de citation. Comment ferais-je cela ?

    • For the moment you should be able to use a classic block to add that indent :)

      Admin

      • Merci pour votre réponse. En fait, j'ai décidé d'utiliser le bloc « citation », bien que le bloc « verset » aurait également fonctionné. Les deux donnent une petite indentation. La « citation » met également une barre verticale.

  20. Je commence tout juste sur Word Press. C'était peut-être le « bon » moment car je n'ai pas utilisé l'ancienne version ni m'y suis habitué. Je vais commencer tout de suite avec le nouvel éditeur de blocs. Ce guide a été utile. Merci.

  21. Merci pour cet article merveilleux. Et merci pour votre patience. J'ai essayé Gutenberg pendant une courte période, mais j'ai eu des difficultés avec un problème important : les images entourées de texte étaient collées les unes aux autres, sans aucun espace. J'ai essayé de trouver un moyen d'ajouter du rembourrage, mais je n'ai pas pu le trouver. Je suis donc retourné au Classique.

    Mais maintenant, votre article montre à quel point Gutenberg a plus de bonnes choses, que je vais juste vous demander - comment ajoutez-vous du rembourrage (espace) entre une image et le texte adjacent ? S'il existe une solution actuelle, je reviendrai à Gutenberg dans une minute !

    Cordialement, Ted

    • Vous pourriez utiliser le bloc médias et texte pour une méthode, vous pourriez également vérifier auprès du support de votre thème pour vous assurer que le style de votre thème n'est pas la cause de ce problème.

      Admin

  22. Monsieur, votre blog est incroyable, je veux demander si je veux marquer mon article comme article mis en avant dans l'éditeur de blocs, comment puis-je le faire s'il vous plaît, dites-moi monsieur

    • Il devrait y avoir une case à cocher dans les paramètres de l'article pour épingler l'article en haut du blog, d'après ce que vous semblez vouloir.

      Admin

  23. Bonjour, merci beaucoup pour votre article.

    J'étais d'abord préjugé contre le nouvel éditeur de blocs, mais je suis agréablement surpris qu'il vous offre beaucoup plus d'options pour transformer vos pages.

    Mon seul problème est que l'éditeur de blocs affiche tous les titres en majuscules sur le front-end, bien que les titres des articles publiés soient comme ils devraient être. Y a-t-il un moyen de résoudre cela afin que je puisse voir ce que je fais dans l'éditeur ?

    Merci d'avance.

    • Nous n'avons pas de recommandation pour le moment, mais à mesure que l'éditeur de blocs s'améliore, il devrait commencer à ressembler davantage à l'interface publique de votre site.

      Admin

  24. J'ai WordPress.com. J'essaie d'utiliser l'éditeur de blocs, mais je ne trouve pas où entrer les étiquettes et les catégories. Elles semblent avoir disparu. Des astuces ? Merci.

    • Cela se trouverait dans les paramètres du document, ou vous pourriez vérifier sous les trois points verticaux en haut à droite sous options. Nos tutoriels sont pour les installations auto-hébergées, donc si l'option n'est pas disponible, vous devriez contacter leur support.

      Admin

  25. JE VEUX QUE CE SOIT DÉSACTIVÉ ET JE VEUX QUE CE SOIT DÉSACTIVÉ MAINTENANT. Je n'ai pas de plugins, je ne comprends pas. Il n'y a pas d'option pour un éditeur classique / normal. Comment revenir à la version gratuite ? Chaque fois que j'essaie d'utiliser un plugin, même gratuit, il est indiqué que je dois passer à une version payante de WordPress pour en utiliser, même les plugins gratuits, c'est bizarre.

  26. Merci pour cet article, il est formidable. Jusqu'à présent, j'aime l'éditeur de blocs. Mais quand je veux insérer une image dans une liste numérotée, il semble qu'il n'y ait aucun contrôle sur l'endroit où l'image apparaît dans la liste. Y a-t-il un moyen de contrôler où une image apparaît dans un bloc de liste ?

    • Si vous rencontrez ce problème avec plusieurs blocs, vous voudrez peut-être essayer d'utiliser un bloc classique pour créer votre liste.

      Admin

  27. Merci pour ce tutoriel facile à suivre sur Gutenberg.

    Je viens d'arriver à « Enregistrer et réutiliser des blocs dans Gutenberg » et j'ai suivi toutes les étapes. J'ai atteint la page où je peux gérer mes blocs réutilisables.

    Maintenant, comment puis-je revenir à mon éditeur ?

    • Vous devrez revenir manuellement à la page via la zone d'administration des articles/pages et modifier à nouveau l'article.

      Admin

      • Merci, c'est ce que j'ai fait !

        Continuez votre bon travail : Ce tutoriel m'a énormément aidé à surmonter ma peur du changement de l'éditeur classique à l'éditeur Gutenberg (un nom beaucoup plus intéressant et classe que « éditeur de blocs »).

        PS : Si vous avez des contacts avec les Gutenbergers, vous pourriez leur suggérer d'ajouter une option de retour à l'éditeur sur cette page réutilisable.

        • Heureux que notre article ait pu vous aider à avoir confiance pour passer au nouvel éditeur

  28. Cher,
    J'ai un problème avec le bloc GUTENBERG sur WordPress. Le bloc est soudainement devenu étroit, il n'occupe pas toute la page et je n'ai pas assez d'espace. Comment résoudre ce problème ?

    • Pour commencer, s'il ne s'agit pas d'un bloc ajouté par un plugin, vous devriez contacter le support de votre thème pour vous assurer qu'il ne s'agit pas d'une erreur de style dans le thème.

      Admin

  29. Mes blocs sont tous mélangés lorsque j'essaie de créer un nouveau message et je ne peux même pas écrire. Aidez-moi s'il vous plaît ? J'ai tout mis à jour donc je ne suis pas sûr de pourquoi cela se produit. Je suis sur Chrome.

  30. Ce nouveau système de blocs est horrible.

    Je ne peux pas faire le minimum, à savoir avoir une image miniature à gauche et un texte de titre h2 centré en ligne en haut à côté, avec un titre h4 en dessous.
    C'était la chose la plus basique à faire avec l'ancien système, supérieur.
    J'ai l'illusion d'avoir plus de contrôle, mais la réalité est que j'ai plus d'options qui aboutissent à moins.

    J'espère pouvoir revenir au style classique car cela signifie que je ne peux plus ajouter de contenu à mon site.

    Simplement épouvantable.

    • C'est un processus d'apprentissage pour le nouvel éditeur. Pour ce que vous voulez, vous pourriez essayer le bloc de colonnes pour créer cela.

      Admin

  31. Après avoir lu le tutoriel, je veux désinstaller le plugin pour l'éditeur classique. Cependant, j'ai un article qui a été écrit à la fois en classique et en bloc – les polices sont différentes et cela a l'air bizarre. Lorsque je passe à la vue bloc, l'un des blocs indique « contient du contenu inattendu ou invalide ». Et demande ensuite de passer au HTML.
    Si je désinstalle le plugin, devrai-je recréer ce contenu ?

    • Vous devrez probablement configurer le contenu qui a été modifié en HTML pour retrouver votre style, mais dans l'ensemble, le contenu devrait toujours être là.

      Admin

    • Not at the moment, as plugins add blocks there will also be more blocks in your list but the blocks should state their name below their symbol to give you an idea on what they’re used for :)

      Admin

  32. This is a great intoduction! I’ve learned a lot.. :)
    However I can’t seem to find a guide on how to make a link block.
    I need to link from my site to another site just using a block with a link.
    The only option I get is to edit my permalink
    Any ideas, you guys??

    • Lorsque vous modifiez du texte dans un bloc de paragraphe en le surlignant, vous devriez pouvoir utiliser la petite nouvelle barre d'outils pour ajouter un lien.

      Admin

  33. J'ai commencé à utiliser WP V2.6 en 2008, et j'ai converti mes propres sites php développés pour utiliser WP comme CMS. Il a certainement parcouru un long chemin depuis lors. Bien que Gutenberg semble certainement offrir une bien meilleure interface utilisateur de flux de travail, qui est remplie de fonctionnalités, là où vous deviez auparavant coder vous-même ou adopter un plugin, je dois admettre que, même en tant qu'utilisateur WP expérimenté, la nouvelle interface me laisse souvent perplexe. C'est juste une autre courbe d'apprentissage. Alors merci pour l'introduction, les conseils et les orientations. J'utiliserai ces informations pour m'y retrouver ! Santé.

    • Thanks for sharing how you feel about Gutenberg, as it improves hopefully it should get easier to use :)

      Admin

  34. J'ai été ravi de constater que je pouvais insérer un tableau en utilisant l'éditeur de blocs. J'ai rempli les cellules avec des codes, chacun d'eux que je voulais lier à du contenu multimédia. Cependant, je n'ai pas trouvé de moyen facile de le faire. J'aurais pu lier à l'URL dans chaque cas, mais c'est fastidieux. Il serait évidemment préférable de pouvoir ajouter du contenu multimédia directement depuis l'éditeur de blocs – ai-je été stupide et ai-je manqué quelque chose ?

    • Pour le moment, c'est une limitation du bloc de tableau, le plus proche serait de créer un bloc de colonne pour insérer des blocs multimédias comme autre option.

      Admin

  35. Depuis que j'ai mis à jour WordPress, j'ai été alerté que « Connexion perdue ». J'ai désactivé le plugin d'éditeur classique avant que cela ne soit résolu. S'il vous plaît, y a-t-il un moyen d'utiliser l'éditeur classique et de désactiver l'éditeur de blocs. Depuis que le bloc est arrivé, mon application WordPress me notifie toujours d'une erreur générique lorsque je publie. Quel est le problème de l'application aussi ?

    • Vous devriez contacter le support de l'application et leur signaler ce problème afin qu'ils puissent examiner la cause.

      Admin

  36. C'était un tutoriel incroyablement utile.

    Mais je ne pense pas avoir vu de solution à mon incapacité à centrer le texte du titre. Ce qui est ridicule.

    Mais les options de formatage de la barre latérale que vous obtenez avec les titres, qui ont une option CENTRER, disparaissent avec le Titre et la barre de formatage supérieure, qui avec les Images a aussi une option CENTRER, disparaît également. C'est la fonctionnalité la plus importante et la plus visible sur une page et Wordpress semble avoir fait tout son possible pour empêcher un choix de formatage très courant. Une aide ? Merci encore pour votre service à la communauté Wordpress.

    • Si vous ne voyez pas l'option pour centrer le texte, vous devriez pouvoir cliquer sur les trois points en haut à droite pour activer la barre d'outils supérieure. Une fois celle-ci activée, vous devriez avoir la possibilité de centrer le texte dans le bloc de paragraphe lorsque le bloc est sélectionné.

      Admin

  37. Existe-t-il un moyen simple de naviguer entre les blocs d'une page. Par exemple, si je lis quelque chose dans le premier bloc de la page et que je veux ensuite aller à un bloc plus bas sur la page, existe-t-il un moyen simple de sauter à un bloc différent ou faut-il simplement faire défiler la page ?

  38. Je déteste le nouveau formatage de WP, à tel point que je change d'hébergeur de blog. Ce n'est pas plus convivial. J'avais l'habitude de pouvoir publier facilement, puis d'ajouter une vidéo de ma bibliothèque. Maintenant, il passe par défaut au nouveau format de bloc, ce qui est épouvantable, et que je ne peux pas changer, et quand je termine avec frustration l'article de blog, je ne peux pas ajouter mon média vidéo. WP met toujours à jour pour rendre le blogging une expérience plus frustrante. Quel dommage.

    • Bien que ce problème frustrant soit universel à toutes les interfaces logicielles. On a souvent l'impression que dès que l'on atteint la partie plate de la courbe d'apprentissage, ils mettent à jour l'interface et vous imposent une nouvelle montée.

      Je suppose que savoir combien de temps attendre et jusqu'où pousser les changements de conception est la clé de l'acceptation du progrès par la base d'utilisateurs. En effet, Gutenberg est un grand pas que certaines personnes ne voudront pas franchir. Mais il y avait tellement d'éléments hérités obscurs qu'ils ont mis du temps à aborder, que cela a peut-être été inévitable.

      J'ai du mal aussi, surtout avec les anciens sites utilisant beaucoup de shortcodes, mais j'espère qu'une fois que j'aurai surmonté l'obstacle, il y aura une belle et large prairie de l'autre côté.

  39. Je pense qu'il serait utile de pouvoir enregistrer un groupe de blocs comme un seul et pas seulement les blocs individuels. Ainsi, une fois que vous avez votre page de publication comme vous le souhaitez, elle peut être réutilisée. Ce serait particulièrement utile pour ceux d'entre nous qui ne modifient pas vraiment la structure de chaque publication et n'ont pas vraiment besoin de ce degré de flexibilité.

    • That could certainly be something to look into for the future as Gutenberg improves :)

      Admin

  40. Salut ! Y a-t-il un moyen de changer la taille d'un bloc de couverture ? Je veux qu'il fasse la moitié de la largeur de la page pour pouvoir en avoir deux côte à côte, mais je ne trouve rien pour le supporter.

    Merci !

    • Vous pourriez vouloir utiliser le bloc de colonnes pour ce que vous semblez vouloir faire.

      Admin

  41. Y a-t-il une option pour désactiver les blocs et revenir à l'ancien format de l'éditeur ?

    Gutenberg Block craint, et je ne veux pas compromettre la qualité et la vitesse de mon travail pendant qu'ils passent les prochaines années à l'améliorer.

    • L'éditeur de blocs essaie lentement de s'améliorer, votre bloc devrait changer de hauteur en fonction du contenu ajouté dans le bloc

      Admin

  42. Je suis complètement novice sur WP et j'utilise actuellement le thème 2019. Tout ce que j'essaie de faire, c'est d'ajouter un extrait afin que les articles complets ne s'affichent pas sur la page d'accueil. Je n'arrive pas à comprendre comment faire. J'ai essayé d'utiliser la zone de texte "extrait" située dans la barre de navigation droite de l'éditeur de documents. Toute aide serait la bienvenue. Merci !

    • Le thème ne prend peut-être pas en charge les extraits, vous pourriez essayer d'ajouter le bloc "more" ou "read more" selon que vous utilisez l'éditeur classique ou l'éditeur de blocs pour voir si cela résout le problème

      Admin

    • Danielle, peut-être que vous voulez l'outil "More", répertorié sous Éléments de mise en page. Il vous permet d'ajouter un lien "Continuer la lecture" après le premier (ou n'importe quel) paragraphe d'un article.

    • Si vous parlez du côté visible de votre site, vous devriez normalement le modifier en utilisant CSS

      Admin

  43. Quand je regarde mon bloc de paragraphe, je ne vois pas les mêmes options que celles que vous avez montrées ici. Je ne peux pas changer la couleur d'une police et il y a des couleurs prédéfinies dans les paramètres de couleur sous styles personnalisés pour les couleurs d'arrière-plan. Y a-t-il quelque chose que je dois activer pour accéder à cette option dans le bloc de paragraphe ?

    • Vous ne devriez avoir besoin d'activer quoi que ce soit, vous voudrez peut-être vous assurer qu'un plugin ou votre thème ne supprime pas ces options

      Admin

Laisser un commentaire

Merci d'avoir choisi de laisser un commentaire. N'oubliez pas que tous les commentaires sont modérés conformément à notre politique de commentaires, et votre adresse e-mail ne sera PAS publiée. Veuillez NE PAS utiliser de mots-clés dans le champ du nom. Ayons une conversation personnelle et significative.