Cómo obtener una vista previa de un elemento de Divi Cloud

Publicado: 2022-06-03

Una vez que haya trabajado con Divi por un tiempo, es fácil crear una gran biblioteca de elementos de construcción. La ventaja de Divi Cloud es que podemos almacenar esos elementos de construcción en la nube para acceder desde cualquier sitio web de Divi en cualquier momento. Esto significa que podría tener una gran biblioteca para ordenar o buscar para encontrar el diseño correcto. Afortunadamente, Divi Cloud facilita la vista previa de sus diseños antes de importarlos, lo que facilita el uso de su biblioteca. En esta publicación, veremos cómo obtener una vista previa de un elemento de Divi Cloud utilizando tres métodos diferentes para ayudarlo a reducir sus opciones antes de importar sus diseños.

¡Empecemos!

¿Por qué obtener una vista previa de un artículo de Divi Cloud?

Previsualizar un elemento de Divi Cloud antes de importarlo es una excelente manera de ahorrar tiempo. Una de las ventajas de usar Divi Cloud es la capacidad de crear y guardar múltiples variaciones de sus diseños. Al igual que con cualquier carpeta de herramientas útiles para la creación de sitios web, una vez que tiene varios diseños, puede resultar difícil saber cuál es cuál.

La vista previa le brinda una instantánea del diseño antes de importarlo. Esto hace que sea mucho más fácil importar el diseño correcto cada vez. Esto es especialmente útil si tiene varios diseños que se ven similares o tienen nombres similares.

La vista previa facilita la exploración de su biblioteca. Puede buscar y ordenar los diseños hasta que algo le llame la atención y luego obtener una vista previa para saber si funcionará para usted. Tendrá una idea de cómo se ve el diseño antes de importarlo.

Cómo encontrar fácilmente elementos de Divi Cloud

Antes de ver cómo obtener una vista previa de un elemento de Divi Cloud, veamos cómo encontrarlos. Existen varios métodos para encontrar sus diseños Divi dentro de Divi Cloud.

Primero, habilite Visual Builder navegando a cualquier página en la parte frontal de su sitio web Divi y haciendo clic en "Habilitar Visual Builder" en su barra de herramientas en la parte superior de la pantalla.
Haga clic en el ícono púrpura más en la barra de herramientas Divi en la parte inferior de la página para abrir la Biblioteca Divi.
Haga clic en la pestaña en la parte superior denominada "Sus diseños guardados".
A continuación, vea sus elementos de Divi Cloud. Haga clic en la casilla de verificación etiquetada como "My Divi Cloud" en Ubicaciones en la barra lateral izquierda.
Asegúrese de que Vista de cuadrícula esté seleccionada a menos que necesite ordenarlos por etiquetas. Este es un icono de cuadrícula encima de las miniaturas de diseño a la derecha.
Ubique el diseño que desea obtener una vista previa buscando, ordenando o filtrando los elementos de Divi Cloud. Busque por palabras clave o favoritos, seleccione categorías y/o etiquetas para filtrarlos u ordenarlos según el tiempo, el nombre o los favoritos.

Cómo obtener una vista previa de un elemento de Divi Cloud

Hay tres formas de obtener una vista previa de un elemento de Divi Cloud dentro de su Divi Cloud. Veamos cómo obtener una vista previa de sus diseños Divi con los tres métodos.

Vista previa de la miniatura del elemento Divi Cloud

La vista previa de la miniatura del diseño es la forma más rápida y sencilla de obtener una vista previa, pero, dado que es una miniatura, es más pequeña y más difícil ver los detalles.

Primero, habilite Visual Builder navegando a cualquier página en la parte frontal de su sitio web Divi y haciendo clic en "Habilitar Visual Builder" en su barra de herramientas en la parte superior de la pantalla.
Haga clic en el ícono púrpura más en la barra de herramientas Divi en la parte inferior de la página para abrir la Biblioteca Divi.
Haga clic en la pestaña en la parte superior denominada "Sus diseños guardados".
A continuación, vea sus elementos de Divi Cloud. Haga clic en la casilla de verificación etiquetada como "My Divi Cloud" en Ubicaciones en la barra lateral izquierda.
Asegúrese de que Vista de cuadrícula esté seleccionada a menos que necesite ordenarlos por etiquetas. Este es un icono de cuadrícula encima de las miniaturas de diseño a la derecha.
Ubique el diseño que desea obtener una vista previa buscando, ordenando o filtrando los elementos de Divi Cloud. Busque por palabras clave o favoritos, seleccione categorías y/o etiquetas para filtrarlos u ordenarlos según el tiempo, el nombre o los favoritos.
Una vez que haya localizado un diseño para obtener una vista previa, desplace el cursor del mouse sobre la miniatura del diseño. El diseño se desplazará dentro de la miniatura donde podrá ver una vista previa del diseño. Al colocar el cursor sobre la miniatura se desplaza hacia abajo mientras que al alejar el cursor de la miniatura se desplaza hacia arriba.

Vista previa de un elemento Divi Cloud en detalles de diseño

También puede obtener una vista previa de los diseños de Divi Cloud en una ventana más grande por la que puede desplazarse. Esta vista previa muestra una imagen grande del diseño y es excelente para brindarle una vista detallada del diseño antes de usarlo.

Primero, habilite Visual Builder navegando a cualquier página en la parte frontal de su sitio web Divi y haciendo clic en "Habilitar Visual Builder" en su barra de herramientas en la parte superior de la pantalla.
Haga clic en el ícono púrpura más en la barra de herramientas Divi en la parte inferior de la página para abrir la Biblioteca Divi.
Haga clic en la pestaña en la parte superior denominada "Sus diseños guardados".
A continuación, vea sus elementos de Divi Cloud. Haga clic en la casilla de verificación etiquetada como "My Divi Cloud" en Ubicaciones en la barra lateral izquierda.
Asegúrese de que Vista de cuadrícula esté seleccionada a menos que necesite ordenarlos por etiquetas. Este es un icono de cuadrícula encima de las miniaturas de diseño a la derecha.
Ubique el diseño que desea obtener una vista previa buscando, ordenando o filtrando los elementos de Divi Cloud. Busque por palabras clave o favoritos, seleccione categorías y/o etiquetas, u ordénelos según el tiempo, el nombre o los favoritos.
Una vez que haya localizado un diseño para obtener una vista previa, haga clic en la miniatura del diseño. Esto abre la vista Detalles del diseño y muestra el diseño en una ventana más grande. Muestra el diseño a la izquierda y una lista en miniatura de más diseños a la derecha.
Pase el cursor sobre el diseño en la ventana grande y desplácese para ver el diseño. Puede desplazarse hacia arriba y hacia abajo dentro de esta ventana.

Vista previa de una demostración en vivo

Finalmente, puede obtener una vista previa del diseño como una demostración en vivo en su sitio web. La demostración en vivo es completamente interactiva y receptiva. Esto le brinda la mejor vista del diseño antes de usarlo.

Primero, habilite Visual Builder navegando a cualquier página en la parte frontal de su sitio web Divi y haciendo clic en "Habilitar Visual Builder" en su barra de herramientas en la parte superior de la pantalla.
Haga clic en el ícono púrpura más en la barra de herramientas Divi en la parte inferior de la página para abrir la Biblioteca Divi.
Haga clic en la pestaña en la parte superior denominada "Sus diseños guardados".
A continuación, vea sus elementos de Divi Cloud. Haga clic en la casilla de verificación etiquetada como "My Divi Cloud" en Ubicaciones en la barra lateral izquierda.
Asegúrese de que Vista de cuadrícula esté seleccionada a menos que necesite ordenarlos por etiquetas. Este es un icono de cuadrícula encima de las miniaturas de diseño a la derecha.
Ubique el diseño que desea obtener una vista previa buscando, ordenando o filtrando los elementos de Divi Cloud. Busque por palabras clave o favoritos, seleccione categorías y/o etiquetas, u ordénelos según el tiempo, el nombre o los favoritos.
Una vez que haya localizado un diseño para obtener una vista previa, haga clic en la miniatura del diseño. Esto abre la vista Detalles del diseño y muestra el diseño en una ventana más grande a la izquierda de la pantalla Divi Cloud.
Seleccione el botón verde debajo de la imagen del diseño con la etiqueta "Ver demostración en vivo". Esto importa temporalmente el diseño y cierra la ventana de Divi Cloud para que pueda ver el diseño en su sitio web. Tiene el mismo aspecto que si hubiera importado el diseño, y puede hacer clic, desplazarse, desplazarse, ver las animaciones, etc., y más.
Como alternativa, puede hacer clic con el botón derecho en la miniatura en la primera pantalla o en la imagen del diseño en la pantalla Detalles del diseño y seleccionar "Vista previa en vivo" en el menú emergente. Esto funciona igual que hacer clic en el botón verde "Ver demostración en vivo".
Haga clic en la X en la esquina superior derecha de la pantalla para cerrar la vista previa y volver a la ventana de diseños de Divi Cloud.

pensamientos finales

Ese es nuestro vistazo a cómo obtener una vista previa de un elemento de Divi Cloud. La vista previa es una excelente manera de explorar su biblioteca Divi Cloud. Existen varios métodos para obtener una vista previa de los diseños, que incluyen ver una miniatura, ver una imagen más grande y ver el diseño en su sitio web. Cada uno de los métodos tiene ventajas en velocidad, detalles e interactividad. Vale la pena probar los tres métodos para ayudarlo a reducir el diseño Divi exacto que desea usar en su sitio web. Recomiendo usarlos en el orden que mostramos aquí para encontrar el diseño de Divi Cloud de la manera más rápida posible.

Queremos escuchar de ti. ¿Obtienes una vista previa de tus elementos de Divi Cloud antes de importarlos? Háganos saber en los comentarios.