Comment prévisualiser un élément Divi Cloud

Publié: 2022-06-03

Une fois que vous avez travaillé avec Divi pendant un certain temps, il est facile de construire une grande bibliothèque d'éléments de construction. L'avantage de Divi Cloud est que nous pouvons stocker ces éléments de construction dans le cloud pour y accéder à tout moment depuis n'importe quel site Web Divi. Cela signifie que vous pourriez avoir une grande bibliothèque à trier ou à parcourir pour trouver la bonne mise en page. Heureusement, Divi Cloud permet de prévisualiser facilement vos mises en page avant de les importer, ce qui rend votre bibliothèque plus facile à utiliser. Dans cet article, nous verrons comment prévisualiser un élément Divi Cloud en utilisant trois méthodes différentes pour vous aider à affiner vos options avant d'importer vos mises en page.

Commençons!

Pourquoi prévisualiser un élément Divi Cloud ?

Prévisualiser un élément Divi Cloud avant de l'importer est un excellent moyen de gagner du temps. L'un des avantages de l'utilisation de Divi Cloud est la possibilité de créer et d'enregistrer plusieurs variantes de vos mises en page. Comme pour tout dossier d'outils de création de sites Web utiles, une fois que vous avez plusieurs mises en page, il peut devenir difficile de savoir quelle mise en page est laquelle.

L'aperçu vous donne un instantané de la mise en page avant de l'importer. Il est ainsi beaucoup plus facile d'importer la mise en page correcte à chaque fois. Ceci est particulièrement utile si vous avez plusieurs mises en page qui se ressemblent ou portent des noms similaires.

La prévisualisation facilite la navigation dans votre bibliothèque. Vous pouvez rechercher et trier les mises en page jusqu'à ce que quelque chose attire votre attention, puis prévisualisez-le pour savoir si cela fonctionnera pour vous. Vous aurez une idée de ce à quoi ressemble la mise en page avant de l'importer.

Comment trouver facilement des éléments Divi Cloud

Avant de voir comment prévisualiser un élément Divi Cloud, voyons comment les trouver. Il existe plusieurs méthodes pour trouver vos mises en page Divi dans Divi Cloud.

  1. Tout d'abord, activez le Visual Builder en accédant à n'importe quelle page du front-end de votre site Web Divi et en cliquant sur "Activer Visual Builder" dans votre barre d'outils en haut de l'écran.
  2. Cliquez sur l'icône violette plus dans 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, visualisez vos éléments Divi Cloud. Cliquez sur la case à cocher intitulée « My Divi Cloud » sous Emplacements dans la barre latérale gauche.
  5. Assurez-vous que Grid View est sélectionné, sauf si vous devez les trier par balises. Il s'agit d'une icône de grille au-dessus des vignettes de mise en page sur la droite.
  6. Localisez la mise en page que vous souhaitez prévisualiser en recherchant, triant ou filtrant les éléments Divi Cloud. Recherchez par mots-clés ou favoris, sélectionnez des catégories et/ou des balises pour les filtrer, ou triez-les en fonction de l'heure, du nom ou des favoris.

Comment prévisualiser un élément Divi Cloud

Il existe trois façons de prévisualiser un élément Divi Cloud dans votre Divi Cloud. Voyons comment prévisualiser vos mises en page Divi avec les trois méthodes.

Aperçu de la vignette de l'élément Divi Cloud

La prévisualisation de la vignette de la mise en page est le moyen le plus rapide et le plus simple de prévisualiser, mais, comme il s'agit d'une vignette, elle est plus petite et plus difficile à voir les détails.

  1. Tout d'abord, activez le Visual Builder en accédant à n'importe quelle page du front-end de votre site Web Divi et en cliquant sur "Activer Visual Builder" dans votre barre d'outils en haut de l'écran.
  2. Cliquez sur l'icône violette plus dans 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, visualisez vos éléments Divi Cloud. Cliquez sur la case à cocher intitulée « My Divi Cloud » sous Emplacements dans la barre latérale gauche.
  5. Assurez-vous que Grid View est sélectionné, sauf si vous devez les trier par balises. Il s'agit d'une icône de grille au-dessus des vignettes de mise en page sur la droite.
  6. Localisez la mise en page que vous souhaitez prévisualiser en recherchant, triant ou filtrant les éléments Divi Cloud. Recherchez par mots-clés ou favoris, sélectionnez des catégories et/ou des balises pour les filtrer, ou triez-les en fonction de l'heure, du nom ou des favoris.
  7. Une fois que vous avez localisé une mise en page à prévisualiser, placez le curseur de la souris sur la vignette de la mise en page. La mise en page défilera dans la vignette où vous pourrez voir un aperçu de la mise en page. Placer le curseur sur la vignette fait défiler vers le bas tout en éloignant le curseur de la vignette pour faire défiler vers le haut.

Prévisualiser un élément Divi Cloud dans les détails de la mise en page

Vous pouvez également prévisualiser les mises en page Divi Cloud dans une fenêtre plus grande que vous pouvez faire défiler. Cet aperçu montre une grande image de la mise en page et est idéal pour vous donner un aperçu détaillé de la mise en page avant de l'utiliser.

  1. Tout d'abord, activez le Visual Builder en accédant à n'importe quelle page du front-end de votre site Web Divi et en cliquant sur "Activer Visual Builder" dans votre barre d'outils en haut de l'écran.
  2. Cliquez sur l'icône violette plus dans 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, visualisez vos éléments Divi Cloud. Cliquez sur la case à cocher intitulée « My Divi Cloud » sous Emplacements dans la barre latérale gauche.
  5. Assurez-vous que Grid View est sélectionné, sauf si vous devez les trier par balises. Il s'agit d'une icône de grille au-dessus des vignettes de mise en page sur la droite.
  6. Localisez la mise en page que vous souhaitez prévisualiser en recherchant, triant ou filtrant les éléments Divi Cloud. Recherchez par mots-clés ou favoris, sélectionnez des catégories et/ou des balises, ou triez-les en fonction de l'heure, du nom ou des favoris.
  7. Une fois que vous avez localisé une mise en page à prévisualiser, cliquez sur la vignette de la mise en page. Cela ouvre la vue Détails de la mise en page et affiche la mise en page dans une fenêtre plus grande. Il montre la mise en page sur la gauche et une liste de vignettes d'autres mises en page sur la droite.
  8. Survolez la mise en page dans la grande fenêtre et faites défiler pour afficher la mise en page. Vous pouvez faire défiler vers le haut et vers le bas dans cette fenêtre.

Prévisualiser une démo en direct

Enfin, vous pouvez prévisualiser la mise en page sous forme de démonstration en direct sur votre site Web. La démo en direct est complètement interactive et réactive. Cela vous donne la meilleure vue de la mise en page avant de l'utiliser.

  1. Tout d'abord, activez le Visual Builder en accédant à n'importe quelle page du front-end de votre site Web Divi et en cliquant sur "Activer Visual Builder" dans votre barre d'outils en haut de l'écran.
  2. Cliquez sur l'icône violette plus dans 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, visualisez vos éléments Divi Cloud. Cliquez sur la case à cocher intitulée « My Divi Cloud » sous Emplacements dans la barre latérale gauche.
  5. Assurez-vous que Grid View est sélectionné, sauf si vous devez les trier par balises. Il s'agit d'une icône de grille au-dessus des vignettes de mise en page sur la droite.
  6. Localisez la mise en page que vous souhaitez prévisualiser en recherchant, triant ou filtrant les éléments Divi Cloud. Recherchez par mots-clés ou favoris, sélectionnez des catégories et/ou des balises, ou triez-les en fonction de l'heure, du nom ou des favoris.
  7. Une fois que vous avez localisé une mise en page à prévisualiser, cliquez sur la vignette de la mise en page. Cela ouvre la vue Détails de la mise en page et affiche la mise en page dans une fenêtre plus grande à gauche de l'écran Divi Cloud.
  8. Sélectionnez le bouton vert sous l'image de la mise en page intitulée "Voir la démo en direct". Cela importe temporairement la mise en page et ferme la fenêtre Divi Cloud afin que vous puissiez voir la mise en page sur votre site Web. Il a le même aspect que si vous aviez importé la mise en page, et vous pouvez cliquer, survoler, faire défiler, voir les animations, etc., et plus encore.
  9. Vous pouvez également cliquer avec le bouton droit de la souris sur la vignette du premier écran ou sur l'image de la mise en page dans l'écran Détails de la mise en page et sélectionner « Aperçu en direct » dans le menu contextuel. Cela fonctionne de la même manière que de cliquer sur le bouton vert "Voir la démo en direct".
  10. Cliquez sur le X dans le coin supérieur droit de l'écran pour fermer l'aperçu et revenir à la fenêtre des mises en page de Divi Cloud.

Mettre fin aux pensées

C'est notre regard sur la façon de prévisualiser un élément Divi Cloud. La prévisualisation est un excellent moyen de parcourir votre bibliothèque Divi Cloud. Il existe plusieurs méthodes pour prévisualiser les mises en page, notamment l'affichage d'une vignette, l'affichage d'une image plus grande et l'affichage de la mise en page sur votre site Web. Chacune des méthodes présente des avantages en termes de rapidité, de détails et d'interactivité. Les trois méthodes valent la peine d'être essayées pour vous aider à affiner la mise en page exacte de Divi que vous souhaitez utiliser sur votre site Web. Je recommande de les utiliser dans l'ordre que nous avons montré ici pour trouver votre mise en page Divi Cloud de la manière la plus rapide possible.

Nous voulons de vos nouvelles. Prévisualisez-vous vos éléments Divi Cloud avant de les importer ? Faites le nous savoir dans les commentaires.