Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coupe WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Comment importer / exporter vos blocs WordPress Gutenberg (2 étapes)

L’éditeur WordPress vous permet d’enregistrer votre contenu sous forme de blocs personnalisés, puis de les exporter vers un autre site WordPress. Cela peut vous enregistrer une tonne de temps si vous possédez plusieurs sites ou si vous créez des sites pour des clients.

Chez WPBeginner, l’exportation et l’importation de blocs d’éditeurs/éditrices de contenu ont été super utiles. Nous partageons des blocs personnalisés avec nos autres marques afin qu’elles puissent améliorer la productivité et les flux de travail du contenu.

Dans cet article, nous allons vous afficher comment exporter facilement vos blocs WordPress Gutenberg et les importer pour les utiliser sur d’autres sites.

How to export your Gutenberg blocks

Pourquoi importer / exporter vos blocs Gutenberg de WordPress ?

L’éditeur de blocs de WordPress vous permet d’ajouter du contenu sous forme de blocs, puis de personnaliser ces blocs. Par exemple, vous pouvez créer un appel à l’action en utilisant le bloc Boutons.

Vous pouvez ensuite faire ressortir ce bouton en modifiant sa couleur d’arrière-plan, en agrandissant le texte, etc. Si vous avez l’offre de réutiliser ce contenu, vous pouvez l’enregistrer en tant que bloc réutilisable dans WordPress.

Creating a reusable block in WordPress

Cependant, vous pouvez également exporter ces blocs réutilisables et les utiliser ensuite sur d’autres sites. Cela peut vous faire gagner une tonne de temps et d’efforts si vous possédez plusieurs sites ou si vous êtes une agence de développement WordPress qui crée des sites pour des clients.

Ceci étant dit, voyons comment vous pouvez importer / exporter des blocs WordPress Gutenberg.

Comment importer / exporter vos blocs Gutenberg sur WordPress ?

Si vous ne l’avez pas encore fait, alors vous devrez enregistrer le contenu que vous souhaitez exporter en tant que bloc réutilisable. Une fois cela fait, cliquez sur le bouton « + » dans l’éditeur de contenu de WordPress.

The WordPress content editor

Dans le panneau qui apparaît, sélectionnez l’icône « Réutilisable ».

Vous pouvez ensuite cliquer sur « Gérer les blocs réutilisables ».

Managing reusable WordPress blocks

Vous accédez à un écran où vous pouvez voir tous vos blocs réutilisables.

Il suffit de survoler le bloc que vous souhaitez exporter, puis de cliquer sur le lien « Exporter en JSON » lorsqu’il apparaît.

Exporting a WordPress block as a JSON file

WordPress va maintenant télécharger le bloc sur votre ordinateur sous la forme d’un fichier JSON.

Pour importer le bloc dans un autre blog ou site web WordPress, connectez-vous à ce site et ouvrez l’éditeur/éditrices de contenu. Ensuite, suivez le même processus décrit ci-dessus pour ouvrir l’écran de gestion des blocs.

Cette fois-ci, cliquez sur le bouton « Importer à partir de JSON ». Dans la fenêtre surgissante, sélectionnez « Choisissez un fichier ».

Choose file to import block in Gutenberg

Vous pouvez maintenant sélectionner le fichier JSON que vous avez téléchargé précédemment.

Cliquez ensuite sur « Importation ».

Importing a block as a JSON file

WordPress va maintenant importer le bloc réutilisable.

Ceci fait, vous pouvez utiliser le bloc importé sur votre site WordPress exactement de la même manière que vous utilisez n’importe quel autre bloc réutilisable.

Ressources supplémentaires sur les blocs WordPress

Voici d’autres guides utiles sur l’utilisation et la gestion des blocs WordPress :

Nous espérons que cet article vous a aidé à apprendre comment importer/exporter vos blocs WordPress Gutenberg pour les utiliser sur d’autres sites. Vous pouvez également consulter notre guide sur la façon de retirer un bloc dans WordPress et la comparaison entre la marge interne et la marge externe.

Si vous avez aimé cet article, veuillez alors vous abonner à notre chaîne YouTube pour obtenir des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.

Divulgation : Notre contenu est soutenu par les lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, nous pouvons gagner une commission. Consultez comment WPBeginner est financé, pourquoi cela compte et comment vous pouvez nous soutenir. Voici notre processus éditorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

L'ultime WordPress Toolkit

Accédez GRATUITEMENT à notre boîte à outils - une collection de produits et de ressources liés à WordPress que tous les professionnels devraient avoir !

Reader Interactions

4 commentairesLaisser une réponse

  1. Thomas

    Exactly where IS the ‘Block Management Screen? » I can’t find it anywhere.

    • WPBeginner Support

      It should be visible when you click the + icon to add a new block.

      Administrateur

  2. Alan

    Hello,

    Great information. Thanks for sharing.

    I have a question…
    Is it possible to export an entire page made up of many blocks? I can do this in Elementor and use this feature all the time.

    Thanks in advance

    • WPBeginner Support

      You could export a page using Tools>Export and import it on to a new site if that’s what you mean.

      Administrateur

Laisser une réponse

Merci d'avoir choisi de laisser un commentaire. Veuillez garder à l'esprit que tous les commentaires sont modérés selon notre politique de commentaires, et votre adresse e-mail ne sera PAS publiée. Veuillez NE PAS utiliser de mots-clés dans le champ du nom. Ayons une conversation personnelle et significative.