Come visualizzare in anteprima un elemento Divi Cloud

Pubblicato: 2022-06-03

Dopo aver lavorato con Divi per un po', è facile creare un'ampia libreria di elementi costruttivi. Il vantaggio di Divi Cloud è che possiamo archiviare quegli elementi di costruzione nel cloud per accedervi da qualsiasi sito Web Divi in qualsiasi momento. Ciò significa che potresti avere una vasta libreria da ordinare o cercare per trovare il layout giusto. Fortunatamente, Divi Cloud semplifica l'anteprima dei layout prima di importarli, rendendo la tua libreria più facile da usare. In questo post, vedremo come visualizzare in anteprima un elemento Divi Cloud utilizzando tre diversi metodi per aiutarti a restringere le opzioni prima di importare i layout.

Iniziamo!

Perché visualizzare in anteprima un elemento Divi Cloud?

Visualizzare in anteprima un elemento Divi Cloud prima di importarlo è un ottimo modo per risparmiare tempo. Uno dei vantaggi dell'utilizzo di Divi Cloud è la possibilità di creare e salvare più varianti dei layout. Come con qualsiasi cartella di utili strumenti per la creazione di siti Web, una volta che hai diversi layout, può diventare difficile sapere quale layout è quale.

L'anteprima fornisce un'istantanea del layout prima di importarlo. Ciò semplifica notevolmente l'importazione del layout corretto ogni volta. Ciò è particolarmente utile se hai più layout che sembrano simili o hanno nomi simili.

L'anteprima semplifica la navigazione nella tua libreria. Puoi cercare e ordinare i layout finché qualcosa non attira la tua attenzione, quindi visualizza in anteprima per sapere se funzionerà per te. Avrai un'idea di come appare il layout prima di importarlo.

Come trovare facilmente elementi Divi Cloud

Prima di vedere come visualizzare in anteprima un elemento Divi Cloud, vediamo come trovarli. Esistono diversi metodi per trovare i layout Divi all'interno di Divi Cloud.

Innanzitutto, abilita Visual Builder navigando in qualsiasi pagina sul front-end del tuo sito Web Divi e facendo clic su "Abilita Visual Builder" nella barra degli strumenti nella parte superiore dello schermo.
Fare clic sull'icona più viola sulla barra degli strumenti Divi nella parte inferiore della pagina per aprire la Libreria Divi.
Fai clic sulla scheda in alto denominata "I tuoi layout salvati".
Quindi, visualizza i tuoi elementi Divi Cloud. Fai clic sulla casella di controllo denominata "My Divi Cloud" in Posizioni nella barra laterale di sinistra.
Assicurati che la visualizzazione griglia sia selezionata a meno che non sia necessario ordinarli per tag. Questa è un'icona della griglia sopra le miniature del layout a destra.
Individua il layout che desideri visualizzare in anteprima cercando, ordinando o filtrando gli elementi Divi Cloud. Cerca per parole chiave o preferiti, seleziona categorie e/o tag per filtrarli o ordinali in base a ora, nome o preferiti.

Come visualizzare in anteprima un elemento Divi Cloud

Esistono tre modi in cui un elemento Divi Cloud può essere visualizzato in anteprima all'interno del tuo Divi Cloud. Vediamo come visualizzare in anteprima i layout Divi con tutti e tre i metodi.

Visualizza l'anteprima della miniatura dell'elemento Divi Cloud

Visualizzare in anteprima la miniatura del layout è il modo più semplice e veloce per visualizzare l'anteprima, ma, poiché si tratta di una miniatura, è più piccola e più difficile vedere i dettagli.

Innanzitutto, abilita Visual Builder navigando in qualsiasi pagina sul front-end del tuo sito Web Divi e facendo clic su "Abilita Visual Builder" nella barra degli strumenti nella parte superiore dello schermo.
Fare clic sull'icona più viola sulla barra degli strumenti Divi nella parte inferiore della pagina per aprire la Libreria Divi.
Fai clic sulla scheda in alto denominata "I tuoi layout salvati".
Quindi, visualizza i tuoi elementi Divi Cloud. Fai clic sulla casella di controllo denominata "My Divi Cloud" in Posizioni nella barra laterale di sinistra.
Assicurati che la visualizzazione griglia sia selezionata a meno che non sia necessario ordinarli per tag. Questa è un'icona della griglia sopra le miniature del layout a destra.
Individua il layout che desideri visualizzare in anteprima cercando, ordinando o filtrando gli elementi Divi Cloud. Cerca per parole chiave o preferiti, seleziona categorie e/o tag per filtrarli o ordinali in base a ora, nome o preferiti.
Dopo aver individuato un layout da visualizzare in anteprima, posiziona il cursore del mouse sulla miniatura del layout. Il layout scorrerà all'interno della miniatura dove puoi vedere un'anteprima del layout. Posizionando il cursore sulla miniatura si scorre verso il basso mentre si sposta il cursore lontano dalla miniatura si scorre verso l'alto.

Visualizza l'anteprima di un elemento Divi Cloud in Dettagli layout

Puoi anche visualizzare in anteprima i layout di Divi Cloud in una finestra più grande che puoi scorrere. Questa anteprima mostra un'immagine grande del layout ed è ottima per darti uno sguardo dettagliato al layout prima di usarlo.

Innanzitutto, abilita Visual Builder navigando in qualsiasi pagina sul front-end del tuo sito Web Divi e facendo clic su "Abilita Visual Builder" nella barra degli strumenti nella parte superiore dello schermo.
Fare clic sull'icona più viola sulla barra degli strumenti Divi nella parte inferiore della pagina per aprire la Libreria Divi.
Fai clic sulla scheda in alto denominata "I tuoi layout salvati".
Quindi, visualizza i tuoi elementi Divi Cloud. Fai clic sulla casella di controllo denominata "My Divi Cloud" in Posizioni nella barra laterale di sinistra.
Assicurati che la visualizzazione griglia sia selezionata a meno che non sia necessario ordinarli per tag. Questa è un'icona della griglia sopra le miniature del layout a destra.
Individua il layout che desideri visualizzare in anteprima cercando, ordinando o filtrando gli elementi Divi Cloud. Cerca per parole chiave o preferiti, seleziona categorie e/o tag o ordinali in base all'ora, al nome o ai preferiti.
Dopo aver individuato un layout da visualizzare in anteprima, fare clic sulla miniatura del layout. Questo apre la vista Dettagli layout e mostra il layout in una finestra più grande. Mostra il layout a sinistra e un elenco di miniature di più layout a destra.
Passa il mouse sopra il layout nella finestra grande e scorri per visualizzare il layout. Puoi scorrere su e giù all'interno di questa finestra.

Anteprima di una demo dal vivo

Infine, puoi visualizzare in anteprima il layout come demo dal vivo sul tuo sito web. La demo dal vivo è completamente interattiva e reattiva. Questo ti dà la migliore visualizzazione del layout prima di usarlo.

Innanzitutto, abilita Visual Builder navigando in qualsiasi pagina sul front-end del tuo sito Web Divi e facendo clic su "Abilita Visual Builder" nella barra degli strumenti nella parte superiore dello schermo.
Fare clic sull'icona più viola sulla barra degli strumenti Divi nella parte inferiore della pagina per aprire la Libreria Divi.
Fai clic sulla scheda in alto denominata "I tuoi layout salvati".
Quindi, visualizza i tuoi elementi Divi Cloud. Fai clic sulla casella di controllo denominata "My Divi Cloud" in Posizioni nella barra laterale di sinistra.
Assicurati che la visualizzazione griglia sia selezionata a meno che non sia necessario ordinarli per tag. Questa è un'icona della griglia sopra le miniature del layout a destra.
Individua il layout che desideri visualizzare in anteprima cercando, ordinando o filtrando gli elementi Divi Cloud. Cerca per parole chiave o preferiti, seleziona categorie e/o tag o ordinali in base all'ora, al nome o ai preferiti.
Dopo aver individuato un layout da visualizzare in anteprima, fare clic sulla miniatura del layout. Questo apre la vista Dettagli layout e mostra il layout in una finestra più grande a sinistra dello schermo Divi Cloud.
Seleziona il pulsante verde sotto l'immagine del layout denominata "Visualizza demo dal vivo". Questo importa temporaneamente il layout e chiude la finestra Divi Cloud in modo da poter visualizzare il layout sul tuo sito web. Ha lo stesso aspetto di se avessi importato il layout e puoi fare clic, passare il mouse, scorrere, vedere le animazioni, ecc. E altro ancora.
In alternativa, puoi fare clic con il pulsante destro del mouse sulla miniatura nella prima schermata o sull'immagine del layout nella schermata Dettagli layout e selezionare "Anteprima dal vivo" dal menu a comparsa. Funziona come fare clic sul pulsante verde "Visualizza demo dal vivo".
Fare clic sulla X nell'angolo in alto a destra dello schermo per chiudere l'anteprima e tornare alla finestra dei layout di Divi Cloud.

Pensieri finali

Questo è il nostro sguardo su come visualizzare in anteprima un elemento Divi Cloud. L'anteprima è un ottimo modo per sfogliare la tua libreria Divi Cloud. Esistono diversi metodi per visualizzare in anteprima i layout che includono la visualizzazione di una miniatura, la visualizzazione di un'immagine più grande e la visualizzazione del layout sul tuo sito web. Ciascuno dei metodi presenta vantaggi in termini di velocità, dettagli e interattività. Vale la pena provare tutti e tre i metodi per aiutarti a restringere il layout esatto di Divi che desideri utilizzare sul tuo sito web. Ti consiglio di usarli nell'ordine che abbiamo mostrato qui per trovare il tuo layout Divi Cloud nel modo più veloce possibile.

Vogliamo sentire da voi. Visualizzate in anteprima i vostri elementi Divi Cloud prima di importarli? Fateci sapere nei commenti.