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.
ÍNDICE DIVI BACKEND BUILDER UNIFICADO Y WORDPRESS 5.X
- 1.- Histórico de los diferentes constructores de Divi
- 2.- La nueva experiencia Divi Builder backend unificado ( New Divi backend Builder IU)
- 3.- Compatibilidad de la plantilla Divi y el Divi builder con Wordpress 5.0+
- 4.- Opciones actuales del Divi builder según la versión de Wordpress y de la plantilla Divi
- 5.- Conclusiones y cuestiones fundamentales
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 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
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.
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.
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.
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 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 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 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.
Soy Blogger y formador profesional. Me gustaría que este blog te sirviera para conocer más de cerca el mundo del diseño web y de WordPress. Mi proyecto online es una plataforma de formación online tipo membership site, denominada cursotiendaonline.com donde podrás acceder a todos los cursos por solo 10 €/mes
Gracias por la información, muy completa. Me sirvió muchísimo.
Hola, muy interesante tu artículo, Yo estoy haciendo pruebas con otra base de datos antes de pasar mi web a wordpress 5.0 y actualizar divi.
En esa versión de prueba tengo wordpress 5.1.1. y Divi 3.2.1.
he activado lo que dices
Enable the latest Divi builder experience y Enable Classic Editor y también el plugin editor clásico
Pero no funciona bien. Al editar nueva entrada ( una creada) no es posible poner enlaces a artículos internos (no hay opción de buscarlos) ni editar los externos (Se pueden poner pero no ajustar para que salgan en ventana nueva) y tampoco funciona la opción html al editar nueva entrada (si se abre en entradas creadas pero tampoco va bien)
No sé si alguien más le ha pasado, he probado a activar y desactivar los diferentes plugins, pero tampoco iba. . yo mientras no lo vea claro sigo con mi site en wordpress 4.9
Buenas noches, yo el problema que me encuentro es que se me ha actualizado solo el WP a 5.0 y ya me está avisando de que hay otra versión, y esto ha sido en una semana.
Que podría hacer?
Un saludo
Hola Antonio,
1.- Qué raro que WordPress se te haya actualizado solo en un cambio mayor de versión. Consulta a tu hosting, por si tienen establecida una configuración especial sobre tu WordPress.
2.- Sí, después de WordPress 5.0, ya está la 5.1 y más «pequeñas» nuevas versiones que saldrán para arreglar problemas de la versión 5.0.
3.- Mi recomendación a día de hoy (14/12/2018) es no actualizar aún a WordPress 5.0
4.- En tu caso, que ya has actualizado a WordPress 5.0, mi recomendación es que sigas actualizando a las nuevas versiones, para que se te vayan solucionando los problemas aparecidos con la versión 5.0 de WordPress.