WordPress – Les blocs réutilisables

WordPress Blocs Réutilisables

C’est quoi les blocs réutilisables ?

La création d’un site web peut mener à des tâches répétitives et le but de tout développeur web est d’optimiser au maximum son temps. Les blocs réutilisables ont été créés par l’éditeur Gutenberg de WordPress spécifiquement dans CET objectif : faire gagner du temps aux créateurs de sites Web, réutiliser des éléments de design dans d’autres parties de votre site Web, sans avoir à réinventer la roue à chaque fois. Autrement dit, OPTIMISER votre travail !

Créer un bloc réutilisable

Tout bloc individuel ou groupe de blocs peut être transformé en un bloc réutilisable pour une utilisation ultérieure. Supposons que vous souhaitiez créer un bouton d’appel à l’action que vous appellerez « Contactez-nous ». L’aspect et la convivialité de ce bouton seront les mêmes sur l’ensemble de votre site. Vous devez donc créer un bloc réutilisable pour ce bouton. Voici les étapes :

  • Sélectionnez le bloc que vous souhaitez réutiliser, dans notre cas le bouton
  • Cliquez sur les trois points qui apparaissent dans la barre d’outils.
  • Cliquez sur Ajouter aux blocs réutilisables.
  • Donnez un nom à votre bloc.
  • Cliquez sur Enregistrer puis Publier.
Créer des blocs réutilisables

Utiliser un bloc réutilisable sur une autre page / article

Tout d’abord, créez une nouvelle page ou un nouvel article. Placez votre curseur à l’endroit où vous souhaitez ajouter votre bloc réutilisable. Cliquez sur l’icône bleue « + » en haut à gauche pour ajouter un nouveau bloc. Sélectionnez le troisième onglet, « Réutilisables ». Ici, vous verrez tous les blocs réutilisables.

Tous les blocs réutilisables

Créer un groupe de blocs réutilisables

Il est également possible de créer un groupe de blocs réutilisables. Il vous suffit de placer votre curseur sur le premier bloc, puis de maintenir la touche Maj enfoncée et de sélectionner le deuxième bloc. Des blocs dans des blocs ! INCROYABLE ! Si vous n’êtes pas sûr que les deux blocs soient sélectionnés, affichez la vue liste en cliquant sur l’icône de liste en haut à gauche de l’écran.

Groupe de blocs réutilisables

Editer un bloc réutilisable

ATTENTION !! Lorsque vous modifiez un bloc réutilisable, il sera édité à tous les endroits de votre site OÙ vous placez ce bloc ! C’est pourquoi vous devez être sûr à 100 % que vous avez besoin d’un bloc réutilisable et NON d’un bloc normal. Dans ce cas, vous devrez le convertir en bloc normal.

Pour modifier le bloc réutilisable :

  • Cliquez dans le bloc réutilisable
  • Procédez aux modifications dont vous avez besoin
  • Cliquez sur « Publier », et, quelle que soit la page sur laquelle vous vous trouvez, le bloc sera mis à jour partout où il est inclus ! Intéressant !
Editer les blocs réutilisables

Convertir en bloc normal

Supposons maintenant que votre cas d’utilisation soit le suivant : vous souhaitez utiliser un bloc réutilisable pour créer un bouton, car l’apparence est la même, mais le texte et le lien sur le bouton sont différents. Eh bien, vous choisirez un bloc réutilisable dans votre bibliothèque, mais vous le convertirez en un bloc normal avant d’entreprendre TOUTE modification. En procédant ainsi, vous ne mettrez pas à jour par erreur les autres blocs se trouvant sur votre site Web. Pour ce faire, suivez ces étapes :

  • Insérer un bloc réutilisable dans votre page
  • Cliquer sur les 3 points => Convertir en blocs normaux
  • Mettre à jour le bloc normal comme vous le souhaitez
Convertir en bloc normal

Exporter / Importer des blocs réutilisables

Ne pensez-vous pas qu’il serait super utile de pouvoir exporter n’importe-quel bloc réutilisable afin de l’utiliser dans un autre site, dans le but de vous éviter une charge de travail supplémentaire ? Eh bien, c’est possible ! Voici les étapes :

  1. Editer n’importe-quelle page de votre site contenant un bloc réutilisable
  2. Dans le coin supérieur droit de l’écran, cliquer sur les 3 points verticaux
  3. Sélectionner Gérer les blocs réutilisables. Ici, vous verrez une liste de blocs réutilisables.
  4. Passer la souris sur n’importe-quel bloc réutilisable et cliquer sur Exporter en JSON.
Exporter / Importer des blocs réutilisables entre site

C’est tout pour ce tutoriel. N’hésitez-pas à commenter. 🙂

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site web utilise des cookies pour vous offrir une meilleure expérience.