Gutenberg est l’éditeur WordPress par défaut, et ce depuis la version 5.0. Il a été créé avec le credo WordPress à l’esprit – n’importe qui peut créer un site Web. Cette attitude a contribué à faire de WordPress le système de gestion de contenu le plus populaire du marché. Cela avait attiré de nombreuses personnes sans formation technique solide pour créer et gérer leurs propres sites Web, puis cela a changé pour eux en introduisant Gutenberg.
Gutenberg propose beaucoup de nouvelles fonctionnalités, même si cela frustre les utilisateurs de WordPress habitués à l’éditeur Classic. Dans cet article, nous parlerons de l’un d’entre eux – les blocs réutilisables, et comment les exporter et les importer. Nous les avons déjà évoqués dans notre introduction à Gutenberg, mais le sujet mérite une approche approfondie.
Cet article traite création, export et import de blocs réutilisables pour Gutenberg. Si vous avez désactivé Gutenberg sur votre site Web, vous ne pourrez pas utiliser cette fonctionnalité. Voici ce dont nous allons discuter :
Gutenberg est un éditeur basé sur des blocs. Les blocs sont des bits de code discrets avec lequel tout élément de contenu de site Web peut être facilement créé. Gutenberg est livré avec une multitude de blocs prêts à l’emploi qui peuvent être utilisés pour créer des contenus de base tels que des paragraphes de texte, des images, des vidéos, des boutons, des codes courts et bien d’autres. Mais pouvez-vous créer un bloc personnalisé sans apprendre à coder ?
Oui, oui tu peux. Ils sont appelés blocs réutilisables et font l’objet même de cet article.
Ceux-ci sont blocs créés par l’utilisateur pour une réplication facile. Si vous souhaitez ajouter une signature d’auteur personnalisée, une incitation à l’action, un message pour vos lecteurs ou quoi que ce soit d’autre, vous pouvez modifier un bloc Gutenberg générique et l’enregistrer pour une utilisation future sur votre site Web, voire sur tout autre site Web. Et nous allons vous montrer comment.
Supposons que vous souhaitiez ajouter un bloc de paragraphes invitant vos lecteurs à s’abonner à votre chaîne YouTube à la fin de certains ou de tous vos messages. Commencez par créer un tel bloc.
Pour enregistrer ce bloc et le rendre réutilisable, cliquez sur les points de suspension (···) dans le menu des blocs et sélectionnez Ajouter aux blocs réutilisables.
Vous devez maintenant nommer votre nouveau bloc. C’est généralement une bonne idée de tout nommer afin qu’il soit lisible par l’homme et pertinent par rapport à son contenu, c’est pourquoi nous avons nommé notre appel à l’action d’abonnement YouTube. YouTube Abonnez-vous. Cliquez sur Sauvegarder, et vous aurez enregistré votre bloc pour une utilisation ultérieure.
Insérez-le simplement comme n’importe quel autre bloc.
Mais supposons que vous souhaitiez utiliser un bloc que vous avez créé sur un autre site Web. Gutenberg a une fonctionnalité peu connue qui vous permet de faire exactement cela.
À partir d’un article de Gutenberg ou d’un écran d’édition de page, cliquez sur le menu déroulant dans le coin supérieur gauche (+), sélectionnez le Réutilisable onglet et cliquez pour Gérer tous les blocs réutilisables.
Vous obtiendrez un aperçu de tous les blocs réutilisables que vous avez enregistrés. En survolant l’un d’entre eux, vous découvrirez des options supplémentaires : Éditer, Poubelle, et Exporter au format JSON. En cliquant Exporter au format JSON va, sans surprise, exporter votre bloc en tant que fichier JSON.
Votre téléchargement devrait commencer immédiatement. Une fois cela fait, vous trouverez votre bloc dans votre dossier de téléchargements. Le nom du fichier contiendra le nom de votre bloc séparé par des tirets et le .json extension.
Maintenant, comment procéder pour importer un bloc ? Encore une fois, à partir d’un écran d’édition de publication ou de page, cliquez sur le menu + en haut à gauche et sélectionnez Gérer tous les blocs réutilisables. Si aucun bloc n’est actuellement enregistré, vous ne verrez pas le Réutilisable languette. Au lieu de cela, vous pouvez accéder à l’écran de gestion des blocs réutilisables à partir du menu déroulant dans le coin supérieur droit (···).
Une fois sur le Blocs réutilisables écran, cliquez sur le Importer depuis JSON bouton.
Vous serez invité à Choisissez un fichier.
Nous sélectionnerons le fichier JSON que nous avons téléchargé précédemment, mais tout fichier JSON contenant un bloc Gutenberg peut être importé de cette façon.
Une fois que vous avez sélectionné un fichier, cliquez sur Importer et votre bloc sera prêt à l’emploi.
S’il n’apparaît pas immédiatement dans le tableau, vous devez actualiser la page.
Vous pouvez également utiliser un plugin pour exporter ou importer des blocs Gutenberg. Nous utiliserons le Blocs Exporter Importer brancher.
Une fois que vous aurez installé et activé ce plugin simple, vous pourrez exporter ou importer vos plugins facilement dans l’éditeur de publication ou de page.
Pour importer un bloc, cliquez simplement sur le plus (+) pour ajouter un bloc, et choisissez le Importer des blocs depuis JSON pour créer un bloc.
Vous pouvez alors Télécharger tout fichier JSON contenant un bloc Gutenberg.
Pour exporter un bloc à l’aide de ce plugin, cliquez sur les points de suspension (···) dans le menu des blocs et sélectionnez Exporter au format JSON. Votre téléchargement devrait commencer immédiatement.
Vous pouvez trouver votre bloc dans votre dossier de téléchargements. Son nom de fichier sera blocs-export.json.
En conclusion
Il faut souvent s’habituer au changement, même si c’est pour le mieux. Gutenberg offre plus que l’éditeur classique en termes de flexibilité, de fonctionnalité et d’économie de travail, et pour l’apprécier pleinement, vous devez vraiment vous mettre au travail. Si vous détestez Gutenberg, nous espérons que cet article vous a éloigné de cette attitude. Si vous ne l’êtes pas, nous espérons avoir mis en lumière un aspect souvent négligé de l’éditeur WordPress Gutenberg.
Soutenez notre effort ❤️
Si vous avez apprécié cet article, pensez à laisser un pourboire pour nous aider à continuer à publier du contenu de qualité.























