1 Décompressez le zip téléchargé

Ouvrez le zip téléchargé, et en extraire les fichier .json

Importer une mise en page dans son thème Divi ou Extra


2 Importation de la mise en page dans la bibliothèque Divi

Vous pouvez importer votre mise en page dans votre bibliothèque Divi

Tout d’abord, naviguez jusqu’à la page Divi> Divi Library puis cliquez sur le bouton “Import & Export”. Puis cliquer sur l’onglet “Importer” pour révéler les options d’importation.

library-import-5

Une fois dans l’onglet Importer, cliquez sur le bouton “Choisir un fichier” et localisez le fichier .JSON que vous avez précédemment extrait du zip que vous avez téléchargé.

Une fois que vous avez sélectionné le fichier, cliquez sur le bouton “Importer les dispositions de Divi Builder” pour commencer l’importation.

Une fois le processus d’importation terminé, vous remarquerez que les éléments de la bibliothèque Divi ont été ajoutés à votre bibliothèque et que les images incluses ont été importées dans votre bibliothèque multimédia WordPress.

Importer une mise en page dans son thème Divi ou Extra


Pour utiliser  la mise en page importée :

 

Au bas de la page, vous remarquerez une icône circulaire pourpre avec trois points dans une ligne horizontale. Cliquez ici pour développer les paramètres de page du générateur de visuel.

using-premade-layouts-in-divi-.5-1-768x563

L’icône plus dans ce menu étendu est l’endroit où vous pouvez ajouter des éléments de la bibliothèque Divi, y compris une grande variété de mises en page prédéfinies que nous avons incluses pour vous aider à lancer n’importe quel type de page Web que vous devez concevoir.

using-premade-layouts-in-divi-1-768x468

LISTE DES DISPOSITIONS DE PREMADE

En cliquant sur l’icône plus, vous obtiendrez une liste complète des dispositions prédéfinies de Divi que vous pourrez parcourir et sélectionner. Vous pouvez charger une mise en page prédéfinie dans une page vierge, une mise en page existante ou remplacer le contenu existant.

using-premade-layouts-in-divi-2-768x468

CHARGEMENT D’UNE MISE EN PAGE PREMADE

En cliquant sur l’une des mises en page prédéfinies, vous allez charger ce contenu dans votre page. Vous trouverez ci-dessous un exemple de mise en page prématurée une fois qu’elle a été chargée sur une page vierge auparavant.

using-premade-layouts-in-divi-3-768x915

En remplaçant chaque élément de la page par votre propre contenu, vous pouvez avoir un beau site personnalisé en quelques minutes. Dans cet exemple, nous allons remplacer le titre, l’image et le bouton du curseur, le texte de la bannière, les textes de présentation et le titre promotionnel afin de créer une page de destination simple pour une communauté culinaire. Avec le constructeur visuel faisant ces changements est simple. Passez la souris sur n’importe quelle zone à laquelle vous souhaitez apporter des modifications et les paramètres correspondants apparaîtront. Si vous souhaitez changer de texte, sélectionnez simplement le texte et commencez à taper.

using-premade-layouts-in-divi-4-768x861

LA FLEXIBILITÉ

La beauté de ces mises en page est que vous pouvez les modifier comme vous le souhaitez. Par exemple, si vous aimez cette mise en page particulière, mais préférez ne pas avoir un Appel à l’action en bas, il suffit de le supprimer en cliquant sur l’icône de la poubelle pour cette rangée et c’est parti! Regardez l’image ci-dessous pour voir comment la suppression de l’appel à l’action affecterait l’apparence de votre mise en page.

using-premade-layouts-in-divi-5-768x384

Si vous aimez ce changement, vous pouvez appuyer sur “command + save” (ou cliquer sur le bouton save). Si vous n’aimez pas la modification, vous pouvez appuyer sur “command + z” pour l’annuler (ou utiliser le bouton d’historique pour annuler plusieurs actions en même temps!).