En este post os voy a hablar del nuevo Divi Builder backend, el histórico de los constructores Divi y que opciones hay para utilizarlo con WordPress 5.x y con las versiones anteriores de WordPress.

 

 

 

suscripción 10€/mes cursos joaquin barberá horizonweb

VER CURSOS

 

 

1.- Histórico de los diferentes constructores de Divi

 

Para comprender mejor el siguiente apartado, dedicado a la nueva interface del Divi builder, voy a hablar sobre los diferentes constructores que ha utilizado la plantilla Divi. Es decir, los diferentes formatos del Divi Builder.

Lo cierto es que en esencia y en opciones todos son similares, pero la interface (pantalla de trabajo) del constructor ha ido cambiando.

DESCUENTO DIVI

 

 

1.1.- El Divi builder backend clásico (Classic Divi builder)

 

Es el primer constructor con grandes prestaciones, que lanzó Elegant Themes específico para la plantilla Divi.

Es un constructor de bloques que se trabaja directamente desde las páginas o entradas de WordPress.

La principal característica de este constructor es que no vemos en tiempo real la estructura que estamos creando. Debemos realizar vistas previas de la página (previsualizaciones) para ver cómo está quedando la página que estamos creando.

Este constructor funciona muy bien para mover elementos de una posición a otra, pero por el contrario tiene el inconveniente de no poder ver en tiempo real lo que estamos creando.

 

Divi builder clasico - Classic divi builder

Divi builder clásico (Builder backend por bloes)

 

 

1.2.- El Divi builder visual

 

Este constructor apareció después del Divi builder clásico y permitía ver en tiempo real las construcciones que íbamos realizando en página o entradas de blog. Es decir, es un constructor tipo frontend.

Para lanzar el Divi builder visual, se hace necesario salir de la página o entrada de blog que se está editando. Al lanzar el Divi builder se accede a una interface fuera de la página, en la cual vamos viendo en tiempo real la estructura que vamos creando.

Para volver al constructor clásico es necesario cerrar la interface y volver al panel de administración de wordpress y finalmente acceder de nuevo a la página que estamos editando. Es decir, no es posible pasar del constructor visual al clásico directamente.

La principal característica de esta interface del Divi builder es que permite ver en tiempo real la construcción que estamos creando. Evitando tener que realizar previsualizaciones, como sucedía con el Divi builder backend clásico.

Este page builder es ideal para realizar ajustes de diseño cómo cambios de tamaño en el tipo de letra, tamaño iconos, etc. Ya que vemos los cambios en tiempo real. Por el contrario, es peor que el Divi builder clásico para realizar movimientos de bloques.

 

Divi builder visual o frontend

Divi builder visual

 

 

1.3.- El nuevo Divi backend builder unificado

 

Con la llegada de WordPress 5.0 y el nuevo editor por defecto para WordPress, conocido como “Gutenberg”, Divi lanza una nueva interface para el constructor Divi Builder, que han denominado cómo: “La Nueva experiencia del Divi Builder “ (New Divi Builder Experience). También lo puedes reconocer cómo el nuevo Divi backend builder o Divi builder unificado.

 

Mega guía sobre la plantilla Divi, la mejor plantilla para WordPress: Mega guía Divi

 

Este nuevo page builder permite, directamente desde la página de WordPress (por eso lo de backend), construir una estructura y en tiempo real ver cómo va quedando si tener que hacer previsualizaciones. Además, permite alternar en tiempo real con un constructor tipo Wireframe muy similar al Divi builder clásico.

Otro punto fundamental, es que este nuevo builder es mucho más rápido y consume muchos menos recursos. Es decir, es un builder mucho más optimizado.

Pero de esta nueva versión te voy a hablar, más detalladamente, en el siguiente apartado.

 

divi backend builder

Nuevo Divi Backend builder unificado, la nueva experiencia del Divi builder

 

 

 

2.- La nueva experiencia Divi Builder backend unificado ( New Divi backend Builder IU)

 

La tendencia actual con el Divi builder es ir hacia un constructor para la plantilla Divi tipo backend (gestione directamente desde la página de wordpress sin salir de ella) pero que sea tipo visual.

Este Page builder está disponible con la versión de Divi 3.18+ . Es decir, con al versión de Divi 3.18 y superiores.

Este page builder permite trabajar desde la administración de WordPress (por eso se denomina backend), pero de un modo visual. Además, permite alternar con un modo wireframe muy similar al constructor Divi clásico (Classic Divi builder).

También se denomina Divi builder unificado, porque une la experiencia visual del Divi builder Visual con el tipo bloques clásico (backend).

Este constructor permite desde la misma página de WordPress trabajar en modo visual o en modo bloques. Además, podremos cambiar de un modo a otro de forma instantánea (sin tener que salir de la página)

En la siguiente imagen podemos ver en la parte superior el Divi builder en el nuevo modo visual desde el backend y abajo el modo wireframe por bloques, muy similar al divi builder clásico. Podemos cambiar de una a otra vista de modo instantáneo haciendo clic en los iconos que ves marcados en la imagen.

 

nuevo divi builder

Cómo alternar entre el modo wireframe y modo visual (backend) con el nuevo Divi builder unificado

 

VIDEO USO DEL NUEVO DIVI BUILDER BACKEND UNIFICADO.

 

El nuevo Divi backend Builder, también permite cambiar en cualquier momento al page builder visual de antiguas versiones. Al que ya no podremos acceder será el Divi builder backend clásico (si tenemos WordPress 5+)

 

 

3.- Compatibilidad de la plantilla Divi y el Divi builder con WordPress 5.0+

 

Divi 3.18+ es compatible con WordPress 5x. Es decir, que la plantilla Divi en su versión 3.18.0 o superior es compatible con la versión de WordPress que incluye el Editor Gutenberg, la versión WordPress 5

Por lo tanto, si actualizas WordPress a la versión 5, asegúrate de haber actualizado antes la plantilla Divi a la versión 3.18 o superior.

Las versiones de Divi anteriores a la 3.18 no van a funcionar correctamente con WordPress 5.x, ya que no implementan la compatibilidad con Gutenberg.

La nueva interface del Divi Builder, viene implementada en la versión 3.18 de Divi o superior. Es decir, para utilizar el nuevo Divi Backend Builder unificado debes actualizar Divi a la versión 3.18.0 o superior.

También puedes utilizar Divi en su versión 3.18 con la versión anterior de WordPress. Es decir, lo puedes utilizar con la versión 4.9.8 de WordPress.

Pero lo que no puedes hacer es utilizar WordPress 5.x con la versión antigua de Divi. Es decir, con versiones anteriores a la 3.18

 

 

4.- Opciones actuales del Divi builder según la versión de WordPress y de la plantilla Divi

 

Según la versión de WordPress y Divi que estemos utilizando, en el momento de escribir este post, tenemos las opciones que he intentado reflejar esquemáticamente en la siguiente imagen, y que procedo a explicar.

 

Esquema opciones del divi builder según versión wordpress y divi

Esquema de opciones según versiones de WORDPRESS Y DIVI

 

 

4.1.- WordPress versión anterior a la 5.0

 

Utilizando la versión anterior a WordPress 5.0. Es decir, con la versión WordPress 4.9.8 podemos utilizar la plantilla Divi en una versión anterior a la 3.18 o,  por otro lado, utilizar la versión Divi 3.18.0 o superior (3.18.x)

 

 

4.1.1.- WordPress versión anterior a 5.0 y Divi versión anterior a la 3.18

 

WordPress 4.9.8 y Divi versión 3.17.x

Esta es la opción tradicional, que nos permite utilizar tanto el Divi builder backend clásico, como el Divi builder visual.

 

 

4.1.2.- WordPress versión anterior a 5.0 y Divi versión 3.18 o superior (3.18.x)

 

En este caso utilizaríamos la versión de WordPress anterior a la actualización 5.0. Es decir, usaríamos la versión WordPress 4.9.8. Por otro lado, utilizaríamos al versión 3.18.0 o superior de la plantilla Divi.

 

En este caso, por defecto nos aparecerá la el Divi builder backend clásico y el Divi builder Visual.

Pero, podremos cambiar a la nueva experiencia de Divi, con el nuevo Divi backend builder unificado si así lo deseamos. Activado el nuevo Divi Backend builder unificado, también podemos utilizar el Divi builder Visual.

Es decir, podremos usar las herramientas clásicas de la versión Divi 3.17.x o utilizar la nuevas herramientas de la versión Divi 3.18.x

Para cambiar a la nueva experiencia del Divi backend builder unificado tendremos que hacer clic en: “Switch to the new Divi builder”, como te muestro en la siguiente imagen.

 

Activar el nuevo divi builder backend con WordPress antiguo

Activar el nuevo Divi builder si utilizamos Divi 3.18+ y WordPress 4.9.8

 

 

4.2.- WordPress versión 5.0 y posteriores

 

Con la versión de WordPress 5 en adelante. Es decir, usando la versión WordPress 5.0 y posteriores, solo podemos usar la plantilla Divi en su versión 3.18.0 o superior. Ya que la versión 3.17.x de Divi NO es compatible con WordPress 5.x

Por lo tanto, si usas WordPress 5.x debes usar Divi 3.18+

En estas condiciones, vamos a poder utilizar por un lado el nuevo constructor Divi Backend unificado o el page builder visual. Pero ya no podremos utilizar el Divi builder clásico.

Por defecto, se activará Gutenberg y el constructor visual de Divi. Pero podemos cambiar a la nueva experiencia de Divi marcando 2 opciones, que veremos en los siguientes apartados .

 

 

4.2.1.- Por defecto Gutenberg + el Divi builder Visual

 

Por defecto, con WordPress 5.x y Divi 3.18.x, el editor Gutenberg aparecerá activo en WordPress.

En lo que se refiere al Divi builder, por defecto, solo podremos utilizar el constructor visual. Es decir, el Divi builder Visual.

Pero, podremos cambiar al nuevo Divi backend builder unificado, muy fácilmente, realizando las acciones que voy a comentar en el siguiente apartado.

En un futuro, se aumentará la integración con de Divi con Gutenberg y seguramente podremos utilizar directamente el nuevo backend builder unificado junto a Gutenberg. Pero el momento de escribir este post, aún no es posible.

 

 

4.2.2.- Utilizar el Editor clásico con la nueva experiencia Divi backend builder unificado

 

Si queremos utilizar el nuevo Divi backend builder unificado con WordPress 5.x y Divi 3.18.x, tendremos que ir a: “Divi > Opciones del tema > Builder > Advanced” y activar las siguientes opciones, como te indico en la siguiente imagen:

i.- Enable the latest Divi builder experience: Activar
ii.- Enable Classic Editor: Activar

 

activar nuevo divi builder y desactivar gutenberg

Activar el nuevo Divi builder con WordPress 5.x y Divi 3.18+

 

 

5.- Conclusiones y cuestiones fundamentales

 

i.- Divi en su versión 3.18.x es compatible con WordPress 5.x.

ii.- No puedes utilizar WordPress 5.x con una versión anterior de Divi a la 3.18, ya que no existe compatibilidad.

iii.- Elegant Themes ha lanzado con la versión Divi 3.18, una nueva versión del Divi builder, tipo backend y que unifica el builder clásico y el visual.

iv.- El nuevo Divi builder aún no está integrado realmente con Gutenberg, por este motivo es necesario activar el editor clásico o antiguo de WordPress y desactivar Gutenberg para poder usarlo. Además, por este motivo no aparece el nuevo Divi builder como opción por defecto.

v.- En un futuro se va a ir integrando el nuevo Divi builder con Gutenberg, para que sea la opción por defecto y no sea necesario desactivarlo y utilizar el editor clásico de WordPress.

 

 

Compártelo ya!!

RECIBE GRATIS CURSO WORDPRESS/DIVI Y MÁS:

 1.- CURSO WORDPRESS Y DIVI (22 vídeos)

2.- GUÍA PARA CREAR UNA PÁGINA WEB PROFESIONAL

3.- VÍDEO TRAINING, MIS PLUGINS IMPRESCINDIBLES WORDPRESS

4.- GUÍA TALLER SEO PARA WORDPRESS

Consentimiento

Vé a tu buzón de correo y confirma la suscripción. Si no encuentras el correo de confirmación mira en la carpeta de SPAM.