Comment créer un bloc réutilisable dans l'éditeur de blocs WordPress (Gutenberg)


Vous souhaitez créer un bloc réutilisable dans l’éditeur de blocs WordPress ?

Les blocs réutilisables vous permettent d'enregistrer n'importe quel bloc de contenu et de le réutiliser dans d'autres articles et pages de votre site Web, ce qui permet d'économiser du temps et des efforts.

Dans cet article, nous allons vous montrer comment créer facilement un bloc réutilisable dans l'éditeur de blocs WordPress.

Qu'est-ce qu'un bloc réutilisable dans WordPress ?

Un bloc réutilisable dans l’éditeur de blocs WordPress est un bloc de contenu qui peut être enregistré individuellement pour être utilisé ultérieurement.

De nombreux blogueurs ajoutent souvent les mêmes extraits de contenu dans plusieurs articles, comme des appels à l'action à la fin du billet de blog ou des liens pour suivre le blog WordPress sur les réseaux sociaux.

La plupart des utilisateurs enregistrent simplement leurs extraits de contenu réutilisables sous forme de fichiers texte sur leur ordinateur, puis les copient et les collent si nécessaire.

Cependant, l'éditeur de blocs Gutenberg résout ce problème en introduisant des blocs réutilisables.

Un bloc réutilisable permet aux utilisateurs de créer un bloc de contenu et de l'enregistrer dans leur éditeur de blocs. Ce bloc peut ensuite être inséré dans n’importe quelle publication ou page WordPress sans avoir à recréer le contenu à partir de zéro.

Cela vous fait gagner du temps et vous permet également de conserver une conception ou un style cohérent sur toutes les pages ou publications.

Voici quelques-uns des scénarios dans lesquels un bloc réutilisable peut vous aider à travailler plus efficacement :

  • Demander aux utilisateurs de vous suivre sur les réseaux sociaux à la fin de chaque article

  • Ajout de boutons d'appel à l'action dans vos publications et pages WordPress

  • Sauvegarde et réutilisation des tables

  • Ajouter rapidement des formulaires de commentaires à vos pages

  • Ajout manuel de bannières d'affiliation en ligne

  • Sauvegarde et réutilisation des blocs imbriqués

Cela étant dit, voyons comment créer facilement un bloc réutilisable dans l’éditeur de blocs WordPress.

Comment créer un bloc réutilisable dans l'éditeur WordPress Gutenberg

Tous les blocs Gutenberg sont des éléments de contenu individuels dans l'éditeur WordPress qui peuvent également être enregistrés sous forme de blocs réutilisables.

Tout d’abord, vous devez ouvrir une publication existante ou nouvelle pour commencer à créer un bloc réutilisable.

Une fois que vous avez ouvert l'éditeur de blocs, cliquez sur le bouton « + » dans le coin supérieur gauche de l'écran.

Cela ouvrira le menu des blocs, où vous pourrez glisser et déposer un nouveau bloc que vous souhaitez réutiliser sur plusieurs pages ou publications.

Pour ce didacticiel, nous choisirons le bloc Paragraphe pour créer un bloc réutilisable pour un extrait de contenu CTA.

Après avoir inséré le bloc, vous devez ajouter le contenu que vous souhaitez réutiliser.

Vous pouvez également personnaliser davantage votre bloc en utilisant différentes options de la barre d'outils de bloc en haut ou en utilisant le panneau de bloc dans le coin droit de l'écran.

Une fois que vous avez terminé l'édition, vous devez cliquer sur le bouton de menu à trois points dans la barre d'outils du bloc.

Cela ouvrira un menu déroulant dans lequel vous devrez sélectionner l'option « Créer un bloc réutilisable ».

Ensuite, il vous sera demandé de saisir un nom pour le bloc réutilisable.

Nous vous recommandons d'utiliser un nom qui vous aide à identifier rapidement le bloc et ce qu'il fait.

Après cela, cliquez simplement sur le bouton « Enregistrer » pour stocker vos paramètres.

Votre bloc réutilisable sera désormais enregistré dans la base de données WordPress avec tous ses paramètres.

Comment ajouter des blocs réutilisables WordPress dans les articles et les pages

Maintenant que nous avons appris comment créer un bloc réutilisable dans WordPress, voyons comment ajouter des blocs réutilisables à vos publications et pages WordPress.

Encore une fois, vous devrez ouvrir une publication nouvelle ou existante dans laquelle vous souhaitez ajouter le bloc réutilisable dans l'éditeur Gutenberg.

À partir de là, cliquez sur le bouton « + » dans le coin supérieur gauche de l’écran et passez à l’onglet « Réutilisable » en haut du menu de blocage.

Ici, tous les blocs réutilisables que vous avez créés seront affichés dans le panneau.

Vous pouvez également retrouver votre bloc réutilisable en tapant son nom dans le champ de recherche.

Maintenant, continuez simplement et cliquez sur le bloc pour l'insérer dans votre message.

Vous pouvez également modifier le bloc réutilisable à l'aide des paramètres de la barre d'outils du bloc ou de la barre latérale du bloc sur la droite.

Cependant, gardez à l’esprit que la modification des paramètres du bloc réutilisable le modifiera dans tous les emplacements où vous l’avez utilisé.

Si vous souhaitez simplement apporter une modification qui n'apparaît que sur cette publication particulière, vous devrez d'abord la convertir en bloc normal.

Pour ce faire, vous devez cliquer sur l'icône « Convertir en bloc normal » dans la barre d'outils de bloc en haut.

Cela convertira votre bloc réutilisable en un bloc normal et vous pourrez y apporter des modifications sans affecter le bloc d'origine.

Gestion de tous les blocs réutilisables dans l'éditeur WordPress

Après avoir utilisé des blocs réutilisables pendant un certain temps, il se peut que vous ayez des blocs que vous n'utilisez plus ou que vous souhaitiez renommer.

L'éditeur Gutenberg vous permet de gérer facilement tous vos blocs réutilisables depuis un seul écran.

Pour gérer vos blocs, cliquez simplement sur le bouton « Ajouter un bloc » + » dans le coin supérieur gauche et passez à l'onglet « Réutilisable ».

À partir de là, cliquez sur le bouton « Gérer les blocs réutilisables » en bas du panneau.

Cela vous dirigera vers la page Blocs réutilisables, où vous pourrez facilement gérer toutes les fonctionnalités des blocs réutilisables sur votre site Web WordPress.

Ici, vous pouvez modifier, supprimer, importer ou même exporter vos blocs vers un autre site Web.

Comment importer/exporter des blocs réutilisables

Les blocs réutilisables ne sont pas seulement réutilisables sur le site Web pour lequel ils ont été créés. Vous pouvez également les utiliser sur n’importe quel autre site WordPress.

Pour exporter les blocs depuis la page Blocs réutilisables, vous devez cliquer sur le lien « Exporter en JSON » sous le bloc.

WordPress vous enverra désormais le bloc sous forme de fichier JSON pouvant être enregistré sur votre ordinateur.

Vous pouvez maintenant passer à la zone d’administration d’un autre site WordPress. À partir de là, visitez l'écran de gestion des blocs pour afficher les options de blocs réutilisables.

Ensuite, cliquez sur le bouton « Importer depuis JSON » en haut.

Cela affichera une boîte de téléchargement de fichier dans laquelle vous devrez cliquer sur le bouton « Choisir un fichier » pour sélectionner le bloc que vous avez téléchargé précédemment.

Après cela, cliquez sur le bouton « Importer ».

WordPress va maintenant importer votre bloc réutilisable et l'enregistrer dans sa base de données. Vous pouvez maintenant continuer et commencer à utiliser les blocs réutilisables nouvellement importés sur votre autre site Web WordPress.

Pour des instructions plus détaillées, vous souhaiterez peut-être consulter notre guide étape par étape sur la façon d'importer/exporter vos blocs de contenu WordPress (avec captures d'écran).

Nous espérons que cet article vous a aidé à apprendre à créer un bloc réutilisable dans l’éditeur de blocs WordPress. Vous voudrez peut-être également consulter notre guide du débutant sur la façon de choisir le meilleur hébergement WordPress et nos meilleurs choix pour les plugins WordPress indispensables pour vous aider à développer votre site Web.

Si vous avez aimé cet article, abonnez-vous à notre chaîne YouTube pour les didacticiels vidéo WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.