Les blocs réutilisables dans WordPress

Comprendre les blocs réutilisables

Dans la conception des sites WordPress, vous serez parfois amenés à concevoir des compositions de blocs récurrentes. Vous devrez mettre en forme des blocs de manière identique, comme des annonces ou des fiches produits.
Plutôt que de refaire systématiquement la même mise en forme, vous avez tout intérêt à mémoriser celle-ci dans un bloc réutilisable.

Concevoir le bloc réutilisable

Dans un premier temps, dans un article ou une page, ajoutez le bloc voulu et effectuez sa mise en forme. Dans cet exemple, il s’agit d’un bloc Colonnes, avec des blocs de type Paragraphe mis en forme, dans les deux colonnes.

Enregistrer le bloc réutilisable

Au début de la conception du site, il n’y a pas de bloc réutilisable dans la bibliothèque Gutenberg :

Nous n’avons que les Blocs et les Compositions.

  • Pour enregistrer ce bloc en tant que bloc réutilisable, sélectionnez-le.
  • Dans la barre d’outils, dans le bouton des Options, choisissez Ajouter aux blocs réutilisables.

Le bloc est bien ajouté et il ne possède pas de nom.

Gérer les blocs réutilisables

Maintenant que ce premier bloc réutilisable est créé, il apparaît bien dans la bibliothèque des blocs Gutenberg, dans la catégorie Réutilisables. Ce bloc n’est pas nommé spécifiquement, il est intitulé Bloc réutilisable sans titre.

Pour gérer les blocs réutilisables, dans la bibliothèque des blocs Gutenberg, dans la catégorie Réutilisables, cliquez sur le lien Gérer tous les blocs réutilisables.

Vous alors dirigé dans l’administration de votre site, dans aucun menu sélectionné. Cette « absence » de menu est très dommageable à mon avis, car nous ne savons pas « où nous sommes » dans l’administration. En fait, nous sommes dans l’interface des contenus personnalisés, dans le type wp_block. Dans l’URL de l’administration, nous pouvons voir : wp-admin/edit.php?post_type=wp_block.

  • Pour modifier ce premier bloc réutilisable, cliquez sur son nom ou sur le lien Modifier qui apparaît au survol.

Vous affichez le bloc réutilisable :

  • Dans le champ du titre Bloc réutilisable sans titre, vous pouvez renommer ce bloc.
  • En cliquant dans un bloc, vous pouvez le mettre en forme ou le modifier.
  • Lorsque vous avez terminé, cliquez sur le bouton Mettre à jour.

Vous pouvez aussi supprimer un bloc réutilisable et l’exporter au format JSON pour l’importer dans un autre site WordPress.

Insérer un bloc réutilisable

Maintenant que le bloc est paramétré, vous allez pouvoir l’insérer dans un autre contenu.

  • Dans un article ou une page, ajoutez un bloc.
  • Dans la catégorie Réutilisables, vous avez à votre disposition le bloc précédemment créé et paramétré.

Exploiter les blocs réutilisables

Vous pouvez voir que les blocs réutilisables sont simples à mettre en œuvre et à utiliser. Vous allez pouvoir gagner beaucoup de temps lorsque vous avez des mises en forme de blocs récurrentes.