Gutenberg y la nueva experiencia de Builder Divic

La temporada de cambio nos ha llegado. La reciente llegada de WordPress 5.0 presenta un editor de bloques completamente nuevo (alias Gutenberg). Y el lanzamiento de nuestra nueva experiencia Divi Builder Experience no solo ofreció una integración suave con Gutenberg, sino que también mejoró toda la experiencia de diseño con DIV. Estos nuevos cambios indudablemente traerán algunas preocupaciones y confusión sobre cómo Div y Gutenberg trabajan juntos y cómo usar el mejor DIV con todos estos cambios. Este tutorial está destinado a mitigar el golpe del cambio, brindándole opciones disponibles y los pasos necesarios para que la nueva experiencia de Divi Builder funcione con éxito en WordPress 5.0.
No se preocupen por aquellos de ustedes que no están preparados para Gutenberg o la nueva experiencia de constructor. Discutiré las opciones disponibles para que las cosas funcionen como de costumbre. Y para aquellos de ustedes listos para aventurarse en lo desconocido, esta guía lo ayudará a encontrar el camino. Esto es lo que cubriré en este tutorial:
La importancia de instalar la última versión de la división en la actualización de WordPress 5.0
Cómo funciona el nuevo Builder Divi con Gutenberg de forma predeterminada
Cómo activar el nuevo constructor Divin en Backend con WordPress 5.0 (método preferido)
Editar una nueva página con el nuevo Div Backend Builder
Usar el clásico Divi Builder junto con el nuevo Div
La importancia de instalar la versión más reciente de Divi para actualizar a WordPress 5.0 La última versión de Divin es compatible con WordPress 5.0. Entonces, si actualiza a WordPress 5.0, asegúrese de actualizar y dividir a 3.18+. Esta nueva versión aborda muchos de los problemas de compatibilidad con el nuevo editor de bloques de Gutenberg. Si mantiene una versión anterior de DIV, tendrá problemas para acceder al constructor y otras configuraciones de página hasta que actualice. Las versiones más recientes de los extra, Bloom, Monarch y el complemento Divi Builder también son compatibles con WordPress 5.0, por lo que es mejor actualizarlos también. Cómo el nuevo Builder Divi con Gutenberg funciona de forma predeterminada Una vez que actualiza a WordPress 5.0 e instala Div 3.18 (la última versión), está listo para comenzar a construir su sitio. Si agrega una nueva página, será recibido con una ventana emergente que le permita usar Divi Builder o el editor predeterminado de WordPress (ahora Gutenberg). Simplemente haga clic en “Use Divi Builder”.
Notará que se lanzará directamente en el Visual Builder desde el frente.

Si sale de Visual Builder y edita la página de backend, verá que no hay Div Classic Div disponible. Tendrá la opción de lanzar Divi Builder solo en el frente.

Esto se debe al hecho de que WordPress 5.0 ha eliminado el editor clásico y lo ha reemplazado con el editor de Gutenberg. Por lo tanto, todas las aplicaciones conectadas, incluido Divi Builder clásico, han sido eliminadas. En resumen, no hay un constructor clásico de divi sin el editor de WordPress Classic. Cómo activar el nuevo constructor Divin en Backend con WordPress 5.0 (método preferido) para acceder a la nueva división de backend, solo toma unos pocos clics. Desde el tablero de WordPress, navegue por las divisiones> opciones de temas. Una vez que llegue allí, haga clic en la pestaña Generador. En las opciones del generador, haga clic en la pestaña avanzada. Allí encontrará las opciones para activar la última experiencia de Divi Builder y activar el editor clásico (WordPress). Deberá activar ambas opciones para disfrutar del nuevo constructor en Backend. Luego haga clic en Guardar los cambios. Nota: la opción de activar el editor clásico en las opciones de temas de Divin reemplaza la necesidad de usar el editor clásico, en el editor que ofrece las contribuciones de WordPress a aquellos que no están preparados para usar Gutenberg. Una vez que haya estado activo, el último constructor Divin y el editor clásico en las opciones de base, está listo para comenzar a construir sus páginas con la nueva experiencia de Div Builder. Edición de una nueva página con la nueva interfaz de uso de Div Backend Builder con el nuevo Builder Divi activado en WordPress Classic Editor, verá el conocido botón “Usar Div Builder”. Haga clic en este botón como de costumbre para implementar Divi Builder.

Luego seleccione cómo desea comenzar a diseñar su página de las tres opciones que aparecen.

Ahora está en funcionamiento con la nueva experiencia de Div Builder en pleno efecto. Notará que el nuevo constructor de backend Divin se parece a Classic Backend Divi Builder, con algunas características nuevas a la mano. Aquí hay algunas características notables del editor de páginas que lo ayudarán a comprender mejor la nueva experiencia.

El botón “Construir en el extremo frontal” reemplazó el botón tradicional “Usar el Visual Builder”, pero la funcionalidad es la misma. Implementará Divi Builder en el frente para una experiencia de construcción visual completa como antes. La razón principal para formular este botón es que desde un punto de vista técnico ya no hay un constructor visual separado. Hay un solo constructor Divin al que ahora se accede en la parte posterior y en el frente.

Los modos de vista ahora están disponibles en Backend

La nueva Diva del constructor ha traído Visual Builder y todas sus características en Backend. Ahora ya no tiene que regresar y volver con la edición de la página. Para activar la experiencia del fabricante visual en el Backynd, puede cambiar los diversos modos de visualización en la parte superior del constructor. De manera predeterminada, el modo de vista de estructura alámbrica está activo, lo que tiene sentido, porque se ajusta estrechamente a la aparición del clásico constructor de troncos con el que estamos acostumbrados a ver. Sin embargo, puede cambiar entre diferentes vistas (escritorio, tableta y teléfono inteligente) para editar visualmente su página (como lo ha hecho con Visual Builder) en Backyt, sin tener que abandonar la página.

Nueva interfaz de uso de la divicante constructor
Además de la capacidad de cambiar varias vistas en el backend, la interfaz de uso de Divi Builder funciona perfectamente en el backend al editar la página. Por ejemplo, cuando edita la configuración de un elemento en backend, la configuración modal se puede mover a cualquier ubicación en toda la ventana del navegador, lo que le brinda el espacio necesario para realizar ediciones de backend mientras ve los cambios en tiempo real. Builder.

Si no está demasiado preparado para la nueva experiencia de Divi Builder, aún puede usar Divi Builder clásico como antes. La última versión del Divin ha incorporado una forma extremadamente simple de implementar el Builder clásico de Divi que se encuentra en la parte inferior de la interfaz de usuario de Divi Builder al editar su página. Allí verá un enlace que le permitirá volver al clásico Divi Builder a través de un solo clic.


Nota: También puede ir al clásico Divi Builder en opciones temáticas. Haga clic en la pestaña Generador y luego en la pestaña Opciones avanzadas. Allí puede encontrar la opción de activar o desactivar la última experiencia de Divi Builder. Simplemente deshabilite esta opción para mantener el clásico Divi Builder como antes. Pero no olvide ver el clásico Builder Divi en Backend, debes asegurarte de que activar la opción de editor clásico.

Nuevas características Divi Builder

El nuevo constructor de backend Divin también incluye todas las nuevas funciones fuertes, que anteriormente estaban disponibles solo en Visual Builder. Y si esto no ha sido suficiente, también obtendrá algunas nuevas actuaciones y mejoras de los usuarios con este nuevo constructor. Estas actualizaciones incluyen:

Una experiencia de construcción más rápida que nunca utilizando el uso de Cachoo Lever 100% exacta Descripción de su página en todas las vistas usando React Portal
La posibilidad de copiar y pegar entre páginas en Visual Builder, como puede hacer en Classic Builder.

Vea el nuevo artículo de Divi Builder Experience para obtener más información sobre las nuevas características poderosas disponibles. El uso del clásico constructor de la Divic junto con New Div como se mencionó anteriormente, puede pasar al uso de Divi Builder clásico utilizando el enlace proporcionado en el nuevo editor de páginas Div Backend Builder o desactivando al Builder Divi más reciente en las opciones de base . Después de hacer el cambio, el editor de la página de backend se verá casi exactamente como antes, con algunos cambios menores. Notará que el viejo botón “Usar Visual Builder” ahora muestra “Build en la parte delantera”, pero la función sigue siendo la misma que antes. También tendrá la opción de pasar a la nueva división de constructor haciendo clic en un enlace proporcionado en la parte inferior del backend Divin.

Tenga en cuenta que Classic Divi Builder continuará faltando en todas las nuevas funciones disponibles ahora en Backend en New Builder. Recapitulación y preguntas frecuentes ¿Debería actualizar Div o ir a WordPress 5.0? No se preocupen por aquellos de ustedes que no están preparados para Gutenberg o la nueva experiencia de constructor. No tiene que actualizarse a WordPress 5.0, pero si hace esto, también deberá actualizar para todos los remedios de compatibilidad que hemos incluido para WP 5. Por lo tanto, no desea * tener * actualizar a Div ahora Don ‘ Tengo que actualizar WordPress ahora. ¿En qué orden debo realizar actualizaciones? No tiene que hacerlo en un cierto orden, pero deberá asegurarse y actualizar el Divin si actualiza WordPress 5.0. ¿Cómo funcionará la nueva experiencia de la Divica en versiones más antiguas de WordPress? Como antes, sin embargo, la nueva división incluye el nuevo Builder Divi en Backend, con todas las nuevas características que alguna vez estuvieron disponibles solo en Visual Builder. ¿Pero los errores? Seguimos activamente los posibles errores que han surgido debido a la naturaleza del cambio significativo que trae Gutenberg y lanzamos versiones de remediación (prácticamente diariamente) para garantizar que las cosas sean lo más estables posible. Ahora que Guteberg está aquí, ¿tengo que usar Visual Builder? No, ahora puede usar el nuevo Builder Divi en Backend, que viene con todas las nuevas funciones que alguna vez han estado disponibles en Visual Builder. (Vea arriba: cómo activar la nueva división del constructor en Backend con WordPress 5.0 (método preferido)) ¿Dónde está el antiguo (familiar) Backend Classic Backend Builder?