WORDPRESS
TEXTO

Divi builder

Lección 3

Hoy os presento el editor visual Divi Builder.
Este editor visual es un plugin de los chic@s de Elegant Themes con el podrás maquetar tu página web o blog arrastrando y soltando elementos o bloques, al igual que hacemos con Thrive Architect.
Este plugin apareció hace muy poquito en el mercado ya que los chic@s de elegantthemes siempre lo vendían como parte de sus propios temas pero no de manera individual.
Antes de salir como plugin suelto, Divi no se podía utilizar en temas que no fueran de elegant themes por lo que la compañía lo independizó para tener mas venta y así poder utilizarlo en cualquiera de los temas del mercado actual.

Introducción y funciones de Divi builder

Para comenzar vamos a ver las configuraciones que podemos realizar al instalar nuestro plugin Divi Builder.
Nada mas instalar nuestro plugin se nos va a habilitar un nuevo menú en nuestro escritorio de WordPress llamado Divi.
En dicho menú encontramos tres partes o submenús:

  • 1
    Opciones del plugin
  • 2
    Biblioteca de Divi
  • 3
    Divi editor de funciones

En el siguiente vídeo podéis ver como funcionan y se editan estos tres menús.
El nivel de configuración es muy completo ya que podemos dar permiso o no a todas las herramientas del plugin según el rol de cada usuario. Muy útil para blogs multiautor y para restringir el acceso a nuestros clientes según el nivel de conocimiento de WordPress de los mismos.

Secciones de Divi Builder

A continuación te voy a mostrar las diferentes secciones que nos ofrece el plugin Divi Builder.
Los chic@s de Elegant Themes diferencian cuatro tipos de secciones como vemos en el siguiente cuadro.

  • 1
    Sección estándar
  • 2
    Sección de ancho completo
  • 3
    Sección especial
  • 4
    Sección donde añadir nuestra propia creación desde la biblioteca del plugin

En el siguiente vídeo te lo muestro más claramente.

Como has podido observar las secciones son bloques donde podremos colocar módulos para empezar a maquetar nuestras páginas.

Módulos de anchura completa

Como ya hemos visto existen varias secciones y cada una de ellas con sus respectivos módulos.
En el vídeo vemos los módulos que podemos insertar en una sección de anchura completa, los cuales no tienen nada que ver con los que veremos en la sección estándar y especial.
Vamos allá:

Como has visto en esta sección sólo se pueden utilizar 8 módulos.
Con los mismos podremos crear sliders, poner cualquier elemento embebido con código HTML, colocar una imagen corporativa, insertar un mapa de google, colocar nuestro menú, poner un portfolio con nuestros trabajos realizados, colocar el título de la publicación o un título diseñado por nosotros.
Además todo se puede configurar a nivel individual, pudiendo poner animaciones, colores personalizados, css y mucho más...
Como ves son sólo 8 módulos pero bien completitos.

Módulos sección estándar

A continuación te muestro los 33 módulos que podemos colocar en la sección estándar y en la especial. Con estos módulos podremos configurar nuestras páginas de una manera muy profesional.
Me ha salido un vídeo un poco largo pero tenía que enseñaros todo lo que nos ofrece Divi.
Veámoslo:

Como ves el plugin es muy completo. Crea tus secciones, añade los módulos correspondientes y listo!!
Imágina las combinaciones que puedes realizar con los 33 módulos y las diferentes secciones.
Ahora sólo te toca trabajar para dejar tu página web lo más profesional posible.
Ahora edita tus páginas con tu imagen y colores corporativos.

Conclusión

Como has podido observar durante los tres vídeos, trabajar con Divi es relativamente fácil y no requiere de conocimientes de código para poder realizar una web con un aspecto profesional.
Es por ello que Divi es el maquetador visual con la comunidad más grande y el que mayor tendencia de búsquedas tiene en Google.
Ojo!!
Eso no quiere decir que sea el mejor, ni el que mejor te vaya a ir a tí como usuario o como implementador WordPress.
Yo te recomiendo que pruebes los máximos posibles y te quedes con el que mejor se adapte a tu forma de trabajar y el que mayor rendimiento y resultados te proporcione.
Por eso mismo después de probarlos casi todos, yo me quedé con Thrive Architect.
Desde la versión 3.0 de Divi, ya se puede trabajar directamente desde el front-end para poder visualizar directamente los cambios que vamos realizando.
En breve tendré el vídeo para que puedas ver como se trabaja con Divi desde el front-end.
Si quieres probar el plugin en mi intranet lo puedes encontrar al suscribirte a mis cursos.
Espero que te haya servido el tutorial.
Ya sabes que si tienes alguna duda puedes hacérmela llegar a través del formulario de contacto que te dejo a continuación.
Un abrazo.