Escrito por Matias Adrian Romero

17 Oct 2020

Instalando y personalizando los dise├▒os predefinidos de Divi

Si utilizas el tema Divi de Elegant Themes en tu web, seguro que te interesa saber más acerca de los diseños predefinidos o Divi Layouts.

Estos dise├▒os permiten que puedas crear una landing page o una web completa en muy poco tiempo.

Adem├ís a d├şa de hoy hay m├ís de 1300 dise├▒os predise├▒ados… y subiendo, por lo que es muy probable que encuentres un dise├▒o que se adapte a la tematica de tu web.

ÔîŤ Tiempo estimado de lectura: 5 minutos

┬┐Qu├ę son los dise├▒os predefinidos de Divi?

Estos dise├▒os o layouts, pertenecen a un pack completo de la librer├şa de plantillas de Divi, todos ellos han sido dise├▒ados con fotograf├şas y recursos gr├íficos originales y libres de derecho de autor.

Estos packs predefinidos est├ín enfocados cada uno de ellos a distintos sectores profesionales, desde peluqueros hasta abogados, pasando por copywriter, freelances, pasteler├şas… En total tienen m├ís de 185 packs tematizados.

Además cada semana incluyen un nuevo pack a su lista por lo que están en constante renovación aplicando las nuevas funciones que se van incluyendo con cada actualización de divi 

┬┐D├│nde puedo conseguir el listado completo con los layouts de divi?

Desde la propia web oficial de elegant themes puedes acceder al listado con todos los packs disponibles: https://www.elegantthemes.com/layouts/

En el caso de que ya tengas instalado Divi en tu web, entonces puedes acceder desde el Divi Builder. Te lo explico en el siguiente apartado.

C├│mo instalar los packs desde la biblioteca de dise├▒os de Divi

Puedes cargar los divi layouts directamente desde el constructor de divi, para ello accede al panel de administración de WordPress, crea una nueva entrada o página y elije editar con el Divi Builder

editar con divi builder

Verás que al crear una nueva página o entrada te aparecen tres opciones, la que te interesa es la de elegir diseño.

Con esta opci├│n puedes acceder al constructor de contenido eligiendo entre cientos de dise├▒os prefabricados de la biblioteca de elegant themes.

crear diseno predefinido divi

Una vez hayas abierto la biblioteca ver├ís que en la columna de la izquierda puedes utilizar el buscador para filtrar por palabras clave o bien utilizar el filtro de categor├şas para ver las plantillas de una rama profesional concreta.

En la esquina superior derecha puedes intercambiar la vista rejilla por un listado para ver más rápidamente todas las plantillas.

cargar diseno prefabricado

C├│mo personalizar un dise├▒o preconfigurado a tu gusto

Una de las grandes ventajas de los divi layouts es que son muy flexibles a la hora de personalizarlos para que encajen con el contenido y la temática de tu página web.

Hay pocos temas en WordPress que cuenten una cantidad tan grande de dise├▒os predefinidos y al mismo tiempo permitan personalizar el contenido y dise├▒o a tu gusto.

Para personalizar una plantilla de divi primero elije el dise├▒o que m├ís te guste de toda la librer├şa.

Recuerda que dentro de cada pack puedes elegir la plantilla que mejor se adapte a la página que estas maquetando, puede ser la home, la página de contacto, servicios o el blog.

personalizar un diseno predefinido

Despu├ęs de cargar el dise├▒o en tu p├ígina ver├ís c├│mo se a├▒aden todos los m├│dulos de la plantilla y te permite editarlos desde el propio constructor de divi

Desde aqu├ş puedes personalizar cada uno de los m├│dulos a tu gusto, ya sea elimin├índolos, duplic├índolos, movi├ęndolos de sitio o personalizando su aspecto desde la barra de opciones.

editar un diseno divi layout

Tambi├ęn tienes la posibilidad de mezclar dos layouts distintos, simplemente abre la barra de opciones de la parte inferior y vuelve a la biblioteca.

Puedes cargar cualquier dise├▒o de elegant themes o si lo prefieres uno que hayas hecho t├║.

barra opciones divi

Recuerda que antes de añadir una plantilla desmarques la opción de reemplazar contenido existente, en caso contrario se eliminará lo que tuvieras antes.

remplazar contenido existente

Cómo cargar los layouts personalizados en otra página de tu sitio web

Duplicar un diseño en otra página de tu web es muy sencillo, cuando vayas a crear una nueva página o entrada en tu WordPress tienes que volver a abrir el divi Builder y en este caso elegir la tercera opción: Clonar página existente

clonar pagina existente

Verás cómo se te abre una ventana con un listado de todas tus páginas o entradas existentes, simplemente elige la que te interese copiar y recuerda de no marcar la opción de eliminar diseño existente si no quieres que desaparezca lo anterior.

paginas existentes

Crear una plantilla con dise├▒os personalizados para instalar en otro WordPress

Migrar tu dise├▒o predefinido en otra instalaci├│n de WordPress es muy sencillo, simplemente tienes que seleccionar la opci├│n de portabilidad y desde la pesta├▒a exportar te permite guardar esa plantilla en formato JSON

Para importar esa plantilla simplemente accede a tu nuevo WordPress y elije la misma opci├│n solo que esta vez desde la pesta├▒a ┬źimportar┬╗

exportar diseno predefinido divi

Conclusi├│n

Cómo has visto, las plantillas predefinidas de elegant themes son un recurso muy interesante para mejorar tu experiencia creando páginas web en WordPress.

Recuerda que desde nuestro blog puedes comprar divi con descuento a un precio muy reducido.

Tambi├ęn te animo a que visites el blog oficial de divi┬ádonde encontrar├ís muchos recursos y dise├▒os predefinidos para instalar en tu WordPress.

5/5 (1 Review)

No te vayas a├║n, hay mucho m├ís…

Los 5 mejores plugins para Divi

Los 5 mejores plugins para Divi

Recopilatorio con los mejores plugins third party para añadir funcionalidades exclusivas a tu página web. Potencia tu Divi al siguiente nivel.

Comprar Divi con un descuento al mejor precio

Comprar Divi con un descuento al mejor precio

┬┐Est├ís buscando la manera de conseguir Divi al mejor precio? No busques m├ís, te voy a explicar c├│mo ahorrar de m├ís de 50ÔéČ en el mejor tema WordPress.­čĺ░

0 comentarios

Enviar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende c├│mo se procesan los datos de tus comentarios.

Chat Whatsapp
Acepte nuestra pol├ştica de privacidad primero para comenzar una conversaci├│n.