Comment créer des variantes d’articles dans votre nuage Divi

Meilleures pratiques pour les variations d’articles

Lorsque vous créez des variations d’articles, il est important de savoir facilement que l’article est une variation, de quoi il s’agit et ce qui est différent de l’original. Cela peut se faire à l’aide de noms, de catégories et de balises. Divi créera automatiquement l’instantané pour vous, de sorte que vous pourrez voir la mise en page à la fois sous forme de vignette et d’image plus grande dans la vue Détails de la mise en page.

Utilisez des noms, des catégories et des balises qui indiquent clairement qu’il s’agit d’une variation d’une autre mise en page. Ils doivent être descriptifs, afin que vous sachiez de quoi la mise en page est une variation et quelle est cette variation. Cela inclut l’ajout de la couleur, ou d’une description de conception similaire, au nom. Concentrez-vous sur les principales différences.

Par exemple, « Minimal Header (Blue) » et « Minimal Header (White) » sont descriptifs et montrent qu’il s’agit d’une variation d’une mise en page appelée « Minimal Header ». Ils décrivent également ce qui est différent de l’original. Elles sont courtes, simples et faciles à comprendre en un coup d’œil.

Les variations que j’utilise dans ce billet sont des changements mineurs. Je ne changerai pas les catégories mais je changerai les balises et j’utiliserai des noms avec des descriptions.

Créer la mise en page de l’en-tête

Nous allons commencer par la façon d’ajouter une disposition d’en-tête au nuage Divi. Vous pouvez utiliser une mise en page préétablie ou créer l’en-tête à partir de zéro. Pour mes exemples, j’utilise le pack de mise en page GRATUIT Header & Footer for Divi’s Electrical Services. J’appellerai cet en-tête Electrical Services Header. Je vais sélectionner Headers pour la catégorie et choisir l’une des deux balises.

Créer l’en-tête dans le Créateur de thème

Tout d’abord, créez l’en-tête dans le Créateur de thème Divi. Pour plus d’informations sur l’utilisation du Créateur de thème Divi, recherchez « créateur de thème » sur le blog d’Elegant Themes. Vous trouverez de nombreux articles qui vous guideront à travers les différents aspects du créateur de thème. Le processus est simple, mais je l’ai divisé en petites étapes pour qu’il reste gérable.

1. Tout d’abord, activez le constructeur visuel en naviguant vers « Divi » > « Theme Builder » dans le tableau de bord de WordPress.
2. Construisez l’en-tête de l’une des trois façons suivantes. Sélectionnez « Add Global Header », ajoutez « New Template », ou choisissez l’option « Portability » et créez ou importez votre disposition d’en-tête.
3. Cliquez sur l’icône d’édition de l’en-tête que vous souhaitez ajouter au Divi Cloud.

Enregistrez l’en-tête dans Divi Cloud

Ensuite, modifiez votre en-tête et enregistrez la mise en page dans votre Divi Cloud.

1. Cliquez sur l’icône violette « Enregistrer dans la bibliothèque » en bas de la page.
2. Saisissez le nom de la mise en page, sélectionnez Enregistrer dans le nuage, puis choisissez vos catégories et vos balises.
3. Cliquez sur « Enregistrer dans la bibliothèque ».
4. Fermez l’éditeur du Créateur de thèmes.
5. Sélectionnez « Enregistrer les modifications » dans le coin supérieur gauche du Créateur de thèmes.

Créer des variations d’articles

Ensuite, nous allons créer deux variations de notre en-tête original. Il existe plusieurs façons de créer des variations d’éléments pour le nuage Divi. Nous allons examiner quelques options différentes.

Première variation de la mise en page de l’en-tête

Pour notre première variation, nous allons continuer à travailler dans le Créateur de thème Divi. Nous suivons le processus de création de la disposition d’en-tête originale. Nous allons dupliquer différentes pages telles que les catégories, les produits, les services, etc.

Dupliquer le modèle d’en-tête

Tout d’abord, dupliquez l’en-tête et attribuez-le à un emplacement.

1. Activez le constructeur visuel en naviguant vers « Divi » > « Theme Builder » dans le tableau de bord WordPress.
2. Sélectionnez l’icône Duplicate au-dessus du modèle global.
3. Choisissez les emplacements que vous souhaitez attribuer à ce modèle dans la fenêtre contextuelle et cliquez sur « Enregistrer » en bas.

Enregistrez la variation dans le Divi Cloud

Ensuite, modifiez l’en-tête et enregistrez-le dans le nuage Divi.

1. Cliquez sur l’icône d’édition de l’en-tête que vous souhaitez ajouter au Divi Cloud.
2. Cliquez sur l’icône violette « Enregistrer dans la bibliothèque » en bas de la page.
3. Saisissez le nom de la mise en page, sélectionnez Enregistrer dans le nuage, puis choisissez vos catégories et vos balises. Choisissez des noms, des catégories et des balises qui indiquent clairement qu’il s’agit d’une variation d’une autre mise en page.
4. Cliquez sur « Enregistrer dans la bibliothèque ».
5. Fermez l’éditeur du Créateur de thèmes.
6. Sélectionnez « Enregistrer les modifications » dans le coin supérieur gauche du Créateur de thèmes.

Deuxième variation de la mise en page de l’en-tête

Pour notre deuxième variation, nous allons dupliquer l’en-tête et le modifier dans Divi Cloud. Pour cela, nous allons quitter le constructeur de thème Divi et utiliser le constructeur visuel sur n’importe quelle page ou article Divi.

Dupliquer la disposition de l’en-tête

Tout d’abord, vous devez charger la mise en page dans l’éditeur Divi Cloud.

1. Tout d’abord, activez le Générateur visuel en naviguant vers n’importe quelle page du front-end de votre site Divi et en cliquant sur « Activer le Générateur visuel » dans votre barre d’outils en haut de l’écran.
2. Cliquez sur l’icône plus violette de la barre d’outils Divi en bas de la page pour ouvrir la bibliothèque Divi.
3. Cliquez sur l’onglet en haut intitulé « Vos mises en page enregistrées ».
4. Ensuite, affichez vos éléments Divi Cloud. Cliquez sur la case à cocher intitulée « My Divi Cloud » sous Emplacements dans la barre latérale gauche.
5. Localisez la mise en page que vous souhaitez dupliquer en recherchant, triant ou filtrant les éléments Divi Cloud. Effectuez une recherche par mots-clés ou favoris, sélectionnez des catégories et/ou des étiquettes pour les filtrer, ou triez-les en fonction du temps, du nom ou des favoris.
6. Cliquez avec le bouton droit de la souris sur la mise en page que vous souhaitez dupliquer.
7. Sélectionnez « Dupliquer » dans le menu contextuel.
8. Vous pouvez également cliquer avec le bouton droit de la souris sur l’aperçu dans l’écran Détails de la mise en page pour ouvrir les éléments de menu et cliquer sur « Dupliquer » dans le menu contextuel.
9. Une modale s’ouvre dans laquelle vous pouvez sélectionner les détails. Ajoutez un nouveau nom dans le champ « Nom de la mise en page ». Sélectionnez les catégories que vous souhaitez pour cette mise en page ou ajoutez de nouvelles catégories. Sélectionnez ou ajoutez de nouvelles balises. Saisissez le nom de la mise en page, sélectionnez « Enregistrer dans le nuage », puis choisissez vos catégories et vos balises. Choisissez des noms, des catégories et des étiquettes qui indiquent clairement qu’il s’agit d’une variation d’une autre mise en page.
10. Cliquez sur le bouton vert lorsque vous avez terminé. La mise en page est automatiquement enregistrée dans votre Divi Cloud, vous n’avez donc pas besoin d’enregistrer la page.

Modifier la mise en page dans le nuage

Ensuite, apportez vos modifications à la mise en page de Divi à l’aide du Créateur visuel de Divi. Le fonctionnement est identique à celui du Créateur visuel dans n’importe quelle page, à l’exception de l’enregistrement dans la bibliothèque, des paramètres de page et de la portabilité. L’éditeur est déjà activé, vous pouvez donc commencer à apporter vos modifications.

1. Localisez la mise en page que vous souhaitez modifier en recherchant, en triant ou en filtrant les éléments du Divi Cloud. Effectuez une recherche par mots-clés ou favoris, sélectionnez des catégories et/ou des balises pour les filtrer, ou triez-les en fonction du temps, du nom ou des favoris.
2. Cliquez avec le bouton droit de la souris sur la mise en page que vous souhaitez modifier.
3. Sélectionnez « Editer avec Divi » dans le menu contextuel. La mise en page s’ouvrira dans un nouvel onglet, plutôt que dans une page de votre site Web, avec le Visual Builder activé.
4. Vous pouvez également cliquer avec le bouton droit de la souris sur l’aperçu dans l’écran Détails de la mise en page pour ouvrir les éléments de menu et cliquer sur « Modifier avec Divi » dans le menu contextuel.
5. Modifiez simplement la mise en page avec le Créateur Divi comme d’habitude. Ajoutez ou personnalisez des sections, des lignes, des colonnes, des modules, du code, etc.

Enregistrez les modifications de la variation de l’en-tête dans le nuage

Enfin, enregistrez vos modifications. Les modifications sont automatiquement enregistrées dans le Divi Cloud.

1. Cliquez sur « Enregistrer l’élément du nuage » dans le coin inférieur droit de la mise en page pour enregistrer les modifications.
2. Attendez que les modifications soient enregistrées. Les modifications sont enregistrées dans le nuage lui-même.
3. Fermez l’onglet lorsque vous avez terminé vos modifications. Il ne s’agit pas d’une page de votre site Web, vous n’aurez donc pas besoin de quitter le Visual Builder.

Réflexions finales

C’est ainsi que nous avons vu comment créer des variations d’articles dans votre Divi Cloud. Divi permet de créer facilement des variations et de les stocker dans le nuage. Il existe plusieurs façons de créer des variations. Quelle que soit la méthode que vous utilisez, veillez à créer des noms descriptifs et à utiliser des catégories et des balises qui vous aideront à comprendre la variation d’un seul coup d’œil. Divi Cloud est un excellent moyen de stocker plusieurs variations à utiliser sur n’importe quel site Web Divi.

Nous voulons connaître votre avis. Avez-vous créé des variations d’articles dans Divi Cloud ? Faites-nous part de votre expérience dans les commentaires