Divi 5 Public Alpha Versión 7: ¡Progreso de nuevas funciones!

Publicado: 2025-01-23

La alfa pública de Divi 5 está disponible para pruebas. Si usa Divi 5, verá una notificación de actualización para la versión 7 de Public Alpha hoy. Lanzamos nuevas versiones de Divi 5 cada dos semanas y ¡cada vez mejora! Si aún no has probado Divi 5, pruébalo y cuéntanos lo que piensas.

Tabla de contenido
  • 1 ¿Qué hay de nuevo en Public Alpha 7?
    • 1.1 Mejoras y correcciones de errores destacadas
    • 1.2 Progreso de las funciones
    • 1.3 Registro de cambios
  • 2 Salta a Divi 5 hoy

¿Qué hay de nuevo en la Alfa pública 7?

Esta nueva versión de Divi 5 incluye 38 correcciones de errores y avances significativos en cuatro funciones próximas . Ocultamos estas características detrás de indicadores de características hasta que las finalizamos, fusionando periódicamente partes y piezas muy probadas en el producto principal. Con cada actualización, logramos un progreso tangible hacia el lanzamiento de cada nueva característica.

Hemos terminado de reescribir la base de Divi. Tenemos los errores bajo control. ¡De ahora en adelante, las funciones estarán a todo vapor!

Mejoras y correcciones de errores destacadas

Entre las 38 correcciones de errores y mejoras incluidas en esta versión, estas son algunas de las más destacadas:

Nuevo botón de salida y atajos

Esta es una simple mejora de la calidad de vida. El botón de salida en Visual Builder ahora tiene un menú desplegable que le permite seleccionar varios puntos de salida. Puede regresar al editor de publicaciones de WordPress, ver la página en la interfaz o regresar al panel de WordPress. Puede salir a cualquiera de estas áreas mediante los atajos de teclado etiquetados en el menú.

Mejoras de rendimiento

Esta versión mejora significativamente el rendimiento al utilizar Divi con WooCommerce. Si tiene instalado WooCommerce, notará que la carga de Visual Builder es mucho más rápida que antes. También se mejoraron los tiempos de carga generales de Visual Builder, reduciendo entre 200 y 300 ms los tiempos de carga promedio. ¡No estamos jugando con el rendimiento! Seguiremos haciendo que Divi sea más rápido.

Progreso de la función

Cuatro equipos están trabajando en cuatro funciones: puntos de interrupción personalizables, ajustes preestablecidos de grupos de opciones, integración Divi AI y módulos WooCommerce. Estamos dividiendo nuestro tiempo en partes iguales entre las funciones existentes de Divi 4 y las nuevas funciones agregadas a Divi 5 como parte del intercambio de funciones recientemente anunciado. Un quinto equipo está trabajando en errores y ayudando a los creadores de Divi Marketplace con documentación de desarrollo mejorada y otras mejoras. En breve se incorporará un sexto equipo.

Estamos intensificando las cosas y planeamos lograr avances fantásticos en los próximos meses.

También hay otras funciones disponibles, incluidas funciones muy solicitadas, como un nuevo sistema de cuadrícula basado en Flexbox, funciones faltantes de Divi 5, como áreas de encabezado y pie de página editables en el generador, y funciones sorpresa que consideramos esenciales para el futuro de Divi como una plataforma avanzada. sistema de diseño de sitios web.

Aquí está el progreso que hemos logrado hasta ahora:

Puntos de interrupción personalizables

Esta característica está completa aproximadamente en un 80%. Hay muchas posibilidades de que lo lancemos con Public Alpha 8 o 9. Hicimos un progreso fantástico en solo unas pocas semanas.

Pronto, Divi 5 se enviará con siete puntos de interrupción predefinidos en lugar de tres. Puede activar y desactivar cada punto de interrupción y personalizar cada ancho, lo que le brinda control total sobre su diseño en cada dispositivo. Si siete puntos de interrupción personalizables no son suficientes, continuaremos con esta función permitiéndole agregar más.

Estamos ocultando puntos de interrupción personalizables detrás de una bandera de función hasta que finalice, lo que significa que aún no es visible en la interfaz de Divi 5.

Integración de Divi AI

Esta característica es esencialmente completa. Todos los aspectos de Divi AI se han integrado en Divi 5, incluido el diseño, el texto, la imagen y la generación de código. Después de corregir algunos errores, lanzaremos esta función con Public Alpha 8.

Estamos ocultando Divi AI detrás de una bandera de función hasta que esté terminado, lo que significa que aún no es visible en la interfaz de Divi 5.

Preajustes de grupo de opciones

¡Es una característica sorpresa! Hemos terminado aproximadamente al 50% con este, cuyo lanzamiento está previsto para principios de marzo. Los ajustes preestablecidos del grupo de opciones son una extensión de los ajustes preestablecidos del módulo y se pueden usar en todos los tipos de módulos, superponiéndose a los ajustes preestablecidos del módulo.

Si tiene, por ejemplo, estilos de fondo, borde, sombra de cuadro o fuente compartidos que utiliza en todo su sitio web, puede convertirlos en ajustes preestablecidos. Aplique opciones preestablecidas a múltiples elementos en su sitio web para crear un sistema de diseño dinámico.

Divi se convertirá en el sistema de diseño más avanzado y flexible de WordPress, y los ajustes preestablecidos son sólo el comienzo.

Estamos ocultando los ajustes preestablecidos del grupo de opciones detrás de una bandera de función hasta que finalice, lo que significa que aún no es visible en la interfaz de Divi 5.

Módulos de WooCommerce

Todavía estamos en la fase de planificación de los módulos de WooCommerce. Estamos evaluando el camino óptimo a seguir para garantizar que nuestros módulos sean compatibles con el cambio a bloques de WooCommerce, y hay algunas tareas de limpieza que debemos finalizar con nuestra colección de módulos completada antes de introducir otros ~20 módulos.

Planeamos lanzar módulos de WooCommerce uno por uno. Mientras tanto, aún puedes usar los módulos WooCommerce heredados de Divi 4 en Divi 5.

Registro de cambios

Aquí hay una lista de todos los cambios implementados en Public Alpha 7.

  • Se agregó un menú desplegable en el botón Salir para permitir múltiples opciones de salida.
  • Se corrigió una corrección excesiva del desplazamiento de altura cuando un encabezado fijo podía superponerse a secciones ancladas en tabletas y dispositivos telefónicos.
  • Se corrigió la opción showBottomSpace dentro del módulo Imagen, que no funcionaba.
  • Se agregó soporte para los componentes ImageSizing e ImageSpacing a advancedStyles para generar estilos y sus transiciones correspondientes.
  • Se corrigió el problema de transición del botón de reproducción del módulo de video desde el escritorio y al pasar el mouse.
  • Se implementaron configuraciones de módulo generadas automáticamente para el módulo de código de ancho completo.
  • Se actualizó el módulo Alternar para usar la configuración del módulo generada automáticamente.
  • Se corrigieron problemas de velocidad basados ​​en WooCommerce que aumentaban significativamente la velocidad y eficiencia de Divi cuando se usaba con WooCommerce.
  • Se mejoró el verificador de dependencias para aumentar la eficiencia.
  • Proporcionó una solución sólida para tiempos de carga lentos experimentados anteriormente en la representación frontal de contenido de código corto en modo de compatibilidad con versiones anteriores.
  • Se corrigió la exportación de elementos de la biblioteca con ajustes preestablecidos de la biblioteca Divi.
  • Se mejoró el manejo centralizado de la URL raíz de la API REST en el almacén de configuración, lo que reduce las solicitudes de red y simplifica la lógica.
  • Se corrigió el aislamiento y la confiabilidad de las pruebas mejorados mediante la actualización de simulacros relacionados con la API REST.
  • Se corrigieron los campos CSS personalizados que no funcionaban en el módulo Blog cuando se representaban en la interfaz.
  • Se solucionó el problema del paso local del control deslizante de rango.
  • Se solucionó un problema por el cual restablecer las casillas de verificación no funcionaba en algunos casos.
  • Se agregaron nuevas unidades CSS a las opciones de Escala de transformación, Imagen de fondo y Patrón de fondo para aceptar unidades como px, em, rem, vh, vw, etc.
  • Se introdujo una nueva página de tutorial denominada “Modificación de la salida del módulo” que explica cómo modificar la salida del módulo con ganchos de envoltura del módulo.
  • La serie de tutoriales "Agregar configuraciones de módulo personalizadas mediante gancho" pasó a llamarse "Personalizar configuración y salida del módulo".
  • Agregar componentes de interfaz de usuario para puntos de interrupción personalizados. Estos aún no son visibles para el usuario final.
  • Se actualizaron las series de tutoriales “Agregar grupo de opciones personalizadas” y “Agregar campo de opciones personalizadas” para usar el módulo de audio como caso de prueba para conectar los próximos tutoriales, como elementos y estilos de renderizado.
  • Se corrigió que la etiqueta de título del módulo Tablas de precios no funcionara mientras el valor de nivel principal estaba en uso.
  • Se corrigió el procesamiento de datos dinámicos mediante la actualización de expresiones regulares para admitir estructuras anidadas similares a JSON.
  • Se actualizó cómo ponemos en cola los scripts en los tutoriales Ampliar la configuración de la página y Crear un módulo rápido simple.
  • Se corrigieron las imágenes de paralaje definidas en el nivel del escritorio que no aparecían en puntos de interrupción más pequeños.
  • Se corrigió el nombre del botón de carga de medios al cargar un archivo de video desde el módulo deslizante.
  • Se corrigió la estructura alámbrica que mostraba el color de fondo del sitio web, lo cual no era el previsto.
  • Se corrigió el componente CheckboxesContainer donde los valores predeterminados no funcionaban.
  • Se corrigió un error tipográfico en la explicación de la configuración de color de los íconos.
  • Se agregó la acción de almacenamiento asignarGroupPresetToDefault para establecer un grupo de opciones preestablecido como predeterminado.
  • Se corrigió el tipo modal de ayuda del generador de temas.
  • Se actualizó la página de Introducción en la sección "Conversión del módulo Divi 4 a Divi 5" de la documentación para hacer referencia al nuevo repositorio.
  • Se agregaron secciones de advertencia a las páginas de tutoriales en la sección "Conversión del módulo Divi 4 a Divi 5", lo que indica que los tutoriales están desactualizados y se están actualizando actualmente.
  • Se agregó la acción de tienda updateOptionGroupPresetWithCurrentStyles para manejar actualizaciones preestablecidas de los estilos actuales.
  • Se agregó la acción de almacenamiento deleteOptionGroupPreset para manejar el mecanismo de eliminación preestablecida.
  • Se agregó la acción de almacenamiento cloneOptionGroupPreset para manejar el mecanismo de clonación preestablecida.
  • Se actualizó la vista previa desactualizada y se corrigieron errores gramaticales en la página del tutorial Agregar contenido de marcador de posición.
  • Información obsoleta actualizada y vista previa del tutorial de creación del módulo dinámico Divi 4.
  • Se actualizó el mecanismo del marco de la aplicación de creación visual para puntos de interrupción personalizables.
  • Se solucionó un problema en la tabla de precios donde los estilos no se aplicaban al texto del título cuando el nivel de encabezado del título estaba establecido en h6.
  • Se solucionó un problema por el cual la transición de altura no funciona en el módulo de imagen.
  • Se solucionó el problema de alineación del texto "Leer más" en el módulo Blog cuando se usaba el diseño de cuadrícula.
  • Se solucionó el problema de alternancia de campos personalizados manuales de la opción de visualización de condiciones.
  • Se solucionó un problema en el diseño del generador de temas donde el editor de título de la publicación siempre mostraba la fecha actual en lugar de la fecha correcta.
  • Se corrigió el icono de cierre del panel TinyMCE roto.
  • Se corrigió el cambio de estructuras de columnas que causaron que la barra lateral de configuración se soltara inesperadamente.
  • Se agregó la acción de tienda addNewOptionGroupPreset para manejar actualizaciones preestablecidas de los estilos actuales.
  • Se solucionó el problema del sistema del portapapeles cuando copiar y pegar estilos a veces no funcionaba.
  • Se agregó funcionalidad para mostrar el grupo preestablecido asignado en la interfaz de usuario del grupo.
  • Se agregó la acción de tienda addNewOptionGroupPresetFromCurrentStyles para agregar un nuevo ajuste preestablecido a partir de los estilos actuales.
  • Se corrigió que la opción de diseño de botones salte al seleccionar cualquier diseño de botón en el generador visual.
  • Se solucionó el problema de superposición del icono de desplazamiento del módulo de imagen en el estado de desplazamiento.
  • Acciones mejoradas del almacén de datos globales ('divi/global-data').setDefaultPresetOnSave() y ('divi/global-data').unsetDefaultPresetOnSave() para admitir el manejo de ajustes preestablecidos de grupos de opciones.
  • Se agregó la acción de almacenamiento updateOptionGroupPresetName para actualizar el nombre preestablecido del grupo de opciones.
  • Se solucionó el problema del valor predeterminado del recuento de publicaciones para el control deslizante de publicaciones y el módulo del control deslizante de publicaciones de ancho completo.
  • Se solucionó un problema por el cual los cambios preestablecidos no se revertían después de hacer clic en "Cancelar cambios".
  • Se solucionó un problema por el cual los estilos se imprimían dos veces para los módulos que usaban ajustes preestablecidos definidos.
  • Se agregó la acción de tienda editPresetAttribute para manejar los atributos preestablecidos del grupo de opciones.
  • Se corrigió un error al hacer clic en un pin del mapa en el módulo del mapa, lo que causaba que la información sobre herramientas no funcionara correctamente.
  • Se corrigió que la opción de superposición del módulo de imagen de ancho completo no apareciera al pasar el mouse.
  • Se agregó la acción de almacenamiento ('divi/global-data').addDefaultOptionGroupPreset() para manejar la funcionalidad para crear ajustes preestablecidos predeterminados para grupos de opciones específicos.

Salta a Divi 5 hoy

Ahora es el momento de probar Divi 5 e informar errores. Continuaremos trabajando agresivamente para solucionar los problemas que encuentre. ¡También disfrutará de una experiencia de construcción rápida, un rendimiento frontal muy mejorado y una nueva interfaz moderna!

Háganos saber lo que piensa hasta ahora y permanezca atento a una nueva versión de Divi 5 cada dos semanas. De ahora en adelante, Divi 5 mejorará periódicamente a través de Alpha, Beta y más allá.