Comment exporter et importer des blocs Gutenberg dans WordPress 1

Comment exporter et importer des blocs Gutenberg dans WordPress

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 :

Que sont les blocs réutilisables dans Gutenberg ?

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.

Comment créer des blocs réutilisables

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.

Créer un bloc Gutenberg

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.

Ajouter au bloc réutilisable

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.

Bloquer le nom et enregistrer

Insérez-le simplement comme n’importe quel autre bloc.

Bloc YouTube

Comment exporter des blocs réutilisables

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.

Gérer les blocs

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.

Exporter au format 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.

Téléchargements de fichiers JSON

Comment importer des blocs réutilisables

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 (···).

Gérer le droit

Une fois sur le Blocs réutilisables écran, cliquez sur le Importer depuis JSON bouton.

Importer depuis JSON

Vous serez invité à Choisissez un fichier.

Importer depuis JSON 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.

Ouvrir le fichier JSON

Une fois que vous avez sélectionné un fichier, cliquez sur Importer et votre bloc sera prêt à l’emploi.

Importer à partir du bouton JSON

S’il n’apparaît pas immédiatement dans le tableau, vous devez actualiser la page.

Comment gérer les blocs réutilisables à l’aide d’un plugin

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.

Plugin Importer des blocs à partir de JSON

Vous pouvez alors Télécharger tout fichier JSON contenant un bloc Gutenberg.

Bloc de téléchargement de plugin

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.

Exportation du plug-in au format JSON

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é.

Paiement sécurisé sur PayPal
Moyens I/O Staff est une équipe de rédacteurs spécialisés, passionnés par la technologie, l’innovation et les usages numériques. Forts d’une expertise pointue en IA, applications mobiles, gaming et tendances digitales, nous produisons un contenu rigoureux, vérifié et utile. Notre mission : vous offrir une information fiable et claire pour mieux naviguer dans le monde numérique en constante évolution. Découvrez les avis de nos lecteurs sur Trustpilot.