Comment utiliser les fonctionnalités de portabilité du générateur de thèmes de Divi (importation et exportation)

Theme Builder de Divi ouvre la porte à la création de modèles de sites Web étonnants qui peuvent être exportés et importés facilement d'un site Divi à un autre. Cela permet aux développeurs et aux concepteurs de créer des packs de sites Web entiers qui fonctionnent un peu comme un thème enfant pour n'importe quel site Divi. Il est donc important de comprendre comment utiliser les fonctionnalités de portabilité de Divi Theme Builder pour exporter et importer correctement ces modèles pour obtenir les meilleurs résultats.

Dans ce didacticiel, nous expliquerons comment utiliser les fonctionnalités de portabilité de Divi Theme Builder pour importer et exporter des modèles de différentes manières. Espérons que cela aidera à atténuer toute hésitation que vous avez avec les options de portabilité à l'avenir.

Allons-y !

Abonnez-vous à notre chaîne Youtube

Comment exporter tous les modèles à la fois

Pour notre premier exemple, disons que vous avez une collection de modèles (y compris un modèle de site Web par défaut) que vous souhaitez exporter. Pour ce faire, accédez simplement au tableau de bord WordPress et accédez à Divi > Générateur de thèmes. Sélectionnez ensuite l'icône de portabilité en haut à droite de la page dans la barre de menu violette.

Dans le modal de portabilité, sous l'onglet d'exportation, entrez un nom pour le fichier d'exportation. Gardez l'option "Exporter tous les modèles" cochée et cliquez sur le bouton Exporter.

Maintenant, le fichier json avec tous ces modèles sera enregistré sur votre ordinateur, prêt à être réimporté sur n'importe quel site Divi.

Comment importer des modèles à l'aide de Divi Theme Builder

Afin d'importer des modèles sur votre site, vous devrez avoir le bon fichier à importer. Ce fichier est au format json et sera généré lors d'une exportation réussie d'un ou plusieurs modèles Theme Builder. Le fichier json peut contenir un seul modèle ou plusieurs modèles (y compris un modèle de site Web par défaut) dans un seul fichier. Il est donc important de nommer vos fichiers d'export pour mieux reconnaître le contenu du fichier json par la suite.

Pour importer le fichier json à l'aide de Divi Theme Builder, vous accéderez aux mêmes options de portabilité dans Theme Builder en cliquant sur l'icône de portabilité en haut à droite de la page.

Sélectionnez ensuite l'onglet Importer.

Choisissez le fichier sur votre ordinateur.

Si vous importez des modèles dans un générateur de thème vide, les options ne s'appliquent pas, vous pouvez donc les laisser cochées. Nous couvrirons les remplacements plus tard dans cet article.

Après cela, cliquez sur le bouton d'importation.

C'est ça! Tous les modèles contenus dans le fichier seront importés comme par magie sur votre site Web avec toutes les zones et affectations globales en place. Il ne vous reste plus qu'à cliquer pour enregistrer les modifications.

Comment exporter un modèle individuel

Il existe en fait deux manières d'exporter un modèle individuel à partir du Générateur de thèmes. La première consiste à sélectionner l'icône d'exportation dans le menu du modèle individuel qui apparaît lorsque vous survolez le modèle.

Après avoir cliqué sur l'icône d'exportation, entrez simplement un nom de fichier d'exportation et cliquez sur le bouton Exporter.

Le fichier json du modèle individuel sera téléchargé sur votre ordinateur.

L'autre façon d'exporter un modèle individuel consiste à utiliser les options de portabilité générales du générateur de thème.

Pour ce faire, cliquez sur l'icône de portabilité en haut à droite de l'interface du générateur de thème.

Sous l'onglet Exporter, entrez le nom du fichier d'exportation.

Puis « décochez » l'option « Exporter tous les modèles ». Cela entraînera l'affichage d'une liste de modèles disponibles. Sélectionnez le modèle individuel dans la liste et cliquez sur le bouton Exporter.

Votre fichier sera téléchargé en conséquence.

Comment exporter les modèles sélectionnés

Pour exporter un certain nombre de modèles, cliquez sur l'icône de portabilité en haut à droite de l'interface du générateur de thème. Dans cet exemple, disons que nous voulons exporter les modèles pour la page 404, tous les articles et toutes les pages de catégorie.

Dans le modal de portabilité, donnez un nom au fichier d'exportation, puis "décochez" l'option "Exporter tous les modèles". Cela entraînera l'affichage d'une liste de modèles disponibles. Sélectionnez les modèles que vous souhaitez exporter dans la liste et cliquez sur le bouton Exporter.

Gestion des conflits d'importation avec les options de portabilité

Parfois, vous souhaiterez importer des modèles sur un site qui a déjà des modèles en place. Pour aider avec les conflits possibles, le modal de portabilité comprend quelques options. Une option vous permet de choisir si vous souhaitez ou non que les modèles que vous importez remplacent les affectations des modèles existants.

Par exemple, disons que vous avez déjà un modèle de publication (un modèle attribué à « tous les messages ») sur votre site Web. Le modèle comprend un en-tête global, un corps personnalisé et un pied de page global.

Si nous voulons importer un autre modèle qui inclut la même affectation (« tous les articles ») ainsi que ses propres en-tête et pied de page globaux, il y aura un conflit. Le premier conflit serait l'affectation (les deux sont affectés à « tous les messages ») et le deuxième conflit serait les éléments globaux (les deux sont liés à un en-tête et un pied de page globaux).

C'est ici que ces options de portabilité sont utiles.

Lors de l'importation du nouveau modèle de publication, laissez l'option cochée « Autoriser l'importation à remplacer les affectations existantes ». Ensuite, après avoir cliqué sur le bouton d'importation, un nouvel avertissement apparaît dans la boîte nous demandant ce que nous voulons faire avec les éléments globaux de l'importation. La sélection de l'option « Relier les liens à l'en-tête, au corps et/ou au pied de page global de ce site Web » permettra au modèle importé de remplacer les affectations existantes et d' adopter l'en-tête, le corps et/ou le pied de page global du site Web.

Une fois l'importation ajoutée avec succès, le modèle importé avec l'attribution en conflit (« Tous les articles ») remplace le modèle existant et modifie l'attribution du modèle existant en « non attribué ». Et le modèle adopte (ou est lié à) l'en-tête et le pied de page globaux du site Web.

Maintenant, si nous visitons un article sur le site Web, nous verrons les mêmes en-tête et pied de page globaux, mais il y aura un nouveau corps personnalisé. En effet, le nouveau modèle importé est désormais affecté à « tous les articles » mais a hérité de l'en-tête et du pied de page globaux du site Web.

Si nous voulions importer un nouveau modèle de publication et conserver ses propres en-tête et pied de page globaux après l'importation, nous devrons nous assurer et sélectionner l'option « Les importer en tant que mises en page statiques… »

Pour ce faire, cliquez sur l'icône de portabilité en haut du générateur de thème. Sous la modale de portabilité, allez dans l'onglet importer et choisissez le fichier sur votre ordinateur. Gardez l'option "Autoriser l'importation à remplacer..." cochée, puis cliquez sur le bouton Importer.

Cette fois, au lieu de « relier » les zones globales, sélectionnez l'option « Les importer en tant que mises en page statiques… »

Cela permettra au modèle importé de remplacer les affectations existantes et de conserver son propre en-tête global, corps et/ou pied de page en tant que mises en page statiques .

Si nous regardons une publication sur le site en direct à l'aide de ce nouveau modèle importé, nous verrons que l'en-tête et le pied de page ont été transférés en tant que mises en page statiques. Cela signifie que l'en-tête et le pied de page sont visibles (et applicables) sur ce modèle individuel (non global).

Si vous ne souhaitez pas que le nouveau modèle remplace les affectations existantes, vous pouvez « décocher » l'option « Autoriser l'importation à remplacer les affectations existantes » lors de l'importation du modèle.

Vous verrez maintenant le modèle importé comme « non affecté » car l'affectation du modèle est en conflit avec un modèle existant.

Cela peut être utile si vous souhaitez apporter un tas de modèles (ou peut-être l'un de nos packs de création de thèmes) sans avoir à vous soucier de changer quoi que ce soit sur le site Web actuel.

Par exemple, supposons que vous ayez un fichier avec un ensemble complet de modèles de générateur de thème, y compris des éléments globaux. Vous pouvez importer le fichier sans aucune option de « remplacer » sélectionnée et en tant que mises en page statiques.

Les mises en page importées deviennent des mises en page statiques sans remplacer aucune des affectations de modèles existantes.

Comment importer et remplacer le modèle de site Web par défaut

Le modèle de site Web par défaut est un modèle spécial dans le générateur de thème qui contrôle les zones globales de votre site Web.

Un modèle de site Web par défaut peut être exporté et importé comme n'importe quel autre modèle. Cependant, étant donné qu'un site Web ne peut avoir qu'un seul modèle de site Web par défaut, vous ne devrez en choisir qu'un. Si vous souhaitez remplacer le modèle de site Web par défaut par un nouveau modèle de site Web par défaut, il vous suffit d'importer le fichier contenant le modèle de site Web par défaut et de vous assurer que vous avez sélectionné l'option « remplacer le modèle de site Web par défaut ».

Une fois le nouveau modèle de site Web par défaut importé, il remplacera toutes les instances de zones globales dans tous les modèles utilisant les zones globales précédentes sur l'ensemble du site. Vous n'avez donc rien d'autre à faire !

Téléchargement d'une sauvegarde avant l'importation

Avant de partir, il est important de souligner l'option « Télécharger la sauvegarde avant d'importer » disponible lors de l'importation de nouveaux modèles. En fait, c'est toujours une bonne idée de télécharger une sauvegarde avant d'importer un ou plusieurs modèles sur votre site Web. Après tout, vous pouvez avoir beaucoup de modèles et vous ne voulez pas écraser ou effacer des éléments par accident sans sauvegarde.

L'option est la troisième option sous l'onglet d'importation.

Dernières pensées

Il y a quelque chose de magique dans la façon dont un site entier peut se transformer en quelques clics. Et avec les options de portabilité de Divi Theme Builder, vous avez le pouvoir d'importer et d'exporter le(s) modèle(s) que vous souhaitez et également de choisir comment vous souhaitez que ces modèles se comportent avec ceux existants. En cas de doute, il est toujours préférable de télécharger une sauvegarde avant de l'importer.

Comment s'est passée votre expérience avec l'importation et l'exportation de modèles dans Theme Builder de Divi ?

J'ai hâte de vous entendre dans les commentaires.

À votre santé!