En este curso completo de Divi, aprenderás desde la instalación y configuración del tema hasta el diseño avanzado de páginas web. Comenzaremos con la adquisición de Divi, explorando las diferentes opciones de licencia y cómo instalarlo en WordPress. Te introduciré al Divi Builder, explicando su interfaz y las herramientas disponibles, así como la diferencia entre este y el editor clásico de WordPress.
Profundizaremos en la estructura básica del diseño en Divi, incluyendo secciones, filas y módulos, y cómo trabajar con ellos para crear layouts atractivos. Utilizaremos el editor visual para arrastrar y soltar, permitiéndote editar contenido en tiempo real. Aprenderás a utilizar plantillas prediseñadas y crear diseños personalizados desde cero, ajustando estilos y configuraciones avanzadas.
El curso también cubrirá la diseño responsivo, asegurando que tus páginas se vean bien en dispositivos móviles. Además, exploraremos el Divi Theme Builder, donde podrás crear plantillas personalizadas para tu sitio, incluyendo cabeceras, pies de página y diseños de blog.
Al final del curso, tendrás todas las habilidades necesarias para diseñar sitios web profesionales y optimizados con Divi.
1. Instalación y Configuración de Divi
- Cómo instalar el tema Divi en WordPress.
- Configuraciones básicas del tema.
2. Secciones, Filas y Módulos
- Estructura básica del diseño en Divi: Secciones, filas y módulos.
- Tipos de secciones: Regular, Ancha y Especial.
- Cómo trabajar con filas: Diseño de columnas.
- Módulos básicos: Texto, imágenes, botones, etc.
- Cómo añadir, editar y mover elementos en Divi.
3. Personalización Visual
- Uso del editor visual de Divi para arrastrar y soltar.
- Editar contenido directamente en el front-end.
- Uso de ajustes rápidos y atajos del teclado.
4. Diseño de Páginas con Plantillas de Divi
- Cómo utilizar plantillas prediseñadas en Divi.
- Importar y exportar diseños.
- Crear un diseño personalizado desde cero.
5. Personalización de Estilos y Diseño Avanzado
- Personalización de fuentes, colores y espaciado.
- Uso de CSS personalizado en Divi.
- Efectos avanzados: Sombras, transformaciones y animaciones.
6. Diseño Responsivo
- Cómo diseñar para dispositivos móviles.
- Ajustar el diseño para tablets y smartphones.
- Vista previa y optimización móvil.
7. Uso de Divi Theme Builder
- Introducción al Divi Theme Builder.
- Cómo crear plantillas personalizadas para cabecera, pie de página y post.
- Crear diseños de blog personalizados.
- Asignación de plantillas a páginas específicas.
