Damos un vistazo general de los puntos que trataremos y de las diferentes secciones que iremos construyendo en el curso.
Curso de Divi 4.0 Avanzado
CONTENIDOS
Introducción al Curso de Divi 4 avanzado
En este Curso de DIVI 4.0 Avanzado, aprenderás a gestionar contenidos de forma avanzada en tu sitio web con el tema Divi 4 y su personalizador, para llevar tu web a otro nivel.
Divi está basado en bloques de contenido para crear secciones, filas y módulos, que pueden añadirse o moverse con tan solo un clic. Puedes crear tus páginas desde cero con estos bloques, o utilizar un layout y sus módulos de contenido prediseñados.
Divi 4 ofrece además opciones de edición y desarrollo para usuarios avanzados, por lo que su potencial para la construcción de sitios web es ilimitado.
Con Divi 4 puedes realizar cambios directamente sobre tu web y ver el resultado en tiempo real.
Contenidos de este Curso de Divi 4 avanzado
En este curso de 16 lecciones abordamos la construcción de una cabecera y pie de páginas globales (para toda la web) y la creación de secciones para CTA, tarjetas, anuncios, galería de imágenes, contadores y formulario de contacto.
Dedicamos una lección al CSS que aunque no es 100% imprescindible en Divi, ayuda a mejorar la forma en que se visualizan determinados elementos de la web adaptándolos a tus gustos o las necesidades de tus clientes.
Abordamos también la gestión de colores globales personalizados, una característica incorporada en febrero de 2021.
Temario del curso:
- Presentación Curso de Divi 4 Avanzado
- Construcción cabecera global
- Construcción pie de página global
- Sección principal y llamada a la acción
- Sección de tarjetas con módulos de llamada a la acción y de imagen
- Sección media con fondo y módulos anuncios
- Sección de módulo de galería de imágenes – equipo
- Sección de módulos de contadores
- Sección de módulo de galería imágenes – proyectos
- Sección de formulario contacto
- Colores globales en Divi 4
- Retoques finales con CSS
- Cómo utilizar el Modo Seguro en Divi 4
- Opciones para añadir código CSS en Divi 4
- Añadir efectos de scroll en Divi 4
- Cómo utilizar las posiciones fijas en Divi 4
Duración del Curso de Divi 4 avanzado
El Curso tiene una duración de 1 hora y 48 minutos repartida en videos en cada lección. En determinadas lecciones dispones de textos de apoyo de rápida lectura.
Calculamos que la realización de este curso no debería llevarte más de 2 horas si lo realizas seguido, aunque puedes optar por repartirte las lecciones en varios días y así asentar mejor los conocimientos practicando con una web en tu Hosting o en tu ordenador.
Requisitos del Curso de Divi 4 avanzado
Para poder llevar a cabo este curso es recomendable disponer de un Hosting en el que previamente hayas instalado una web con WordPress y el tema Divi (de pago) de forma que puedas experimentar lo explicado en este curso.
Los requisitos esenciales para realizar este curso son:
- Tener un Hosting donde alojar tu web WordPress (no se incluye con el Curso) o tu equipo (ordenador).
- Disponer de una instalación de WordPress (en un Hosting o en tu ordenador).
- Tener ya instalado el tema Divi (tema comercial que no se incluye en este curso).
- Recomendamos haber realizado el “Curso de Divi 4 básico”.
Es un Curso que puedes hacer usando un Hosting que tengas contratado en algún proveedor o realizarlo en tu propio ordenador (mediante herramientas instalables gratuitas como XAMPP, LAMPP, AppServ, Bitnami o similares).
¿Para quién es este Curso de Divi 4 avanzado?
El curso está pensado para usuari@s que ya tengan una base con Divi 4 y que quieran seguir profundizando en el uso del personalizador, añadiendo nuevas funcionalidades y creando elementos disponibles en el constructor.
Se requiere tener conocimientos básicos de WordPress, de forma que puedas abordar el Curso con comodidad y soltura.
Si no tienes estos conocimientos básicos te animamos a realizar el Curso de WordPress Básico GRATUITO y así obtener la base necesaria para realizar el Curso de Divi 4 avanzado.
¿Cómo funciona este Curso de Divi 4 avanzado?
El diseño de nuestros cursos es sencillo, y requiere estar registrad@ GRATUITAMENTE en Webempresa University y para posteriormente MATRICULARTE en el Curso y poder realizarlo.
Una vez que te matriculas, el curso pasa a estar asociado a tu ficha de Alumn@ y En progreso, que irá avanzando en porcentaje a medida que vayas realizando lecciones y cuestionarios.
El Curso es necesario realizarlo en el orden en que se presentan las Lecciones y no es posible saltar una o varias, ya que no podrás avanzar sin no lo haces linealmente, una lección detrás de otra.
Todas las Lecciones del Curso tienen al final un Cuestionario de preguntas, en la parte final de la lección (abajo del todo), que tendrás que realizar y superar obteniendo al menos el 80% de puntuación para que se considere lección aprobada y puedas pasar a la siguiente o finalizar si se trata de la última lección.
Si te atascas en un cuestionario de preguntas ¡no te preocupes!, tienes el botón Reiniciar cuestionario que te permite resetear esas últimas respuestas dadas y volver a repetirlo para obtener mejor puntuación.
Si superas todos los cuestionarios de las Lecciones, al finalizar el Curso se expedirá un Certificado que acredita que lo has completado con éxito.
¿Quien imparte el Curso de Divi 4 avanzado?
El curso está creado e impartido por Jhon Marreros Guzmán, miembro del equipo de Webempresa, especializado en WordPress, WooCommerce, Elementor y otros plugins y temas para WordPress.
Jhon Marreros Guzmán
Soporte técnico WordPress en Webempresa
Ponente habitual en Meetups y WordCamps de América.
El Curso es gratuito, en español (castellano) y está desarrollado por técnicos de Webempresa especialistas en WordPress.
Certificación del Curso de Divi 4 avanzado
A la finalización del curso te hacemos entrega un Certificado por haber completado todo el curso, el cual estará disponible en formato descargable.
Te espero en este Curso de Divi 4 avanzado de Webempresa University para ayudarte a mejorar tu curva de conocimientos con uno de los mejores Personalizadores para WordPress del momento.
¡Dá el paso y entra en el Curso! 👍
El éxito depende del esfuerzo.
Sófocles
Lecciones del Curso de Divi 4 avanzado
Lecciones
Construcción cabecera global
Aquí vamos a construir una cabecera que usarán todas las páginas del sitio web, usaremos la característica de Divi 4 para generar temas.
Construcción pie de página global
Aquí vamos a construir un pié de página que usarán todas las páginas del sitio web, usaremos la característica de Divi 4 para generar temas.
Sección principal y llamada a la acción
Construiremos la sección principal del sitio usando una sección con imagen de fondo y oscurecida, además de un módulo de llamada a la acción.
Sección tarjetas con módulos y de imagen
Veremos cómo usar los módulos de texto combinados con imágenes para construir tarjeta que se mostrarán en columnas.
Sección media con fondo y módulos anuncios
Veremos cómo construir una sección de módulos de llamada a la acción configurados para mostrar iconos, además de una sección con imagen de fondo
Sección de módulo de galería de imágenes – equipo
Usaremos el módulo de galería de imágenes configurado para mostrar las imágenes de los integrantes del equipo.
Sección de módulos de contadores
Construiremos una sección usando módulos de contadores distribuidos en columnas.
Sección de módulo de galería imágenes – proyectos
Usaremos el módulo de galería de imágenes para mostrar las imágenes de los proyectos realizados.
Sección de formulario contacto
Usaremos el módulo de texto combinado con el módulo de formulario que viene con Divi 4.
Colores globales en Divi 4
La nueva característica de colores globales en Divi permite administrar fácilmente el cambio de colores de los elementos.
Retoques finales con CSS
En esta última Lección aplicamos algunos retoques CSS al menú, a las imágenes de galerías y a la imagen de fondo con un efecto de paralelaje.
Cómo utilizar el Modo Seguro en Divi 4
En esta Lección aplicamos algunos retoques CSS al menú, a las imágenes de galerías y a la imagen de fondo con un efecto de paralelaje (parallax).
Opciones para añadir código CSS en Divi 4
En esta última Lección aplicamos algunos retoques CSS al menú, a las imágenes de galerías y a la imagen de fondo con un efecto de paralelaje.
Añadir efectos de scroll en Divi 4
Utiliza las animaciones de Divi 4 para aplicar efectos de scroll en determinados elementos de tu tema.
Cómo utilizar las posiciones fijas en Divi 4
Cómo fijar elementos utilizando determinados contenedores de sección o página completa en Divi 4.