Como utilizar las plantillas prediseñadas de Divi

1. Acceder al escritorio de WordPress 

Inicia sesión en tu sitio web de WordPress y dirígete al Escritorio. Desde allí, vas a poder gestionar todas tus páginas. 

2. Añadir una nueva página 

• En el menú del lado izquierdo, selecciona Páginas > Añadir nueva. 

• Esto te llevará a la interfaz para crear una nueva página. 

3. Seleccionar el Divi builder 

• Una vez que te encuentres en la pantalla de la nueva página, verás un botón que dice usar el Divi builder. Haz clic en él para activar el editor de Divi en esa página. 

4. Elegir cómo empezar el diseño 

Divi te ofrecerá tres opciones al abrir el editor visual: 

• Construir desde cero: si quieres empezar un diseño personalizado desde cero. 

• Elegir un diseño prediseñado: donde puedes usar plantillas ya creadas por Divi. 

• Clonar una página existente: si quieres reutilizar una página ya hecha en tu sitio. 

En este caso, selecciona elegir un diseño prediseñado. 

5. Acceder a la biblioteca de plantillas de Divi 

• Al elegir esta opción, se abrirá la biblioteca de diseños Divi, donde encontrarás cientos de plantillas prediseñadas que puedes usar de inmediato. 

• Puedes navegar por diferentes categorías o usar la barra de búsqueda para encontrar plantillas relacionadas con tu nicho o tipo de página, como portafolios, blogs, contactos, landing pages, etc. 

6. Previsualizar y seleccionar una plantilla 

• Antes de seleccionar un diseño, puedes hacer clic en cada plantilla para previsualizar cómo se verá. Esto te permitirá ver cada sección, fila y módulo que compone el diseño. 

• Si te gusta la plantilla, haz clic en usar este diseño. 

7. Editar el diseño prediseñado 

• Una vez que hayas seleccionado la plantilla, Divi la cargará en el editor visual. Desde aquí, puedes personalizar cada aspecto del diseño. 

• Puedes modificar el texto, imágenes, colores y otros estilos en cada sección, fila y módulo del diseño prediseñado. Divi te permite hacer todo esto de manera visual, viendo los cambios en tiempo real. 

8. Guardar la página 

• Después de hacer todas las modificaciones necesarias, no olvides hacer clic en el botón Guardar (o «Publicar» si ya está listo). 

• También puedes guardar el diseño en tu biblioteca para reutilizarlo en otras páginas si lo deseas. 

9. Ver tu página en vivo 

Una vez publicada, puedes ver cómo se ve tu página en vivo y seguir ajustando el diseño desde el editor visual de Divi si es necesario. 

10.Elegir la opción «Construir desde Cero» 

• En este caso, selecciona Construir desde cero para empezar con un lienzo en blanco. 

11. Añadir una estructura (Sección) 

• Divi organiza las páginas en secciones, filas y módulos. 

• Primero, debes añadir una sección. Haz clic en el botón azul que dice + Añadir Sección. 

• Podrás elegir entre: 

• Sección regular: La opción más común, con la estructura básica. 

• Sección especial: Para diseños más avanzados, con una disposición compleja de columnas. 

• Sección de ancho completo: Para módulos que ocupan todo el ancho de la página. 

Selecciona la que más te convenga para tu diseño inicial. 

12. Añadir una fila dentro de la sección 

• Una vez que hayas creado una sección, se te pedirá que añadas una fila dentro de esa sección. 

• Divi te ofrecerá varias opciones de columnas para la fila: 1, 2, 3 columnas, o configuraciones más avanzadas como 1/3 y 2/3, etc. Elige la disposición de columnas que mejor se ajuste al diseño que tienes en mente. 

13. Añadir módulos a la fila 

• Dentro de cada columna de la fila, puedes añadir módulos. Los módulos son los bloques de contenido que componen tu página. 

• Haz clic en el botón gris + Añadir Módulo. Aparecerá una lista de módulos disponibles. Algunos de los módulos más comunes son: 

• Texto: Para añadir párrafos o encabezados. 

• Imagen: Para insertar imágenes. 

• Botón: Para incluir botones con enlaces. 

• Galería, Llamado a la acción, Mapa, Slider, etc. 

Puedes elegir el módulo que necesites para cada columna de la fila. 

14. Personalización de los módulos 

• Una vez que hayas agregado un módulo, puedes personalizarlo completamente: 

• Editar contenido: En cada módulo, puedes escribir el contenido directamente, como texto, agregar imágenes, etc. 

• Diseño: Aquí puedes ajustar el estilo visual del módulo: fuentes, colores, alineación, márgenes, y más. 

• Configuración avanzada: Si necesitas mayor control, puedes acceder a opciones avanzadas como el espaciado, animaciones o agregar CSS personalizado. 

15. Añadir más secciones y filas según el diseño 

• Para continuar diseñando tu página, puedes seguir añadiendo más secciones (azul), filas (verde) y módulos (gris) según sea necesario. 

• Recuerda que cada sección, fila y módulo puede ser personalizado visualmente, ajustando el tamaño, color de fondo, imágenes, etc. 

16. Vista previa y ajustes 

• Puedes hacer clic en el icono del ojo (Vista Previa) para ver cómo se verá tu página en tiempo real mientras haces los cambios. 

• También puedes ajustar cómo se verá tu página en dispositivos móviles, tabletas y escritorio usando los controles de vista de Divi. 

17. Guardar y publicar la página 

• Una vez que hayas terminado de construir tu página, haz clic en el botón Guardar. 

• Si la página está lista para ser publicada en el sitio, selecciona Publicar. 

18. Opciones avanzadas (Opcional) 

• Si lo deseas, puedes explorar configuraciones más avanzadas como animaciones, efectos hover, o configuraciones de estilo global para mantener la coherencia en todas las páginas de tu sitio.