¡Pruebe la demostración Divi 5 Alpha hoy!

Publicado: 2024-05-02

Regresé con otra actualización de Divi 5 y hoy me complace anunciar que hay disponible un sitio web de demostración de Divi 5. Una vez que completemos algunas funciones más y solucionemos los errores que encuentre, lanzaremos la alfa pública, que podrá descargar y probar en sus sitios web. Mientras tanto, actualizaremos la demostración cada dos semanas y podrás seguirla.

Pruebe la demostración de Divi 5

También configuramos una nueva página de inicio para Divi 5, donde encontrará un enlace al sitio web de demostración y una lista de todas mis actualizaciones mensuales de Divi 5.

Obtenga todos los detalles en el vídeo a continuación.

Explorando la demostración de Divi 5

Notarás que la nueva versión de Visual Builder está casi terminada. Algunas funciones que faltan incluyen acciones rápidas, buscar y reemplazar, ajustes preestablecidos, módulos WooCommerce y algunas opciones de condición. Si falta algo en la demostración, no es porque lo hayamos eliminado; simplemente aún no se ha agregado.

Esta es una versión pre-alfa . Te encontrarás con errores y peculiaridades en la interfaz, la mayoría de los cuales ya están en nuestro radar. Si nota un error, infórmelo a nuestro equipo de soporte. Todavía estamos puliendo las cosas y lanzar esta demostración nos permite tener la alfa pública en mejores condiciones antes de su lanzamiento.

¿Qué ha cambiado en Divi 5?

Divi 5 se ve un poco diferente. Todo funciona prácticamente de la misma manera que Divi 4, pero hay algunos cambios a tener en cuenta.

Interfaz personalizable: Divi 5 admite múltiples paneles, ventanas de paneles combinados y configuraciones de acoplamiento personalizadas.
Edición responsiva más sencilla: en lugar de habilitar la edición responsiva en el nivel de opciones, la edición responsiva se controla a nivel de aplicación. Cambie a cualquier vista y los cambios que realice mientras esté en esa vista se aplicarán automáticamente.
Nuevos modos de interacción: los modos de interacción también son diferentes en Divi 5. Ahora denominados "capas de interacción", puede seleccionar qué capas de elementos aparecen al pasar el mouse, incluidas las opciones de elementos, las opciones de elementos principales y los contornos de elementos. Al hacer clic en cualquier elemento se abrirá su panel de configuración. No es necesario hacer doble clic ni hacer clic en el ícono de ajustes. Todas las acciones están disponibles haciendo clic derecho, por lo que si desea ocultar todo para simplificar la interfaz y evitar superposiciones, esa es una opción viable.
Navegación intuitiva: también es más fácil navegar por la página, gracias al panel de capas acopladas y las rutas de navegación dentro del panel de configuración.
Rendimiento asombroso: Divi 5 es mucho más rápido, lo cual notarás de inmediato. Además, no se atascará con diseños grandes y complejos. Intenta hacer clic, duplicar cosas rápidamente y volverte loco con diferentes configuraciones y verás lo rápido que es.
Una interfaz simple y optimizada: la interfaz Divi 5 es más optimizada. Es más pequeño y más eficiente. Es más ágil y carece de animaciones y efectos innecesarios. Carece de los anticuados botones de guardar y cancelar en cada panel. También viene con un modo oscuro. Puede que te sientas como en casa con el diseño más grande, más lento y más divertido de Divi 4, pero una vez que te acostumbres a Divi 5, apreciarás sus nuevas fortalezas.

Mirando hacia el futuro

Los cambios más críticos en Divi 5 son las cosas que no puedes ver. Una nueva base detrás de escena hace que Divi sea más capaz desde una perspectiva de desarrollo, lo que permite a nuestro equipo y a la comunidad crear nuevas funciones que no eran posibles en Divi 4.

Una vez que lancemos Divi 5, comenzará la verdadera diversión porque avanzaremos rápidamente y crearemos todas las funciones que sabemos que deseas. Confía en mí; sabemos que necesita muchas características esenciales: generador de bucles, cuadrículas flexbox y CSS, accesibilidad mejorada, más módulos, mejores menús y opciones de encabezado; todo está en nuestro radar y no puedo esperar a superar este obstáculo para que podamos conseguir trabajo.

Lo que logramos este mes

A continuación, déjenme brindarles nuestro informe de progreso mensual. Continuamos puliendo la nueva interfaz y ampliamos esas mejoras a otras áreas de Divi, dándole al Creador de temas, las Opciones de tema, el Editor de funciones y la Biblioteca Divi una nueva capa de pintura. Continuamos nuestra misión de corrección de errores, solucionando más de 100 errores adicionales y reduciendo la lista a algo manejable. Terminamos los colores globales y la mayor parte de la vista de capas y comenzamos a trabajar en algunas funciones restantes del front-end, incluidos los activos dinámicos y la generación de archivos CSS estáticos.

También conectamos Divi Cloud a la nueva versión de la Biblioteca Divi, incorporando a nuestro pequeño equipo Divi AI/Cloud para implementar esas funciones y ayudar a que Divi 5 cruce la línea de meta un poco más rápido.

Aquí están las últimas entradas del registro de cambios de Divi 5.

Se agregó el componente de selección preestablecida en VB.
Se agregó una clase de elemento preestablecida al elemento del módulo en VB.
Se corrigió el margen superior incorrecto cuando la barra de administración estaba deshabilitada.
Se corrigió un error en la representación de CSS, que causaba que CSS para puntos de interrupción y estados de salida no estuvieran en la secuencia adecuada en algunos casos.
Se actualizó el estilo de entrada Cargar fuente.
Se corrigió el error al guardar/obtener una vista previa de cualquier módulo en VB.
Se corrigió el error al guardar estilos emergentes.
Se corrigieron las dimensiones modales y el posicionamiento del selector de íconos expandidos.
Se corrigió que la vista de capas se representara varias veces en la barra lateral izquierda cuando se hace clic con el botón derecho > se hace clic en la opción Ir a capa en varios módulos.
Configure Agregar altura modal para que se ajuste automáticamente a la altura de la ventana gráfica disponible.
Se solucionó un problema por el cual cuando no tiene colores globales o tiene cero, el botón Agregar color no es visible y, si tiene un color global, el color está oculto y solo el botón Agregar color es visible.
Se solucionó el problema por el cual agregar color global provocaba que se deshabilitara el área de interacción/trampa para ratones del módulo.
Se solucionó el problema de la etiqueta de acción dinámica para la pestaña de importación y exportación en el modo de portabilidad.
Se solucionó el problema del panel de configuración en el que el botón Habilitar redireccionamiento estaba desactivado, pero el campo URL estaba visible.
Se corrigió el tamaño modal de la capa transparente pasada al componente contenedor.
Se limpió parte del código detrás de escena al guardar una publicación/página
Se solucionó un problema por el cual la sincronización de colores globales solo se realizaba en el borrador y no en la publicación/vista previa.
Se solucionó un problema por el cual los colores globales eliminados no se eliminaban del diseño al guardar.
Se corrigió que el selector de color fallara en la gama de colores de negro a blanco.
Corregido: la apertura de modales cambia los valores de configuración del módulo.
Se solucionó un problema por el cual, si tiene muchos colores globales, al expandir la pestaña Colores guardados/recientes y luego abrir la pestaña de colores globales, las muestras de color se superponen sobre los títulos de las pestañas guardadas/globales/recientes.
Se agregaron pruebas para la funcionalidad de copiar y pegar del Portapapeles para verificar que los valores de los atributos de color globales se copien y peguen.
Se agregó soporte para el atributo showPlaceholderOnEmpty en el componente de campo TextArea.
Se agregó una función para ocultar la configuración en el módulo de blog cuando la longitud del contenido está configurada en "Mostrar contenido".
Se solucionó cuando el error por el cual el usuario elimina una columna de la vista de capas se elimina.
Se corrigió la posición incorrecta e impredecible de la barra de herramientas del editor en línea cuando los usuarios seleccionan algunos textos en el generador.
Se solucionó un problema por el cual la opción "Mostrar paginación" en el módulo de blog D5 no ocultaba la paginación en la interfaz cuando estaba deshabilitada.
Se solucionó el problema por el cual deshabilitar la opción 'Mostrar extracto' en el módulo de blog D5 no ocultaba el extracto en la vista previa de Visual Builder.
Se corrigió la interrupción del contenido responsivo debido a que @wordpress/hooks se movió a dependencias externas registrándolo como una dependencia para el script de vista múltiple en FE.
Se corrigió la secuencia de actualización incorrecta en el campo de texto enriquecido.
Corrige el subrayado de texto no deseado agregado al botón debido a un orden incorrecto de representación del estilo estático de estilo divi.
Se agregaron accesos directos a páginas faltantes (guardar la página, guardar la página como borrador, salir del generador visual, abrir portabilidad, acercar/alejar con capacidad de respuesta, cambiar al modo de estructura alámbrica)
Se corrigió la posición incorrecta de portabilidad y modo de guardar en la biblioteca cuando se abrió por primera vez.
Se solucionó el problema por el cual restablecer los estilos de desplazamiento restablecía los estilos del escritorio.
Se solucionó el problema por el cual el gradiente del botón se detenía en el estado del escritorio y cambiaba el valor al utilizado por la parada del gradiente al pasar el mouse.
Se corrigió el ocultamiento de la parte visible del elemento en su posición original mientras se arrastraba.
Se corrigió que el icono de reinicio “Desactivar activado” se ocultara/mostrara según las marcas/desmarcaciones visibles.
Se corrigieron los atajos de teclado que no funcionaban correctamente.
Se corrigió que el botón Restablecer no funcionara con las casillas de verificación.
Agregue la funcionalidad de columnas faltantes en las secciones especializadas.
Se agregó la opción de configuración del constructor para deshabilitar la barra de administración.
Se agregó la capacidad de desplazarse al módulo soltado en VB después de arrastrarlo y soltarlo en la Vista de capas.
Se agregó la capacidad de desplazarse al módulo soltado en VB después de arrastrarlo y soltarlo en la Vista de capas.
Se agregó un botón de diseño claro a la barra de la página.
Se agregó alternancia de modo de color en la barra de página.
La funcionalidad agregada garantiza que el grupo de capas se expanda solo cuando el módulo arrastrado sea el descendiente correcto del módulo.
Se agregó funcionalidad para expandir la capa cuando un usuario arrastra un módulo y pasa el cursor sobre el grupo de capas después de 200 ms.
Se agregó funcionalidad para resaltar el módulo real en el diseño cuando se coloca sobre el modo Vista de capas.
Se agregó un mecanismo para declarar los atributos `default` y `defaultPrintedStyle` del módulo en su propio archivo JSON.
Mecanismo agregado para extraer atributos que generan HTML, estilo y datos de script.
Se agregó un botón en la barra de página para salir del generador visual.
Se agregó un botón en la barra de página para obtener una vista previa del estado actual del generador en la interfaz.
Se agregó prevención para garantizar que la única columna de una fila no se elimine ni se mueva a otra fila.
Se agregó un prototipo de modo de configuración preestablecida.
Acoplar automáticamente la vista de capas a la barra lateral izquierda al abrirla.
Asegúrese de que el modo "Agregar desde la biblioteca" ahora aparezca centrado dentro del área de la página con un ancho y alto máximos iguales a 32 píxeles desde cada borde del marco en los cuatro lados.
Se corrigió un error en el módulo Blurb para los selectores de desplazamiento, lo que causaba que los estilos no se representaran en VB cuando se seleccionaba el estado de desplazamiento.
Se corrigió un error en Divi 5 donde los estilos de estado fijo no se representaban en VB al seleccionar el estado fijo en la configuración del módulo.
Se corrigió un mensaje obsoleto en PHP 8.3 relacionado con propiedades dinámicas.
Se corrigió un aviso de obsolescencia de PHP en el módulo Email Optin que ocurrió en PHP 8.2+.
Se corrigió que la etiqueta de administrador no estuviera sincronizada dentro del modo Vista de capas cuando se cambiaba desde Configuración del módulo o Modo de estructura alámbrica.
Se solucionó un problema por el cual todas las publicaciones se mostraban en el módulo de blog en Visual Builder, incluso cuando se seleccionaban ciertas categorías.
Se solucionó un problema por el cual el color de fondo de superposición y el ícono de superposición no se representaban correctamente en la parte frontal.
Se corrigió el desplazamiento automático roto al arrastrar el módulo cerca de la ventana gráfica superior/inferior.
Se corrigió el color de fondo del botón y el color del texto del botón en la cuenta de correo electrónico y los campos de protección contra spam en el panel de configuración en los módulos Formulario de contacto y Opciones de correo electrónico.
Se corrigió la selección de íconos predeterminados en el módulo de íconos cuando se carga inicialmente.
Se corrigió la visualización de contenido dinámico en la configuración del título en el elemento secundario para módulos como un acordeón.
Se corrigió el error encontrado durante la ejecución del comando de unidad de prueba de hilo.
Se corrigió el nombre de clase del módulo de testimonios incorrecto
Se corrigió la posición fija incorrecta del editor en línea.
Se solucionó el problema por el cual al guardar el borrador siempre se publicaba la página.
Se solucionó un problema por el cual algunos modelos y menús seleccionados parpadeaban desde la posición inicial incorrecta a la posición correcta.
Se solucionó un problema por el cual las pestañas no se mostraban en el módulo de pestañas.
Se corrigió el retraso en arrastrar y soltar en la vista de estructura alámbrica.
Se corrigieron las clases de animación de imágenes que faltaban en el módulo Persona.
Se corrigió la información sobre herramientas que faltaba en las pestañas de fondo.
Se corrigió la acción de opciones del módulo que no funcionaba cuando se hacía clic; abre la configuración del módulo en su lugar.
Se corrigió que se mostrara espacio inferior adicional en el módulo Acordeón al pasar el mouse.
Se corrigió el desplazamiento suave cuando la capa se arrastra de abajo hacia arriba.
Se corrigió el color del texto en el contenido del editor de texto enriquecido en modo oscuro.
Se solucionó el problema de desplazamiento del icono del módulo de publicidad.
Se solucionó el problema de la zona de colocación para el área inferior que hacía que soltáramos los módulos al final de la lista de módulos de capa.
Se solucionó el problema de mostrar las opciones del módulo a pesar de que el módulo de capa ya no estaba sobrevolado.
Se solucionó el problema que mostraba imágenes de galería de baja calidad en el módulo de galería FE.
Se corrigió la actualización de los nombres de las columnas secundarias en la configuración de filas y las columnas reordenadas al arrastrar.
Se introdujeron mejoras en el componente Selector de color, lo que permite una mayor extensibilidad y modularidad.
Presentamos un nuevo componente base para campos de transformación, que resuelve transformaciones CSS duplicadas.
Mantener el estado acoplado/desacoplado del modal para que se vuelva a abrir según su último estado cerrado.
Arrastrar y soltar el módulo creado se puede inicializar desde cualquier área de superficie del módulo.
Eliminar el botón de salida de la barra de administración
Se eliminó la capacidad de arrastrar y cambiar de tamaño de la carga desde el modo de biblioteca.
Se eliminaron las opciones del módulo de la columna de la sección de especialidad en el modo Vista de capas.
Se eliminó el selector de desplazamiento redundante para el módulo de inicio de sesión luego de la solución adecuada para el problema.
Se eliminó el método abreviado de teclado no utilizado.
Se reemplazó la UX basada en modos de Divi 4 con UX de capas de interacción.
Interfaz de usuario del generador visual optimizada (componentes modales y de campo)
Ocultar temporalmente los botones deshacer y rehacer de la barra de página hasta que se desarrolle el historial
Se actualizó y perfeccionó la función Colores globales, introduciendo un nuevo formato de ID de color global y mejor compatibilidad con los atributos del módulo.
Usé variables CSS para configurar los colores de la Vista de capas, reemplacé el uso innecesario de useSelect en el componente Layer Drag Handle para optimizar el rendimiento y usé consistentemente selectStore para nombrar el selector dentro del uso useSelect de la Vista de capas.

Estén atentos para más actualizaciones

Eso es todo por el informe de progreso de este mes. Mantente atento a más actualizaciones y no olvides seguirnos por correo electrónico y suscribirte a nuestro canal de YouTube para asegurarte de no perderte nada. Divi 5 es un proyecto enorme, pero volveré mensualmente para mantenerlos informados sobre nuestro progreso.