Blocs réutilisables WordPress : le guide ultime
Publié: 2020-10-08Les blocs réutilisables WordPress sont une fonctionnalité puissante du nouvel éditeur de blocs WordPress. Les blocs réutilisables vous permettent de sauvegarder rapidement tout bloc WordPress que vous utilisez fréquemment. Ensuite, vous pouvez immédiatement réutiliser les blocs enregistrés dans d'autres pages et publications de votre site WordPress.
Dans cet article, nous verrons à quel point il est facile de créer des blocs réutilisables WordPress dans l'éditeur de blocs WordPress. Nous vous apprendrons également comment vous pouvez les exporter et les utiliser sur tout autre site WordPress que vous gérez. Plongeons-nous.
Que sont les blocs réutilisables WordPress ?
Dans l'éditeur de blocs WordPress, les blocs réutilisables sont des blocs WordPress qui peuvent être enregistrés pour une utilisation répétée dans des articles ou des pages.
Les blocs réutilisables peuvent vous faire gagner beaucoup de temps dans la façon dont vous composez votre contenu, car vos blocs les plus fréquemment utilisés et leurs paramètres de bloc peuvent être enregistrés dans une « bibliothèque » spéciale de blocs réutilisables.
Si vous êtes le type d'utilisateur WordPress qui utilise souvent des extraits de contenu identiques dans vos publications et pages WordPress, les blocs réutilisables WordPress vont devenir l'un de vos meilleurs amis.
De plus, si vous êtes un développeur qui travaille sur plusieurs sites WordPress, des blocs réutilisables peuvent être exportés depuis un site et utilisés sur les autres.
Blocs réutilisables dans WordPress expliqués
Posez-vous la question : combien de temps de conception avez-vous perdu en « recréant constamment la roue » dans vos conceptions ? La fonction de blocs réutilisables de WordPress peut vous redonner toutes ces heures précieuses tout en donnant une sensation de cohérence à travers votre site Web et les sites que vous concevez.
Il est courant que les concepteurs et les blogueurs WordPress ajoutent des extraits de contenu identiques à différents articles ou publications de page. Un bon exemple de ceci serait une conception de bloc d'appel à l'action spécifique que vous souhaitez utiliser à la fin de chaque article que vous écrivez. Cette incitation à l'action peut être une invitation à rejoindre votre liste de diffusion, un lien vers une page de produit ou de service, ou des liens pour vous suivre sur vos pages de réseaux sociaux.
Dans le passé, vous avez probablement enregistré ces extraits de contenu individuels sous forme de fichiers texte quelque part sur votre ordinateur, puis les avez copiés et collés lorsque vous vouliez les réutiliser. Cependant, avec des blocs réutilisables dans l'éditeur WordPress Gutenberg, vous n'aurez plus jamais besoin de participer à ce processus archaïque. Maintenant, tout ce que vous avez à faire est d'enregistrer vos extraits dans l'éditeur et vous pouvez les utiliser ailleurs immédiatement.
Dans le monde agité et limité dans le temps dans lequel nous vivons, il est plus important que jamais d'être aussi efficace que possible dans notre travail.
Exemples de blocs réutilisables
Voici quelques scénarios différents qui illustrent comment l'utilisation de blocs réutilisables WordPress peut améliorer votre efficacité :
- Ajout automatique de vos bannières d'affiliation en ligne sur les publications et pages sélectionnées
- Sauvegarder et réutiliser rapidement des tables identiques
- Ajout d'un formulaire de commentaires à plusieurs pages en un seul clic
- Ajout de puissants boutons d'appel à l'action sur toutes vos pages et publications pertinentes
- Demander à vos lecteurs de laisser un commentaire à la fin de chaque article de blog
- Une section « À propos de l'auteur » en bas de chaque article.
Et ce n'est que la pointe de l'iceberg. Une fois que vous commencez à utiliser les blocs réutilisables WordPress, vous verrez à quel point leur utilisation est illimitée.
Avantages des blocs réutilisables WordPress
À l'heure actuelle, vous voyez sans aucun doute plusieurs façons d'utiliser des blocs réutilisables WordPress pour vous faciliter la vie et maintenir la cohérence de l'image de marque de votre site Web.
Voici quelques-uns des plus grands avantages de la fonctionnalité de blocs réutilisables et pourquoi vous devriez commencer à l'utiliser la prochaine fois que vous vous connecterez à votre zone d'administration WordPress.
- Les blocs réutilisables vous permettent d'enregistrer les éléments de conception d'éléments tels que des formulaires, des quiz, des enquêtes, puis de les mettre à jour pour chaque occasion si nécessaire.
- Les tableaux complexes ne sont pas faciles à créer. Vous pouvez les dupliquer où vous voulez en les transformant en blocs réutilisables.
- Vous n'aurez plus jamais besoin de copier du contenu dans votre éditeur de texte et de le coller dans de nouvelles pages ou de nouveaux articles. Cela provoque souvent des problèmes de formatage et est un processus maladroit et inefficace.
- Les blocs réutilisables vous permettent de concevoir une page Web complète et de dupliquer cette page sur le site actuel ou sur tout autre site WordPress que vous administrez.
- Les blocs sont le moyen le plus rapide d'ajouter du contenu pertinent à la fin (ou au début) de vos articles. Vous pouvez les utiliser pour des choses telles que les inscriptions par e-mail, les biographies des auteurs, les boutons de réseaux sociaux ou toute autre chose qui a du sens pour votre site.
- Les pages Web percutantes ont des boutons et du texte d'appels à l'action directs. Les blocs réutilisables vous permettent de les inclure facilement. Les sites qui ont beaucoup de pages de destination tirent une tonne d'utilisation de cette fonctionnalité.
- Si vous avez des bannières d'affiliation ou des publicités sur la plupart de vos publications et pages , vous gagnerez beaucoup de temps en les ajoutant avec des blocs réutilisables.
- Les blocs réutilisables peuvent être exportés et importés d'un site à un autre. Plus à ce sujet plus tard.
Il ne s'agit en aucun cas d'une liste exhaustive des avantages des blocs réutilisables WordPress. En réalité, les utilisations sont presque infinies. Mais en fin de compte, tout développeur WordPress qui utilise des blocs réutilisables sait qu'il permet de gagner du temps et de se débarrasser du travail répétitif.
Comment ajouter un bloc réutilisable dans WordPress ?
Les blocs réutilisables sont également très faciles à créer dans l'éditeur de blocs. Voyons comment c'est fait.
Tout d'abord, il est important de comprendre que chaque bloc WordPress est un élément de contenu individuel au sein de l'éditeur WordPress. Chacun peut être enregistré individuellement en tant que bloc que vous pouvez réutiliser ultérieurement.
Commencez par créer un tout nouveau message ou trouvez-en un que vous pouvez modifier.
Tout en regardant votre écran d'édition de message, vous voulez d'abord cliquer sur le bouton « Ajouter un nouveau bloc ». Après cela, choisissez simplement le type de bloc qui correspond au type de contenu que vous souhaitez enregistrer.
Pour cet exemple, nous allons prétendre que nous enregistrons quelques lignes de texte brut dans un bloc de paragraphe. Après avoir ajouté le bloc, commencez à ajouter le contenu que vous avez l'intention de réutiliser sur vos autres articles et pages.
Disons que vous voulez que le texte lise quelque chose comme « Avez-vous apprécié cet article ? Si c'est le cas, laissez-nous un commentaire ci-dessous ou suivez-nous pour plus de contenu sur Facebook et Twitter. Après avoir tapé ce texte dans le bloc de paragraphe, utilisez les options de mise en forme et de style dans les paramètres du bloc et la barre d'outils du bloc.
Une fois votre édition terminée, il vous suffit de cliquer sur le bouton de menu avec les trois points (dans la barre d'outils) et de sélectionner l'option qui indique « Ajouter aux blocs réutilisables. "
WordPress vous demandera alors de saisir un nouveau nom pour le bloc réutilisable que vous venez de créer. Bien entendu, il est préférable de choisir un nom qui vous permettra d'identifier rapidement le bloc lorsque vous souhaiterez le réutiliser.
Un bon nom pour ce bloc serait quelque chose comme "Article Call to Action Social Media".
Enfin, cliquez simplement sur « Enregistrer » et votre bloc réutilisable est stocké, avec tous ses paramètres, dans la base de données WordPress pour votre utilisation future.
Comment utiliser des blocs réutilisables ?
Vous avez maintenant vu à quel point il est facile de créer des blocs réutilisables WordPress. J'espère que vous avez essayé d'en faire quelques-uns par vous-même en lisant ceci. Si ce n'est pas le cas, pourquoi ne pas essayer maintenant ? Lorsque vous avez terminé, la prochaine chose que vous allez apprendre est comment utiliser les blocs réutilisables dans vos pages et publications sur WordPress.
Pour ce faire, vous souhaiterez à nouveau modifier un article existant (un article dans lequel vous souhaitez ajouter un nouveau bloc réutilisable) ou créer un nouveau article. Lorsque vous êtes sur l'écran d'édition, cliquez sur le bouton qui dit « Ajouter un nouveau bloc ».
Si vous connaissez le nom du bloc que vous recherchez, vous pouvez le trouver en tapant ce nom spécifique dans le champ de recherche. Notez simplement que la fonction de recherche extrait désormais des blocs tiers du répertoire de blocs WordPress, ce qui peut également être utile.
Si vous ne vous souvenez pas du nom que vous avez donné au bloc, ou si vous souhaitez simplement parcourir tous vos blocs, vous pouvez cliquer sur l' onglet « Réutilisable » . Ici, vous verrez tous vos blocs réutilisables WordPress actuels.
Vous remarquerez que lorsque vous passez votre souris sur un bloc de la liste, WordPress vous montrera un aperçu du bloc. Cela vous permet de confirmer que vous sélectionnez le bloc que vous aviez l'intention d'utiliser.
Allez-y et insérez le bloc dans votre message en cliquant dessus. Le bloc réutilisable apparaît alors sous l'éditeur.
Comment modifier des blocs réutilisables ?
La beauté des blocs réutilisables WordPress est que vous pouvez les modifier individuellement sur un article ou une page, ou vous pouvez les modifier afin qu'ils soient immédiatement mis à jour sur l'ensemble du site.
Tout ce que vous avez à faire pour éditer un bloc réutilisable est de cliquer sur le bouton d'édition qui se trouve sur le bloc. Mais c'est là qu'il faut être prudent.
Modifier le bloc réutilisable vs. Convertir en bloc normal
Si vous souhaitez uniquement apporter la modification à une page ou à une publication en particulier, vous devez d'abord la convertir en un bloc standard à cet emplacement.
Pour ce faire, il vous suffit de cliquer sur le menu avec les trois points dans la barre d'outils de votre bloc, puis de sélectionner l'option « Convertir en bloc normal » dans le menu.
Ce processus convertit le bloc réutilisable de la publication en un bloc normal. Vous pouvez désormais apporter des modifications à ce bloc individuel sans affecter le bloc réutilisable ni modifier son apparence sur les autres publications et pages de votre site.
Gérer vos blocs réutilisables dans l'éditeur WordPress
Après avoir utilisé la fonction de blocs réutilisables de WordPress pendant un certain temps, vous aurez probablement plusieurs blocs que vous n'utilisez plus.
Pour les autres blocs, vous cherchez peut-être à les renommer en quelque chose de plus descriptif ou plus facile à trouver dans votre fonction de recherche.
L'éditeur de blocs vous permet de gérer tous vos blocs réutilisables WordPress à partir d'un seul écran. Et le processus est assez simple.
Pour gérer les blocs, cliquez sur le bouton « Ajouter un bloc ». Vous voudrez alors trouver l'onglet qui dit "Réutilisables".
Ici, vous verrez un lien « Gérer tous les blocs réutilisables » qui vous mènera à une page où vous pourrez gérer vos blocs réutilisables.
L'écran des blocs
Lorsque vous cliquez sur le lien, vous arrivez sur une page qui vous permet de facilement :
- Exporter des blocs
- Importer des blocs
- Supprimer des blocs
- Modifier les blocs
Utilisation de blocs réutilisables WordPress sur plusieurs sites WordPress
Comme mentionné précédemment dans l'article, les blocs réutilisables WordPress ne sont pas seulement réutilisables sur le site sur lequel ils ont été créés. Vous pouvez utiliser les mêmes blocs réutilisables sur tout autre site Web propulsé par WordPress.
Cela se fait via les fonctions d' exportation et d'importation . Les fonctions d'exportation et d'importation de vos blocs réutilisables sont très utiles et quelque peu négligées par les développeurs WordPress.
Exporter et importer des blocs réutilisables
WordPress importe et installe maintenant le bloc réutilisable et l'enregistre dans la base de données du nouveau site Web. À ce stade, il est prêt à être utilisé n'importe où sur le nouveau site.
Exporter au format JSON
Les blocs réutilisables peuvent être exportés depuis l'écran de gestion des blocs. Tout ce que vous avez à faire est de cliquer sur le bouton « Exporter » qui se trouve sous un bloc. WordPress vous l'envoie ensuite sous forme de fichier JSON.
Importer depuis JSON
Une fois que vous avez le fichier JSON, vous pouvez basculer vers un autre site WordPress que vous gérez. Connectez-vous à la zone d'administration et accédez à l'écran de gestion des blocs. Une fois que vous y êtes, vous voudrez cliquer sur le bouton qui dit "Importer depuis JSON".
Une boîte de téléchargement de fichier apparaîtra. Cliquez sur le bouton « Choisir un fichier » et sélectionnez le fichier JSON du bloc que vous avez téléchargé à partir de l'autre site que vous gérez. Cliquez sur le bouton « Importer ».
Comment ajouter un style personnalisé aux blocs réutilisables ?
Et si vous vouliez ajouter un style personnalisé à vos blocs réutilisables ? Par exemple, vous souhaitez peut-être les envelopper tous avec une bordure spécifique qui correspond au style et au flux du reste de votre site WordPress.
Y a-t-il un moyen de le faire? Ou les blocs réutilisables sont-ils comme les blocs ordinaires, où vous devez tous les styliser individuellement ? Heureusement, il existe un moyen d'ajouter un style personnalisé de manière universelle à vos blocs réutilisables.
Dans la barre latérale droite d'un bloc, allez sous la zone Avancé . Ici, vous pouvez lui donner une classe personnalisée. La classe que vous attribuez s'appliquera au bloc global afin qu'il puisse être ciblé par votre CSS.
Classe CSS supplémentaire
La ou les classes CSS supplémentaires vous permettent de styliser vos blocs réutilisables à votre guise. Le style que vous appliquez sera intégré à toutes les utilisations futures des blocs.
Pour des instructions plus complètes sur la façon d'ajouter un style personnalisé aux blocs réutilisables, envisagez de participer à un cours de formation WordPress complet où vous apprendrez cela et bien plus encore.
Blocs réutilisables WordPress : gagnez du temps, prolongez l'utilité des blocs
Maintenant que vous avez une connaissance approfondie des blocs réutilisables WordPress et de ce qu'ils peuvent faire, il est temps de commencer à réfléchir aux moyens d'utiliser pleinement cette fonction puissante dans vos sites Web.
Sortez des sentiers battus avec celui-ci. Vous découvrirez peut-être que la manière la plus utile d'utiliser des blocs réutilisables est très différente des exemples donnés dans cet article. Après tout, la polyvalence et la personnalisation sont ce qui fait de WordPress un outil si puissant pour les développeurs.
N'oubliez pas non plus qu'il est important que vous preniez au sérieux la sûreté et la sécurité de votre site. Un plugin de sécurité WordPress, couplé à un plugin de sauvegarde WordPress, contribuera grandement à protéger votre site contre tout danger potentiel.
Profitez de l'utilisation des blocs réutilisables WordPress ! Faites-nous savoir les façons uniques que vous avez trouvées pour utiliser cette fonction pratique.
Kristen écrit des tutoriels pour aider les utilisateurs de WordPress depuis 2011. Vous pouvez généralement la trouver en train de travailler sur de nouveaux articles pour le blog iThemes ou de développer des ressources pour #WPprosper. En dehors du travail, Kristen aime tenir un journal (elle a écrit deux livres !), faire de la randonnée et du camping, cuisiner et vivre des aventures quotidiennes avec sa famille, dans l'espoir de vivre une vie plus présente.
