C’est parti !
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 avec 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 la bonne.
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 bonne mise en page à chaque fois. C’est particulièrement utile si vous avez plusieurs mises en page qui se ressemblent ou qui ont des noms similaires.
La prévisualisation facilite la navigation dans votre bibliothèque. Vous pouvez parcourir et trier les mises en page jusqu’à ce qu’un élément attire votre attention, puis le prévisualiser pour savoir s’il vous convient. Vous aurez une idée de ce à quoi ressemble la mise en page avant de l’importer.
Comment trouver facilement les éléments de Divi Cloud
Avant de voir comment prévisualiser un élément Divi Cloud, voyons comment le trouver. Il existe plusieurs méthodes pour trouver vos mises en page Divi dans Divi Cloud.
- Tout d’abord, activez le constructeur visuel en naviguant vers n’importe quelle page du front-end de votre site Divi et en cliquant sur « Activer le constructeur visuel » dans votre barre d’outils en haut de l’écran.
- Cliquez sur l’icône plus violette de la barre d’outils Divi en bas de la page pour ouvrir la bibliothèque Divi.
- Cliquez sur l’onglet en haut intitulé « Vos mises en page enregistrées ».
- Ensuite, affichez vos éléments Divi Cloud. Cliquez sur la case à cocher intitulée « My Divi Cloud » sous Locations dans la barre latérale gauche.
- Assurez-vous que l’option « Grid View » est sélectionnée, à moins que vous n’ayez besoin de les trier par balises. Il s’agit d’une icône de grille au-dessus des vignettes de mise en page sur la droite.
- Localisez la mise en page que vous souhaitez prévisualiser en recherchant, triant ou filtrant les éléments du Nuage Divi. 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.
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 ces trois méthodes.
Prévisualisation de la miniature de l’élément Divi Cloud
La prévisualisation de la vignette de la mise en page est la méthode la plus rapide et la plus simple, mais comme il s’agit d’une vignette, elle est plus petite et il est plus difficile de voir les détails.
- Tout d’abord, activez le Visual Builder en naviguant vers n’importe quelle page du front-end de votre site Divi et en cliquant sur « Activer le Visual Builder » dans votre barre d’outils en haut de l’écran.
- Cliquez sur l’icône plus violette de la barre d’outils Divi en bas de la page pour ouvrir la bibliothèque Divi.
- Cliquez sur l’onglet en haut intitulé « Vos mises en page enregistrées ».
- Ensuite, affichez vos éléments Divi Cloud. Cliquez sur la case à cocher intitulée « My Divi Cloud » sous Locations dans la barre latérale gauche.
- Assurez-vous que l’option « Grid View » est sélectionnée, à moins que vous n’ayez besoin de les trier par balises. Il s’agit d’une icône de grille au-dessus des vignettes de mise en page sur la droite.
- Localisez la mise en page que vous souhaitez prévisualiser en recherchant, triant ou filtrant les éléments du Nuage Divi. 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.
- Une fois que vous avez localisé une mise en page à prévisualiser, passez le curseur de la souris sur la vignette de la mise en page. La mise en page défilera dans la miniature où vous pourrez voir un aperçu de la mise en page. En plaçant le curseur sur la vignette, vous faites défiler la page vers le bas, tandis qu’en éloignant le curseur de la vignette, vous la faites 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 affiche 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.
- Tout d’abord, activez le constructeur visuel en naviguant vers n’importe quelle page du front-end de votre site Divi et en cliquant sur « Activer le constructeur visuel » dans votre barre d’outils en haut de l’écran.
- Cliquez sur l’icône plus violette de la barre d’outils Divi en bas de la page pour ouvrir la bibliothèque Divi.
- Cliquez sur l’onglet en haut intitulé « Vos mises en page enregistrées ».
- Ensuite, affichez vos éléments Divi Cloud. Cliquez sur la case à cocher intitulée « My Divi Cloud » sous Locations dans la barre latérale gauche.
- Assurez-vous que l’option « Grid View » est sélectionnée, à moins que vous n’ayez besoin de les trier par balises. Il s’agit d’une icône de grille au-dessus des vignettes de mise en page sur la droite.
- Localisez la mise en page que vous souhaitez prévisualiser en recherchant, triant ou filtrant les éléments du Nuage Divi. Effectuez une recherche par mots-clés ou favoris, sélectionnez des catégories et/ou des balises, ou triez-les en fonction du temps, du nom ou des favoris.
- 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. Elle affiche la mise en page sur la gauche et une liste de vignettes d’autres mises en page sur la droite.
- Passez la souris sur la mise en page dans la grande fenêtre et faites-la défiler pour la visualiser. Vous pouvez faire défiler l’écran vers le haut et vers le bas dans cette fenêtre.
Prévisualisation d’une démo en direct
Enfin, vous pouvez prévisualiser la mise en page sous forme de démo en direct sur votre site Web. La démo en direct est entièrement interactive et réactive. Elle vous permet d’avoir un aperçu optimal de la mise en page avant de l’utiliser.
- Tout d’abord, activez le Visual Builder en naviguant vers n’importe quelle page du front-end de votre site Divi et en cliquant sur « Activer le Visual Builder » dans votre barre d’outils en haut de l’écran.
- Cliquez sur l’icône plus violette de la barre d’outils Divi en bas de la page pour ouvrir la bibliothèque Divi.
- Cliquez sur l’onglet en haut intitulé « Vos mises en page enregistrées ».
- Ensuite, affichez vos éléments Divi Cloud. Cliquez sur la case à cocher intitulée « My Divi Cloud » sous Locations dans la barre latérale gauche.
- Assurez-vous que l’option « Grid View » est sélectionnée, à moins que vous n’ayez besoin de les trier par balises. Il s’agit d’une icône de grille au-dessus des vignettes de mise en page sur la droite.
- Localisez la mise en page que vous souhaitez prévisualiser en recherchant, triant ou filtrant les éléments du Nuage Divi. Effectuez une recherche par mots-clés ou favoris, sélectionnez des catégories et/ou des balises, ou triez-les en fonction du temps, du nom ou des favoris.
- 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.
- Sélectionnez le bouton vert situé sous l’image de la mise en page et intitulé « View Live Demo ». Cela importe temporairement la mise en page et ferme la fenêtre Divi Cloud afin que vous puissiez visualiser la mise en page sur votre site Web. L’apparence est la même que si vous aviez importé la mise en page, et vous pouvez cliquer, survoler, faire défiler, voir les animations, etc.
- 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 « Afficher la démo en direct ».
- 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.
Réflexions finales
C’est ainsi que nous avons vu comment 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 de ces méthodes présente des avantages en termes de vitesse, de détails et d’interactivité. Ces trois méthodes valent la peine d’être essayées pour vous aider à déterminer la mise en page Divi exacte que vous souhaitez utiliser sur votre site Web. Je vous recommande de les utiliser dans l’ordre où nous les avons présentées ici pour trouver votre mise en page Divi Cloud le plus rapidement possible.
Nous voulons savoir ce que vous en pensez. Prévisualisez-vous vos éléments Divi Cloud avant de les importer ? Faites-le nous savoir dans les commentaires
