Comment créer un bloc réutilisable WordPress ?

Bloc wordpress réutilisable…mais qu’est-ce donc? C’est le sujet du jour sur notre blog WordPress 😉

Créer du contenu, encore et encore, sur de nombreuses publications peut rapidement devenir une tâche fastidieuse. Cela peut également s’avérer extrêmement chronophage.

Cependant, il existe une solution simple pour éviter cette perte de temps et d’énergie : les blocs réutilisables de WordPress.

En quelques clics seulement, vous pouvez profiter de cette fonctionnalité pratique qui vous permet de créer le contenu une seule fois et de le réutiliser facilement sur plusieurs publications.

Envie d’insérer un petit encart de texte dans tous les articles de votre blog ? Ou peut-être aimeriez-vous ajouter un appel à l’action ou un tableau personnalisé sur chaque page de votre site ?

Ne cherchez plus, car cette fonctionnalité va grandement vous faciliter la vie ! À la fin de cet article, vous saurez créer, personnaliser et gérer les blocs réutilisables. Êtes-vous prêt ? Alors, suivez le guide !

Qu’est-ce qu’un bloc réutilisable sur WordPress ?

Bien, avant d’aller plus loin, il est temps de définir ce qu’est un bloc réutilisable WordPress.

Or donc, un bloc réutilisable est un ensemble de contenus et de mises en forme créé à l’aide de l’éditeur de contenu de WordPress, appelé Gutenberg.

Une fois que vous avez conçu ce bloc selon vos besoins et l’avez enregistré comme un « bloc réutilisable », vous pouvez facilement le réutiliser sur différentes parties de votre site : que ce soit dans des articles, des pages, ou d’autres types de contenus personnalisés (custom post types).

Cette fonctionnalité vous permet de gagner du temps en évitant de recréer le même contenu à plusieurs reprises, tout en maintenant une cohérence visuelle sur l’ensemble de votre site.

Un bloc synchronisé qui fait gagner du temps

Avant d’explorer en détail la création d’un bloc réutilisable sur WordPress, prenons un moment pour mettre en lumière certaines particularités de ce bloc unique en son genre :

1. Depuis la sortie de la version 5.0 de WordPress en décembre 2018, la fonctionnalité « bloc réutilisable » est intégrée nativement dans l’éditeur de contenu.
2. En utilisant un bloc réutilisable, il n’est plus utile de recréer un contenu identique à chaque fois sur l’ensemble de votre site.
3. Ces blocs sont généralement utilisés pour modifier des contenus situés dans la zone principale de vos publications. Et c’est bien pratique pour mettre à jour le contenu commun à plusieurs pages.
4. Tout le contenu d’un bloc réutilisable est synchronisé sur l’ensemble de votre site WordPress. Ainsi, si vous apportez une modification à un bloc réutilisable sur une page (par exemple, sur un article de blog), cette modification sera automatiquement répercutée sur toutes les autres pages contenant ce bloc réutilisable.
5. Il est possible de créer et enregistrer un bloc réutilisable en quelques clics. Tout se fait directement depuis l’interface de l’éditeur de contenu de WordPress.

Blocs réutilisables, compositions de blocs et éléments de modèles

Le bloc réutilisable sur WordPress est l’un des éléments réutilisables proposés par ce CMS (Content Management System, Système de Gestion de Contenu) de premier plan sur le marché. Cependant, il est important de faire la distinction avec d’autres « faux amis » avec lesquels il ne doit pas être confondu :

• Les blocs « Élément de modèle » sont conçus pour organiser et afficher la structure de votre site. Ils sont principalement utilisés pour modifier des zones en dehors du contenu principal.
  Ces blocs s’intègrent parfaitement avec des thèmes basés sur des blocs, permettant une personnalisation flexible et cohérente de votre site.
• Les compositions de blocs (block patterns) sont des combinaisons de plusieurs blocs comme un bloc Titre suivi d’un bloc Image et d’un bloc Bouton. Cependant, contrairement aux blocs réutilisables, les compositions de blocs ne sont pas synchronisées sur l’ensemble du site.
  En apportant des modifications à une composition de bloc dans une publication spécifique, ces modifications ne seront pas automatiquement mises à jour ailleurs sur votre site. Chaque instance de la composition de bloc reste indépendante. Ainsi, il vous est possible de personnaliser des sections spécifiques de vos publications sans affecter les autres parties du site.

À quoi peut servir un bloc réutilisable ?

La fonctionnalité des blocs réutilisables de WordPress vous sera particulièrement utile si vous avez l’habitude de réutiliser le même contenu sur plusieurs pages ou articles de votre site.

Grâce à cette fonction, vous pourrez créer le contenu une seule fois et le réutiliser facilement à travers différentes parties de votre site. Cela vous permettra de gagner du temps et de maintenir une cohérence dans le contenu de votre site web.

Afin d’être plus clair, voici plusieurs cas de figure où l’utilisation d’un bloc réutilisable est judicieuse. Vous devriez envisager d’utiliser un bloc réutilisable dans les situations suivantes lorsque vous devez ajouter

1. Un encart « Auteur » à la fin de chaque article de blog.
2. Des liens vers vos réseaux sociaux à la fin de vos articles de blog.
3. Des appels à l’action (CTA, call to action) pour inciter vos visiteurs à effectuer des actions spécifiques.
4. Un formulaire de contact placé stratégiquement à différents endroits.
5. Un formulaire de réservation ou des horaires d’ouverture pour votre commerce.
6. Des encarts contenant des liens affiliés.

Est-ce bon pour vous ? Alors passons à la suite !

Comment créer un bloc réutilisable sur WordPress ?

Découvrez une méthode simple et étape par étape pour créer un bloc réutilisable en quelques clics. Dans ce tutoriel, nous utiliserons un cas pratique : la création d’un encart d’appel à l’action.

Étape 1 : créer ou modifier un contenu

Pour débuter, rendez-vous dans « Articles » puis sélectionnez « Ajouter » pour créer un nouvel article (vous pouvez également modifier un article ou une page existante).

Puis, donnez un titre à votre publication, puis insérez le texte de votre choix.

Étape 2 : créer un bloc réutilisable sur WordPress

Pour créer notre encart d’appel à l’action, nous allons combiner plusieurs blocs en un seul. Pour cela, nous utiliserons le bloc « Bannière », qui permet d’ajouter facilement une image d’arrière-plan.

Toutefois, vous pouvez également opter pour le bloc « Groupe », qui permet de regrouper plusieurs blocs dans un même conteneur.

Pour ajouter le bloc « Bannière », cliquez sur l’icône d’insertion de bloc en haut à gauche de votre page.

Pour insérer l’image d’arrière-plan (background) de votre choix, cliquez sur le bouton « Téléverser ». Vous pouvez utiliser une image libre de droits trouvée sur une banque d’images comme Unsplash pour cet exemple.

Continuez en écrivant le titre de votre choix, puis personnalisez-le en accédant aux réglages du bloc.

Il vous suffit maintenant d’ajouter un bloc « Bouton » à l’intérieur de votre bloc « Bannière ». Pour ce faire, cliquez n’importe où à l’intérieur du bloc « Bannière » pour faire apparaître l’inserteur, puis sélectionnez le bloc « Bouton ».

Personnalisez ce bloc de la même manière que vous l’avez fait pour votre titre. Vous pouvez, par exemple, ajuster sa taille, sa couleur d’arrière-plan, ses marges, sa bordure, etc.

Voici le résultat final que vous pourriez obtenir :

Bien sûr, vous pouvez créer un bloc réutilisable unique, composé d’un seul bloc. La procédure est identique à celle d’un bloc réutilisable composé de plusieurs blocs.

La seule différence est que cette fois, vous ajoutez simplement le bloc que vous souhaitez utiliser (par exemple : bloc « Paragraphe », bloc « Tableau », bloc « Image », etc.).

Étape 3 : enregistrer le bloc réutilisable

Une fois que vous êtes satisfait du résultat, cliquez sur le bloc « Bannière » pour faire apparaître les options du bloc (représentées par trois petits points).

Cliquez dessus et choisissez « Créer un bloc réutilisable ». Donnez un nom à votre bloc (par exemple : « Bloc CTA ») et cliquez sur « Enregistrer ». Votre bloc réutilisable est maintenant créé et prêt à être utilisé à travers vos différentes publications.

Félicitations ! Votre bloc réutilisable WordPress est désormais sauvegardé et prêt à être utilisé dans n’importe quelle publication de votre choix. Vous pouvez désormais profiter de cette fonctionnalité pratique pour simplifier la création de contenu sur votre site.

À noter qu’il existe une autre option pour ajouter des blocs réutilisables sur votre site WordPress. Lorsque vous éditez un article ou une page, cliquez sur les options de la page (représentées par trois petits points) situées en haut à droite.

Ensuite, dans la section « Outils », choisissez « Gérer les blocs réutilisables ». Une interface s’ouvrira, vous permettant de créer votre bloc en cliquant sur le bouton « Ajouter ». Cette approche alternative offre une autre façon pratique de gérer vos blocs réutilisables sur WordPress.

Étape 4 : ajouter un bloc réutilisable dans une publication

Supposons maintenant que vous souhaitiez ajouter votre bloc réutilisable à la fin de votre nouvel article de blog.

Pour cela, créez un nouvel article en suivant la procédure que vous connaissez déjà. Ensuite, sélectionnez l’endroit où vous souhaitez intégrer votre bloc réutilisable. Vous pouvez choisir de le glisser à la fin de votre publication ou de l’insérer au milieu du contenu.

Ensuite, rendez-vous dans l’inserteur de blocs. Vous remarquerez un onglet dédié aux blocs réutilisables représenté par une icône spécifique.

Cliquez dessus, et le bloc que vous venez d’enregistrer apparaîtra dans la liste des options. Vous pourrez ainsi facilement ajouter votre bloc réutilisable à votre nouvel article, simplifiant ainsi le processus de création de contenu.

Pour ajouter le bloc réutilisable dans votre contenu, cliquez simplement dessus et il sera intégré. Si cette fonctionnalité vous plaît et répond à vos besoins, votre liste de blocs réutilisables pourrait rapidement devenir assez longue.

Il sera donc judicieux de gérer vos blocs au fur et à mesure, en les organisant de manière optimale, voire en ajustant leur statut si nécessaire.

Pour en savoir plus sur la gestion des blocs réutilisables, je vous invite à consulter la partie suivante.

Comment utiliser vos blocs réutilisables sur WordPress ?

Comment gérer vos blocs réutilisables ?

Pour gérer efficacement vos blocs réutilisables, accédez à l’écran dédié appelé « Blocs réutilisables ». Vous avez deux options principales pour y accéder :

1. Cliquez sur le bouton « Gérer les blocs réutilisables » dans l’onglet « Blocs réutilisables » de l’inserteur de blocs.
2. Allez dans les options de l’éditeur de contenu (en haut à droite de la page) et choisissez « Gérer les blocs réutilisables » dans la partie « Outils ».

Vous serez alors dirigé vers une liste de tous les blocs réutilisables que vous avez créés. Cette liste comprend les éléments suivants :

• Le nom du bloc
• La date de création

Vous pouvez choisir d’afficher ou non la date et ajuster le nombre d’éléments affichés par page en cliquant sur « Options de l’écran ».

Pour effectuer des actions sur un bloc réutilisable, il vous suffit de survoler le nom du bloc concerné. Vous avez les options suivantes :

• Modifier le bloc
• Supprimer le bloc (envoi dans la Corbeille)
• Exporter le bloc au format JSON, ce qui permet de l’importer sur un autre site, par exemple.

De plus, en sélectionnant plusieurs blocs réutilisables dans WordPress, vous pouvez effectuer des actions groupées, comme supprimer plusieurs blocs à la fois ou les modifier en masse. Cette fonctionnalité vous permettra de gérer vos blocs réutilisables de manière organisée et efficace.

En utilisant cette dernière action, vous pouvez notamment modifier l’état de votre bloc réutilisable (publié, privé, en attente de relecture ou brouillon). Cela vous offre une flexibilité pour gérer la visibilité et la disponibilité de vos blocs réutilisables selon vos besoins.

Comment convertir un bloc réutilisable en bloc normal ?

Au cours de la vie de votre site, il se peut que vous ayez besoin d’apporter des ajustements à vos blocs réutilisables. Parfois, vous pourriez souhaiter transformer un bloc réutilisable en bloc normal, notamment si vous désirez apporter des modifications spécifiques sans que cela n’affecte tous les autres blocs réutilisables sur votre site.

Si vous vous trouvez dans cette situation, ne vous inquiétez pas, c’est très simple. Sélectionnez le bloc réutilisable que vous souhaitez modifier. Cliquez sur l’icône en forme de trois petits points représentant les options du bloc, puis choisissez l’option « Convertir en bloc normal ».

Une fois cela fait, vous aurez un bloc – ou un ensemble de blocs – classique(s) qui fonctionnera de manière indépendante. Toute modification apportée n’affectera que le bloc en question, sans impacter les autres blocs réutilisables dans vos autres publications. Cela vous offre une flexibilité totale dans la gestion et la personnalisation de votre contenu.

Gérer votre contenu avec des blocs réutilisables sur WordPress

Au fil de cet article, vous avez découvert la puissance de la fonctionnalité bloc réutilisable de WordPress. Vous savez désormais comment créer et gérer ces blocs sur votre site. N’hésitez pas à les utiliser chaque fois que vous avez besoin de reproduire des sections de contenu identiques en plusieurs endroits de votre site.

Cette astuce vous permettra d’économiser un temps précieux tout en maintenant une présentation visuelle cohérente dans l’ensemble de vos publications. Profitez de cette fonctionnalité pour simplifier votre processus de création de contenu et offrir une expérience homogène à vos lecteurs.

Besoin d’aide dans la création de votre site? Contactez nous !