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. Je n'ai toujours pas mis à jour vers le style de blocs. J'attendrai de n'avoir pas d'autre choix que de changer.

    • Vous êtes certainement autorisé à le faire. Sauf si vous êtes sur WordPress.com, il y aura presque toujours un moyen d'utiliser l'éditeur classique.

      Admin

  2. D'après un sondage auprès d'amis de plus de 40 ans qui écrivent du contenu chrétien, nous sommes furieux à 100 % de la perte de l'éditeur classique. Le bloc classique dans l'éditeur de blocs est une pâle imitation de l'ancien car l'éditeur de blocs saisira toute occasion de me transférer vers un bloc différent. Les éditeurs de blocs gênent les changements globaux. Oui, vous pouvez faire glisser un paragraphe à un autre endroit, mais dans l'éditeur classique, couper et coller fait facilement la même chose.

    Il y avait autrefois un onglet pour accéder à l'éditeur HTML en un clic, permettant des modifications précises avec HTML. Que Dieu nous accorde une option dans wp-admin pour choisir l'éditeur classique sans option pour que l'éditeur WordPress nous surcharge en fonction de ses préférences plutôt que des nôtres.

  3. J'ai utilisé l'éditeur classique mais j'ai toujours du mal à me familiariser avec ce Gutenberg. Bien qu'il ait du potentiel, la flexibilité de conception par rapport aux constructeurs de pages dédiés comme Elementor ou SeedProd est assez limitée. Je me retrouve constamment à chercher des solutions de contournement pour obtenir la mise en page souhaitée. J'espère que les futures mises à jour apporteront plus de liberté de conception et d'options de personnalisation à l'éditeur principal, similaires aux constructeurs actuels, mais pas pour la publication d'un article qui a toujours été mieux

  4. C'est un article immensément utile. Je pensais bien connaître l'éditeur de blocs, mais cet article m'a donné une autre perspective sur la façon de mieux l'utiliser. J'ai découvert pour la première fois l'existence de l'API de l'éditeur de blocs qui peut être utilisée dans le développement de plugins, le regroupement de blocs pour créer des modèles. Article très utile.

  5. Je suis curieux de voir comment l'éditeur de blocs continuera à évoluer à l'avenir. J'espère que nous verrons encore plus de blocs et de fonctionnalités ajoutés qui le rendront encore plus puissant et polyvalent. C'est déjà un excellent outil, et je ne peux qu'imaginer comment il s'améliorera avec le temps.

  6. Laissez-moi prendre ce commentaire comme une occasion d'apprécier le grand et vieil éditeur classique
    qui a régné dans l'espace WordPress depuis son lancement.
    Maintenant que nous sommes passés à la nouvelle édition de l'éditeur Gutenberg et que nous l'utilisons
    pour créer des articles et des pages, l'ancien éditeur classique me manque souvent pour sa simplicité et sa facilité d'utilisation.
    Je me souviens avoir recommandé à mes amis non développeurs d'écrire et de publier du contenu sur
    mon site d'actualités sans aucune formation ni guide. Ils s'y familiarisaient dès
    qu'ils commençaient à l'utiliser.
    Merci pour cet article détaillé sur les étapes d'utilisation des blocs Gutenberg.

    • Tu parles à mon âme, Moinuddin Waheed. J'aimais aussi l'ancien éditeur WYSIWYG et l'ancien concept de l'éditeur. C'était simple, fonctionnait bien, et je l'aimais simplement à tous égards. Puis WordPress est arrivé avec Gutenberg, et pour moi, cela signifiait un arrêt. J'ai arrêté de bloguer et je n'ai pas utilisé WordPress pendant plusieurs années car Gutenberg ne me convenait absolument pas. Je ne suis revenu à WordPress que grâce à Elementor, qui m'a aidé à redécouvrir une certaine simplicité et un travail intuitif avec WordPress. J'ai recommencé à apprécier de travailler avec WordPress. Avec le temps, j'essaie d'apprendre à travailler avec l'éditeur de blocs, mais il me semble toujours maladroit et peu intuitif. Malheureusement, il semble que nous devions tous les deux nous y résigner. Le bon vieil éditeur classique tel que nous le connaissions n'est malheureusement que de l'histoire ancienne, dont se souviennent seulement quelques-uns d'entre nous.

  7. J'écris d'abord mes articles sur mon ordinateur. Une fois terminé, je copie tout dans l'éditeur MAIS je dois copier-coller chaque paragraphe dans un bloc de paragraphe. Y a-t-il un moyen de copier-coller un article et qu'il se retrouve automatiquement dans des 'blocs' ?

  8. Article formidable. J'ai beaucoup appris sur l'éditeur de blocs Gutenberg grâce à votre article.

    Une question : Quelle est la différence entre un « modèle » et un « bloc réutilisable » ? Ils semblent tous deux très similaires. Quand utiliserait-on l'un plutôt que l'autre ?

    • Un modèle est un gabarit que vous pouvez copier puis modifier séparément à chaque fois pour l'utiliser, tandis qu'un bloc réutilisable vous permet de modifier le bloc réutilisable et toutes les instances seront alors mises à jour pour correspondre.

  9. Je ne sais vraiment pas ce que je fais de mal, pour une raison quelconque, le site Web sur lequel je travaille ne ressemble pas au site Web que vous pouvez rechercher. Je suis tellement désemparé et j'ai vraiment du mal. Comment le site publié peut-il être si différent du site sur lequel je travaille encore ? Je suis tellement confus...

    • Il y a plusieurs raisons possibles. Si votre thème ajoute de nombreuses personnalisations au design, cela pourrait être une confusion de votre thème, mais si vous voulez dire que vos modifications ne sont pas appliquées, il s'agit probablement d'un problème de mise en cache.

      Admin

  10. Je pense toujours, et je suis convaincu, que Gutenberg n'a pas la même qualité que de nombreux constructeurs externes. Le seul et énorme avantage de Gutenberg est qu'il est gratuit et natif du système. Et comme WordPress lui-même a annoncé une amélioration majeure de l'éditeur, j'essaie d'apprendre à travailler avec Gutenberg, que je n'ai pas vraiment aimé dès le début. Ces vidéos m'aident beaucoup. J'espère juste qu'un tel travail portera ses fruits et qu'un jour Gutenberg sera aussi simple que Seed Prod ou Elementor.

  11. en fait, j'utilise l'éditeur classique qui me convient parfaitement.
    mais j'ai constaté que certains plugins ne fonctionnaient pas avec.
    j'ai donc dû passer à l'éditeur de blocs qui est nouveau pour moi.
    je suis la vidéo étape par étape, ce qui la rend facile
    merci

  12. Tout ce que je veux, c'est quelque chose de facile à utiliser. L'éditeur classique m'a toujours permis de faire les choses facilement, par exemple, copier-coller du texte depuis Word, sans avoir besoin de plugins qui ne sont disponibles que pour les sites auto-hébergés.

    • There is a learning curve when anything changes but we hope as the block editor improves you find it more useful :)

      Admin

  13. L'éditeur de blocs fonctionne-t-il uniquement mieux que le classique pour les blogs auto-hébergés ? Je n'ai pas les moyens de payer pour un site, et avant de commencer à l'utiliser, je veux m'assurer qu'il fonctionne au moins aussi bien que le classique pour les personnes qui ne paient pas pour leur blog Wordpress.

    • Cela dépendrait si vous vouliez quelque chose de spécifique de l'éditeur classique. Si vous débutez et que vous n'avez aucune expérience avec l'un ou l'autre éditeur, nous vous recommandons d'utiliser l'éditeur de blocs.

      Admin

    • L'éditeur Gutenberg/de blocs n'est actuellement pas disponible pour votre section de commentaires.

      Admin

  14. 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

  15. 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

  16. 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

  17. 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

  18. 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

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

  20. 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

  21. 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

  22. 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

  23. 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

  24. 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 ?

  25. 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

  26. 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.

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

  28. 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

  29. 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

  30. 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 ?

  31. 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

  32. 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.

  33. 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.

  34. 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

  35. 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

  36. 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

  37. 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

  38. 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.

  39. 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

  40. 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

  41. 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

  42. 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.

  43. 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

  44. 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

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.