¿Cómo Usar los Diseños Predefinidos Divi Layouts?

¿Cómo Usar los Diseños Predefinidos Divi Layouts?

No hay duda de que Divi de Elegant Themes es una de las mejores plantillas WordPress de todos los tiempos. Y entre las muchas razones para elegir Divi para hacer tu sitio, una importante es que…

Divi viene con montones de diseños predefinidos (Divi Premade Layouts) que puedes usar para facilitar el diseño de tu web.

Estos “diseños” “diseños predefinidos Divi” “layouts” “premade layouts” o como quieras llamarlos son simplemente páginas ya diseñadas por expertos y relativas a un nicho de mercado específico, que te permitirán crear una web super profesional muy fácilmente y en muy poco tiempo.

Packs de Divi Layouts

Estos Divi Layouts vienen agrupados en packs enfocados a diferentes sectores. En cada pack encontrarás 7 u 8 páginas diseñadas y preparadas para ser instaladas en tu sitio. Por ejemplo puede haber una página “Home”, “Contacto”, “Sobre Nosotros”, “Landing Page”, “Galería de Imágenes”, “Blog”… todas las necesarias para tener una web de éxito.

Los diseñadores expertos de Elegant Themes saben lo que necesita cada web en un nicho de mercado determinado y han hecho los diseños de página o layouts necesarios para que tan solo tengas que instalarlos (los que tú desees) y tengas tu web prácticamente ya montada. Tan solo tendrás que personalizarla a tu gusto si lo deseas y listo.

Personalización de los Diseños Predefinidos Divi

La customización de los Divi Layouts es realmente fácil. Tan solo deberás cambiar las imágenes existentes por las tuyas y poner tus propios textos. De todas formas, si te gustan las imágenes que aparecen en el Layout, puedes dejarlas y usarlas sin problema ya que son libres de derechos de autor. Además son imágenes profesionales y relativas al nicho de mercado específico que te interesa, por lo que son realmente útiles.

Y cambiar los elementos de diseño del Layout es también muy fácil. Puedes hacerlo desde el Constructor Visual, de manera totalmente intuitiva. Tu web quedará siempre a tu gusto.

¿Cómo acceder a los Premade Layouts de Divi?

Puedes acceder e importar los diseños predefinidos Divi directamente desde el Divi Builder cuando crees o edites una página.

Cuando añades una nueva página desde el panel WordPress, se despliega el Visual Builder.

layouts divi

Si la página es nueva, te aparecerán 3 opciones para que elijas como quieres empezar a crear tu página. Selecciona la opción “Choose a Premade Layout” (Elegir un Premade Layout).

diseños divi predefinidos

Esto hará que salga automáticamente un pop-up “Load From Library” (Cargar desde la Biblioteca) donde encontrarás todos los Divi Layouts disponibles.

Premade Layouts, Layouts Guardados o Páginas Existentes

En el pop-up de Cargar desde la Biblioteca, tendrás 3 pestañas disponibles.

La pestaña de Premade Layouts es donde encontrarás todos los diseños predefinidos Divi creados por el equipo de diseñadores de Elegant Themes y que puedes usar de manera totalmente gratuita.

La pestaña “Your Saved Layouts” (Tus Diseños Guardados) es donde podrás acceder a cualquier Layout que hayas guardado en la Biblioteca Divi.

La pestaña “Your Existing Pages” (Tus Páginas Existentes) contiene una lista de todas las páginas (incluyendo Posts y Proyectos) que hay actualmente en tu sitio web, pudiendo elegir clonar una página existente para poder empezar el diseño de otra página de manera muy rápida.

diseños divi

Cargar un Premade Divi Layout

Desde la pestaña Premade Layout podrás encontrar fácilmente un nuevo diseño predefinido simplemente haciendo scroll a través de la lista de Layouts Packs o bien ayudándote con el buscador de categorías que aparece en la columna izquierda.

Una vez hayas seleccionado el pack de Layouts deseado, podrás previsualizar todas las páginas de diseño individuales incluidas en el pack. Al clicar en una página a la derecha, podrás ver un preview de la página a la izquierda.

Podrás entonces clicar en el botón “View Live Demo” para abrir la demo en vivo de la página en una nueva pestaña. Cuando ya estés listo para usar el Layout, simplemente tienes que clicar en “Use This Layout” para desplegar el diseño en tu página.

divi elegant themes layout

Puedes añadir Premade Layouts a tus páginas siempre que quieras desde el Visual Builder, tanto para páginas nuevas como para páginas ya existentes. Para ello simplemente tienes que abrir el menú de ajustes del Visual Builder (Constructor Visual) que aparece en la parte inferior de la página, clicando en el circulo con los 3 puntitos.

layout divi

Después clica el icono de “Cargar desde la Biblioteca” (es como el símbolo +) para desplegar el popup con todos los diseños predefinido Divi.

Añade Layouts a Contenido ya Existente o Reemplaza el Contenido Existente

Lo mismo puedes cargar un diseño predefinido Divi en una página en blanco, un layout ya existente o bien puedes reemplazar contenido existente.

Cargar un diseño (layout) a una página en blanco simplemente añadirá el layout a tu página tal y como cabría esperar.

Cargar un premade layout a una página que ya existe, por defecto añadirá el layout bajo el contenido ya existente en la página. Así que si no ves un cambio en tu página inicialmente cuando añadas el nuevo diseño, haz scroll hacia abajo de la página para ver el nuevo diseño que aparecerá además del layout ya existente.

Y si quieres reemplazar el contenido existente por completo por el nuevo premade layout, puedes hacerlo con la opción “Replace Existing Content” (Reemplazar el Contenido Existente) antes de hacer uso del premade layout. Esta opción está situada justo bajo el preview del layout y los botones.

como funcionan los divi layouts

Cargar Diseños Guardados y Clonar Páginas Existentes

Si has guardado diseños (layouts) en tu Biblioteca de Divi, puedes acceder a ellos desde el pop-up “Load From Library” (Cargar desde la Biblioteca) bajo la pestaña “Your Saved Layouts” (Tus Diseños Guardados). Para cargar el diseño guardado en tu página simplemente clica el que deseas cargar desde la lista que te aparecerá.

mejores diseños predefinidos para divi

Puedes también acelerar el diseño de tu página clonando alguna de las páginas ya existentes en tu web. Clica la pestaña “Your Existing Pages” (Tus Páginas Existentes) y selecciona la página que quieres clonar. Esto desplegará el Layout (y el contenido) de la página a tu nueva página.

layouts elegant themes divi

Personalización y Flexibilidad

La posibilidad de añadir premade Layouts para acelerar el proceso de creación de una nueva página, abre todo un mundo de flexibilidad para crear tus propios y únicos diseños.

Una vez que los diseños de despliegan, puedes editarlos a tu gusto. Por ejemplo, si te gusta cierto Layout pero prefieres prescindir de cierta sección que aparece en él, simplemente la puedes borrar clicando en el icono de la basura para esa sección concreta y listo.

uso de los layouts de Divi

Y reemplazando cada elemento en la página con tu propio contenido, puedes tener un sitio web elegante y personal en unos pocos minutos. Gracias al Visual Builder, hacer estos cambios es muy sencillo. Desplázate sobre cualquier área donde quieras hacer cambios y te aparecerá el set de ajustes. Si deseas cambiar el texto, simplemente selecciónalo y empieza a teclear.

divi

Si te gusta el cambio que has hecho, puedes darle al botón de Guardar. Si no te gusta el resultado del cambio, siempre puedes deshacerlo usando el editor del historial, desde donde podrás incluso volver varios pasos atrás de manera inmediata.

Seguramente nunca has visto ninguna plantilla tan completa como Divi de Elegant Themes, y ahora con sus cientos de Packs de Layouts preparados para diferentes nichos de mercado, no tiene rival.

9 Diseños Predefinidos Divi para Profesionales

9 Diseños Predefinidos Divi para Profesionales

Diseños Predefinidos Divi para Negocios Profesionales

Divi es una excelente elección para crear webs profesionales o negocios que requieren de un título. Si no deseas construir tu web desde cero y no quieres usar un child theme, puedes utilizar alguno de los muchos diseños predefinidos disponibles para Divi y ahorrarte mucho tiempo y esfuerzo.

Estos diseños ya hechos o “Divi layouts” te permiten escoger tantos elementos de diseño como quieras y modificarlos para que se adecuen a tu gusto.

(más…)