WordPress : Gutenberg – blocs réutilisables

image_pdf

Les blocs réutilisables Gutenberg permettent d’enregistrer un bloc afin de le réutiliser dans un autre contenu (article, page, …).

Contrairement à une composition Gutenberg, la modification d’un bloc réutilisable Gutenberg s’applique sur l’ensemble des contenus l’ayant intégré.

Ils sont rangés dans une bibliothèque accessible depuis partout.

Ils permettent …

  • d’uniformiser les mises en formes
  • de gagner du temps si vous ajouter régulièrement le même contenu
  • d’apporter un gain de temps en cas de mise à jour (ex. modification d’un numéro de téléphone ou d’une adresse)

Ex. de cas d’usages : bloc réutilisable auteur, retrouvez-moi sur, appel à l’action, …

Dans un premier temps, réalisez votre mise en forme à base de blocs dans un de vos contenus.

Cliquez ensuite sur les trois petits points du menu contextuel affiché au dessus de votre bloc ou groupe de blocs, puis sur Créer un bloc réutilisable.

Dans cet exemple, il s’agit d’un groupe de blocs.

Gutenberg : créer un bloc réutilisable

Attribuez un nom à votre bloc réutilisable et cliquez sur Enregistrer.

Gutenberg : créer un bloc réutilisable

Par défaut, Gutenberg ne propose que l’ajout de blocs et compositions, mais une fois votre premier bloc réutilisable créé, ce dernier sera accessible depuis l’onglet Réutilisables lorsque vous cliquez sur un des boutons +.

Un lien Gérer les blocs réutilisables vous permet d’accéder à une interface dédiée.

Gutenberg : Gérer les blocs réutilisables

Vous pourrez modifier les blocs réutilisables existant, les importer / exporter au format JSON dans le cas où vous souhaiteriez réutiliser des blocs à destination ou issus d’un autre site web.


Si besoin, il est possible de désynchroniser un bloc réutilisable en sélectionnant l’option Convertir en blocs normaux après avoir cliqué sur les trois petits points donnant accès au menu contextuel (ex. depuis la Vue en liste).

Gutenberg : Convertir en blocs normaux

Il sera lors possible de le modifier, sans altérer le rendu des autres contenus utilisant ce bloc réutilisable.

Laisser un commentaire

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.