ThemeLocal - Des conseils de blog qui fonctionnent comme par magie
  • Blogging

    Pourquoi la plupart des conseils de blogs échouent (et comment y remédier)

    7 questions essentielles que chaque blogueur doit se poser

    Comment rédiger du contenu qui donne envie à vos lecteurs d’en savoir plus

    Que faire lorsque votre blog est piraté

    Comment écrire plus vite : 10 astuces simples pour doubler votre sortie d’écriture

    Comment surveiller de manière productive les tendances et rédiger du contenu digne d’intérêt

    Comment planifier le contenu comme Walter Bishop

    Comment rédiger l’article de blog ultime : aide-mémoire d’un blogueur

    6 façons à toute épreuve de créer une communauté (et de transformer les adeptes occasionnels en fans délirants)

  • WordPress
    • Tout
    • Plugins
    • Themes

    9 meilleurs thèmes WordPress de génération de leads 2022

    Comment accepter les paiements ACH dans WordPress

    Comment ajouter une collaboration dans l’éditeur de blocs WordPress (style Google-Doc)

    Comment ajouter des plans de paiement « Achetez maintenant, payez plus tard » à WordPress

    Comment accepter Apple Pay dans WordPress (la manière FACILE)

    Comment précharger des liens dans WordPress pour des vitesses de chargement plus rapides

    Comment ajouter un formulaire de paiement PayPal dans WordPress (étape par étape)

    8 meilleurs thèmes WordPress pour la massothérapie 2022

    Comment désactiver les notifications de nouveaux utilisateurs dans WordPress

  • Email Marketing

    Comment développer votre liste de diffusion avec un quiz en ligne

    Comment utiliser les blogs invités pour créer votre liste de diffusion

    Les métriques de marketing par e-mail sur lesquelles chaque campagne devrait être basée

    E-mails HTML ou texte brut : quelle option est la meilleure pour votre liste de diffusion ?

    Comment envoyer gratuitement une newsletter par e-mail avec SendinBlue

    Comment utiliser un formulaire de contact pour créer votre liste de diffusion

  • SEO

    Comment corriger les erreurs de type de publication personnalisées 404 dans WordPress

    Augmentez le trafic vers votre site WordPress en 6 étapes faciles

    Comment ne pas suivre automatiquement les liens externes dans WordPress

    Comment se classer plus haut dans les moteurs de recherche

    Comment supprimer les liens brisés de votre site WordPress pour toujours

    Guide du débutant en référencement : introduction, préparation et jargon

    Recherche et utilisation de mots clés WordPress pour le référencement

    Améliorez le référencement avec des backlinks, la vitesse du site et plus encore

    10 fonctions les plus importantes de Yoast SEO pour WordPress

  • Réseaux sociaux

    Comment ajouter un rappel à une publication Instagram

    Comment devenir viral sur Instagram : le guide du débutant

    5 excellentes façons de diversifier vos mises à jour sur les réseaux sociaux pour générer plus de trafic et d’engagement

    5 façons de télécharger des vidéos Instagram

    Pouvez-vous utiliser Instagram pour développer votre entreprise ?

    6 façons efficaces de vous démarquer sur les réseaux sociaux

    Les 3 meilleurs outils de marketing Pinterest pour les blogueurs (utilisez-les pour générer des milliers de visiteurs par mois)

    6 astuces marketing intelligentes sur Instagram pour booster votre entreprise

    Comment convertir votre profil Instagram personnel en profil d’entreprise

  • More
    • Tutoriels
    • Shopify
    • Avis
    • Conseils
    • Sécurité
    • Logiciels et services
    • Génération de trafic
    • Guide du débutant
    • Showcase
Pas de résultat
Voir tous les résultats
  • Blogging

    Pourquoi la plupart des conseils de blogs échouent (et comment y remédier)

    7 questions essentielles que chaque blogueur doit se poser

    Comment rédiger du contenu qui donne envie à vos lecteurs d’en savoir plus

    Que faire lorsque votre blog est piraté

    Comment écrire plus vite : 10 astuces simples pour doubler votre sortie d’écriture

    Comment surveiller de manière productive les tendances et rédiger du contenu digne d’intérêt

    Comment planifier le contenu comme Walter Bishop

    Comment rédiger l’article de blog ultime : aide-mémoire d’un blogueur

    6 façons à toute épreuve de créer une communauté (et de transformer les adeptes occasionnels en fans délirants)

  • WordPress
    • Tout
    • Plugins
    • Themes

    9 meilleurs thèmes WordPress de génération de leads 2022

    Comment accepter les paiements ACH dans WordPress

    Comment ajouter une collaboration dans l’éditeur de blocs WordPress (style Google-Doc)

    Comment ajouter des plans de paiement « Achetez maintenant, payez plus tard » à WordPress

    Comment accepter Apple Pay dans WordPress (la manière FACILE)

    Comment précharger des liens dans WordPress pour des vitesses de chargement plus rapides

    Comment ajouter un formulaire de paiement PayPal dans WordPress (étape par étape)

    8 meilleurs thèmes WordPress pour la massothérapie 2022

    Comment désactiver les notifications de nouveaux utilisateurs dans WordPress

  • Email Marketing

    Comment développer votre liste de diffusion avec un quiz en ligne

    Comment utiliser les blogs invités pour créer votre liste de diffusion

    Les métriques de marketing par e-mail sur lesquelles chaque campagne devrait être basée

    E-mails HTML ou texte brut : quelle option est la meilleure pour votre liste de diffusion ?

    Comment envoyer gratuitement une newsletter par e-mail avec SendinBlue

    Comment utiliser un formulaire de contact pour créer votre liste de diffusion

  • SEO

    Comment corriger les erreurs de type de publication personnalisées 404 dans WordPress

    Augmentez le trafic vers votre site WordPress en 6 étapes faciles

    Comment ne pas suivre automatiquement les liens externes dans WordPress

    Comment se classer plus haut dans les moteurs de recherche

    Comment supprimer les liens brisés de votre site WordPress pour toujours

    Guide du débutant en référencement : introduction, préparation et jargon

    Recherche et utilisation de mots clés WordPress pour le référencement

    Améliorez le référencement avec des backlinks, la vitesse du site et plus encore

    10 fonctions les plus importantes de Yoast SEO pour WordPress

  • Réseaux sociaux

    Comment ajouter un rappel à une publication Instagram

    Comment devenir viral sur Instagram : le guide du débutant

    5 excellentes façons de diversifier vos mises à jour sur les réseaux sociaux pour générer plus de trafic et d’engagement

    5 façons de télécharger des vidéos Instagram

    Pouvez-vous utiliser Instagram pour développer votre entreprise ?

    6 façons efficaces de vous démarquer sur les réseaux sociaux

    Les 3 meilleurs outils de marketing Pinterest pour les blogueurs (utilisez-les pour générer des milliers de visiteurs par mois)

    6 astuces marketing intelligentes sur Instagram pour booster votre entreprise

    Comment convertir votre profil Instagram personnel en profil d’entreprise

  • More
    • Tutoriels
    • Shopify
    • Avis
    • Conseils
    • Sécurité
    • Logiciels et services
    • Génération de trafic
    • Guide du débutant
    • Showcase
Pas de résultat
Voir tous les résultats
ThemeLocal - Des conseils de blog qui fonctionnent comme par magie
Pas de résultat
Voir tous les résultats
  • Blogging
  • WordPress
  • Shopify
  • Email Marketing
  • Monétisation
  • SEO
  • Réseaux sociaux
  • Tutoriels
  • Avis
  • Conseils
  • Sécurité
  • Logiciels et services
  • Génération de trafic
  • Guide du débutant
  • Showcase
Accueil Tutoriels

Comment exporter et importer des blocs Gutenberg dans WordPress

Depuis 7 mois
dans Tutoriels
Temps de lecture:8 minutes de lecture
A A
0
Partager sur FacebookPartager sur Twitter

Au début, les utilisateurs de WordPress entretenaient une relation douce-amère avec le constructeur basé sur des blocs WordPress. Ensuite, comme nous l’avons découvert dans notre guide sur Gutenberg, le nouvel éditeur est doté de fonctionnalités étonnantes qui rendent la création de contenu magnifique facile et amusante. Maintenant, certains ne peuvent pas en avoir assez de l’éditeur.

Gutenberg vous offre suffisamment de fonctionnalités pour créer des pages et des articles remarquables, sans écrire de code. Quel que soit le contenu que vous souhaitez ajouter, Gutenberg a juste le bloc.

Vous voulez modifier et styliser chaque bloc de contenu en profondeur ? Gutenberg vous soutient grâce à une batterie d’options de personnalisation. Vous voulez encore plus de blocs que ce qui est disponible dans l’éditeur par défaut ? Il existe une tonne de plugins complémentaires Gutenberg.

C’est pourquoi il est triste que de nombreux utilisateurs ne connaissent pas Blocs réutilisables, l’une des caractéristiques brillantes de Gutenberg. Si vous n’avez aucune idée de ce dont nous parlons, les blocs réutilisables sont simplement teneur des blocs que vous créez, enregistrez et réutilisez à volonté.

Supposons que vous souhaitiez ajouter une incitation à l’action, une note de remerciement, une signature, un formulaire ou tout autre élément à la fin de chaque publication ou page.

Auparavant, vous deviez enregistrer la fonctionnalité dans un fichier texte sur votre ordinateur. Lorsque vous en aviez besoin, vous le copiez-collez dans votre article ou votre page. Gutenberg a atténué ce problème. Désormais, vous n’avez plus besoin d’utiliser des fichiers texte ou de créer les mêmes blocs à partir de zéro à chaque fois.

Vous pouvez créer un seul bloc réutilisable et l’utiliser non seulement dans vos articles et pages, mais également sur d’autres sites Web WordPress.

Que vous créiez de nombreux sites Web ou que vous ayez besoin d’ajouter du contenu spécial à chaque article/page, les blocs réutilisables Gutenberg peuvent vous aider à gagner beaucoup de temps.

Et dans l’article d’aujourd’hui, nous vous montrons exactement comment créer et exporter des blocs Gutenberg réutilisables dans WordPress. Notre objectif est de vous aider à déplacer et à réutiliser facilement des blocs de contenu personnalisés sur plusieurs articles/pages/sites Web WordPress.

De côté: Si vous créez un bloc à l’aide d’un plugin tel que Getwid, par exemple, vous devez installer le plugin sur les autres sites WordPress sur lesquels vous souhaitez réutiliser ledit bloc. Notez également que vos blocs peuvent être légèrement différents d’un thème à l’autre, mais tout va bien car Gutenberg vous offre beaucoup de puissance de personnalisation.

Cela à l’écart, prenez une tasse de café et profitez de la lecture.

Tout d’abord, vous avez besoin de blocs réutilisables

Malheureusement, vous ne pouvez pas exporter ou importer ordinaire blocs. Pour exporter et importer des blocs Gutenberg, vous devez d’abord créer réutilisable blocs.

À des fins d’illustration, je vais créer un merci note que je voudrais ajouter à la fin de chaque article que je publie. Vous savez, sans réécrire la note à chaque fois que j’ai besoin de l’ajouter à un post 🙂

Mon merci note n’a rien de complexe ; juste un simple bloc de paragraphe avec des liens vers Twitter et Facebook. Gardez à l’esprit que votre bloc peut être tout ce que vous voulez – une bannière publicitaire, un curseur d’image, une citation, une liste, les derniers messages, un formulaire MailChimp, etc.

Plus tard, je vous montrerai comment exporter la note (lire, bloquer) vers un deuxième site WordPress. Ça a l’air bien? Super, commençons.

Comment créer un bloc réutilisable

Créer un bloc réutilisable est incroyablement facile. Aller vers Articles > Ajouter un nouveau pour lancer l’éditeur Gutenberg :

ajouter un nouveau post wordpress

Ensuite, cliquez sur le Ajouter un bloc (+) puis choisissez votre bloc de contenu. Dans notre cas, j’ai ajouté le bloc de paragraphe, comme indiqué dans l’image suivante.

ajout du bloc gutenberg dans wordpress

Après cela, personnalisez et stylisez votre bloc selon vos besoins. J’ai ajouté du texte, des liens vers les réseaux sociaux et une couleur d’arrière-plan. Voici comment notre nouveau bloc aka merci note regarde dans mon éditeur Gutenberg :

Très beau John Doe. Très agréable. Maintenant, je vais probablement suivre votre blog sur les réseaux sociaux Passons vite.

Pour le moment, la note ci-dessus est une ordinaire bloquer. Nous devons le convertir en un réutilisable bloc que nous pouvons exporter et importer. Pour ce faire, cliquez sur le Plus d’options icône, puis Ajouter aux blocs réutilisables, comme indiqué ci-dessous.

Ensuite, nommez votre bloc réutilisable et appuyez sur le sauvegarder bouton, comme on le voit ci-dessous.

nom du bloc gutenberg réutilisable

Et voilà, vous venez de créer votre premier bloc réutilisable. Bravo amigo.

Comment utiliser des blocs réutilisables

L’ajout du bloc réutilisable que nous venons de créer à vos articles ou pages est extrêmement simple. Une fois que vous avez ajouté le contenu requis à votre article ou page, cliquez sur le bouton Ajouter un bloc (+) icône, faites défiler jusqu’à Blocs réutilisables onglet, et choisissez votre bloc (Note de remerciement dans notre cas), comme indiqué ci-dessous.

bloc réutilisable gutenberg

Après avoir ajouté le bloc réutilisable à votre article ou page, appuyez sur le bouton Aperçu/Publier bouton pour afficher vos résultats dans le front-end. Voici ce que j’ai obtenu :

Mon site de test exécute le thème Twenty Twenty.

La meilleure partie est que je peux réutiliser mon merci note bloquer à tout moment, sans avoir à le créer à partir de zéro. Je peux l’ajouter à tous les types de publication qui prennent en charge les blocs Gutenberg.

Maintenant que vous savez comment créer et utiliser des blocs réutilisables, apprenons-en plus sur l’exportation de ces blocs vers un autre site Web WordPress. Pour éviter toute confusion, j’utiliserai le même bloc que nous venons de créer.

Comment exporter des blocs Gutenberg dans WordPress

L’exportation d’un bloc Gutenberg réutilisable est l’affaire des élèves de quatrième année, vous aurez terminé en un rien de temps.

Que faire?

Dans l’éditeur Gutenberg, cliquez sur le Plus d’outils et d’options icône, puis Gérer tous les blocs réutilisables, comme nous le soulignons ci-dessous :

gérer tous les blocs réutilisables

Cela vous mène au Blocs écran où vous pouvez visualiser et gérer tous vos blocs réutilisables :

Nous n’avons que le Remerciements bloquer, mais l’écran ci-dessus se remplira au fur et à mesure que vous en créerez d’autres. Pour exporter, passez la souris sur le titre et cliquez sur le bouton Exporter au format JSON lien qui apparaît. Voir l’image ci-dessous.

Ensuite, enregistrez le fichier JSON sur votre ordinateur :

Maintenant que nous avons le fichier JSON sur votre ordinateur, il est temps d’importer le bloc sur notre deuxième site de test.

Comment importer des blocs Gutenberg dans WordPress

Importer vos blocs réutilisables est aussi simple que A, B, C. Tout d’abord, ouvrez l’éditeur Gutenberg. Deuxièmement, cliquez sur le Plus d’outils et d’options icône, puis Gérer tous les blocs réutilisables, comme indiqué ci-dessous.

Sur le Blocs écran qui suit, cliquez sur Importer depuis JSON, choisissez le fichier que vous avez téléchargé précédemment, puis appuyez sur le bouton Importer bouton dans cet ordre :

Et c’est tout! Juste comme ça, vous avez importé avec succès un bloc Gutenberg réutilisable sur votre deuxième site WordPress :

N’était-ce pas facile ? Par la suite, vous pouvez utiliser et réutiliser votre bloc Gutenberg sur le deuxième site Web autant de fois que vous le souhaitez.

Existe-t-il des plugins pour exporter des blocs Gutenberg ?

Oh oui, et j’en ai trouvé un par ThemeIsle, un développeur WordPress réputé. C’est un plugin gratuit connu sous le nom Bloque l’exportation et l’importation. Essentiellement, le plugin vous permet de sauter tout ce tutoriel. Oui c’est vrai; vous n’avez même pas besoin de créer des blocs réutilisables.

Installez et activez le plugin, puis ouvrez l’éditeur Gutenberg. Concevez votre bloc comme vous le souhaitez puis cliquez sur le Plus d’options icône. Ensuite, appuyez sur le Exporter JSON, comme indiqué ci-dessous. Voici la capture d’écran :

Cela télécharge le fichier JSON sur votre ordinateur. Pour importer le fichier JSON à l’aide du plugin, ouvrez l’éditeur Gutenberg. Ensuite, cliquez sur le Ajouter un bloc icône, puis Importer des blocs depuis JSON sous le Widgets languette:

Après cela, cliquez sur Choisir le fichier pour sélectionner le fichier sur votre ordinateur et appuyez sur le Télécharger bouton:

Le seul problème avec la méthode du plugin est que vos blocs ne seront pas enregistrés sur votre site WordPress. Pour enregistrer des blocs dans votre base de données WordPress, vous devez utiliser la méthode manuelle. Peut-être que cela changera à l’avenir.

Malheureusement, je n’ai pas trouvé d’autre plugin. Néanmoins, le plugin peut vous faire gagner beaucoup de temps si vous ne vous souciez pas de sauvegarder des blocs réutilisables sur votre site Web. Vous aurez les blocs sous forme de fichiers JSON sur votre ordinateur.


Les blocs Gutenberg réutilisables sont une bouée de sauvetage. Ils vous permettent de reproduire rapidement des modèles et des fonctionnalités, car vous ne partez pas de zéro. Si vous créez de nombreux articles/pages et/ou sites Web, apprendre à exporter des blocs Gutenberg vous sera utile.

Vous avez des questions ou des suggestions sur les blocs Gutenberg ? Veuillez nous en informer dans les commentaires ci-dessous.

Partager26Tweeter16Envoyer
Article précédent

Un site WordPress est-il suffisant pour votre entreprise ?

Article suivant

Comment supprimer les liens brisés de votre site WordPress pour toujours

Similaire Postes

Comment

Comment lier des calendriers sur iPhone (2022)

Depuis 1 jour
Comment

Comment nettoyer un iPhone et lui donner un désencombrement numérique

Depuis 2 jours
Comment

Comment supprimer un compte Yahoo

Depuis 2 jours
Charger plus
Article suivant

Comment supprimer les liens brisés de votre site WordPress pour toujours

Laisser un commentaire Annuler la réponse

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

RECOMMANDÉ

Comment activer le mode sombre sur Facebook

Depuis 3 semaines

Examen du matelas Emma Original

Depuis 6 jours

Comment supprimer votre historique de recherche sur Facebook

Depuis 4 semaines

Audio Pro présente les « tueurs de barres de son » A28 et A38

Depuis 1 mois

Samsung Galaxy Z Flip 4 semble prêt pour une augmentation de puissance saine

Depuis 4 jours
ThemeLocal – Des conseils de blog qui fonctionnent comme par magie

Nous aidons les entrepreneurs intelligents à transformer leurs blogs en entreprises rentables. Nous sommes un blog primé qui aide les blogueurs et les entrepreneurs depuis 2020.

Suivez-nous

Nouvelles récentes

PlayStation dévoile un nouvel événement State of Play, avec un accent sur le PSVR 2

mai 29, 2022

PSVR 2 : Tout ce que vous devez savoir

mai 29, 2022
  • Conditions d’utilisation
  • Politique de confidentialité
  • Politique de cookies
  • Contactez nous

© 2022 ThemeLocal. Tous droits réservés.

Pas de résultat
Voir tous les résultats
  • Blogging
  • WordPress
    • Plugins
    • Themes
  • Shopify
  • Email Marketing
  • Monétisation
  • SEO
  • Réseaux sociaux
  • Tutoriels
  • Avis
  • Conseils
  • Sécurité
  • Logiciels et services
  • Génération de trafic
  • Guide du débutant
  • Showcase

© 2022 ThemeLocal. Tous droits réservés.