Divi 5 Public Alpha 11: Notas de lanzamiento y progreso de funciones

El Divi 5 Public Alpha está disponible para su uso en nuevos sitios web. Si usa Divi 5, notará una notificación de actualización para el público Alpha versión 11 hoy. Lanzamos nuevas versiones Divi 5 cada dos semanas, ¡y mejora cada vez! Si aún no ha probado Divi 5, pruébelo y háganos saber lo que piensa.

¿Qué hay de nuevo en Public Alpha 11?

No publiqué una publicación sobre Public Alpha 10, por lo que esta publicación cubrirá todo lo que hemos logrado desde Public Alpha 9.

Hemos implementado 103 correcciones y mejoras de errores, dos nuevas características (preajustes de grupos de opciones y unidades avanzadas), y avanzamos significativamente en tres características próximas .

Correcciones de errores y mejoras

Esta versión incluye un puñado de soluciones y mejoras menores. Estamos rastreando todos los errores informados y abordándolos uno por uno. En total, fusionamos 103 correcciones de errores y mejoras. Enumeré cada cambio en el cambio de cambio a continuación, pero aquí hay algunos aspectos destacados:

1. Velocidad mejorada y hacer clic en Comentarios : ¡todo en Visual Builder se siente mucho más rápido! ¿Por qué? Porque cambiamos a usar el mouse hacia abajo en lugar del mouse para la mayoría de las interacciones. Ahora, las cosas responden tan pronto como haga clic en el mouse; ¡Es genial! Por razones de accesibilidad, los botones aún usan el mouse hacia arriba.
2. Presionando Enter para validar los valores : extendimos el tiempo para los campos y las unidades de validación e implementamos la validación instantánea al presionar ENTER o desenfocar un campo. No tiene que esperar para la validación y no obtendrá una validación automática tan a menudo al escribir lentamente.
3. Desmiring de caché preestablecido : al guardar preajustes y colores globales, el caché completo del sitio web no se borra correctamente. Esto fue arreglado.
4. Desapareciendo las fuentes de Google : un error extraño y molesto provocó misteriosamente que Google Fonts se desplomara en la parte delantera. Eso no sucederá más.
5. Seguridad de comprobación triple : revisamos las correcciones de seguridad de Divi 4 de los últimos años para garantizar que no hayamos cometido errores similares en Divi 5 y luego realizamos una revisión de seguridad. Encontramos algunos problemas menores y seguridad endurecida en esas áreas.
6. Icono de campo Overhal : rediseñamos los iconos que aparecen al pasar el rondado en los campos en el panel de configuración. Los iconos previamente en línea, como el contenido dinámico y los iconos de IA, se han movido por encima del campo. Todos los iconos son más pequeños y alineados a la derecha para facilitarlos.

Progreso de características

Estamos avanzando a toda velocidad con el desarrollo de características. Tenemos seis equipos trabajando a tiempo completo en Divi 5. Esto es lo que están haciendo.

1. Equipo uno: este equipo arregla los errores y ayuda a los creadores de Divi Marketplace con conversión de módulos.
2. Equipo dos: este equipo está trabajando en los módulos WOO, la característica final para Divi 5 para ingresar beta.
3. Equipo Tres: Este equipo ha cambiado de enfoque y ahora está mejorando la compatibilidad atrasada con los módulos Divi 4 en preparación para la Beta Divi 5.
4. Equipo cuatro: este equipo está trabajando en un nuevo sistema de diseño FlexBox para Divi, una característica previamente no anunciada. ¡Estén atentos para un vistazo próximamente!
5. Equipo Cinco: Este equipo está trabajando en filas anidadas, que di un adelanto de esta semana.
6. Equipo Six: Este equipo está trabajando en variables de diseño Divi, que está casi terminada.

Aquí está el progreso que hemos logrado desde el público Alpha versión 9.

Presets del grupo de opciones

Terminamos esta función y la lanzamos en Divi 5 Public Alpha 9.3. Puede descargar Divi 5 y probar los preajustes del grupo de opciones hoy.

Los preajustes del grupo de opciones son estilos compartidos que se pueden combinar y aplicar a cualquier módulo Divi para diseñar los elementos base de su sitio web y crear sistemas de diseño avanzados. Es un cambio de juego absoluto; Una vez que el concepto hace clic, no hay vuelta atrás.

Unidades avanzadas

Terminamos esta característica y la lanzamos en Divi 5 Public Alpha 10.1. Puede descargar Divi 5 y probar unidades avanzadas hoy.

Divi ahora admite todas las unidades CSS, incluidos los valores sin unidad, como un INSET y FIT-Content, y funciones como Clamp () y Calc (), lo que hace que la creación de diseños receptivos con tipografía de fluidos sea más fácil que nunca.

También puede definir las variables CSS y hacerlas referencia a lo largo de sus diseños.

Variables de diseño Divi

¡Estamos 90% terminados con variables de diseño Divi y esperamos lanzarlo la próxima semana! Es posible que escuche la frase "cambiante el juego" que se arroja a menudo al describir nuevas características, pero esta realmente merece la etiqueta.

Es un paso audaz en una nueva dirección para Divi y una parte esencial del sistema de diseño de Divi 5, que estamos creando para satisfacer las necesidades de los diseñadores web avanzados.

Filas anidadas

Es otra característica sorpresa. A principios de esta semana, eché un vistazo a las filas anidadas. ¡Filas dentro de las filas! Es una idea simple, pero un primer paso importante para crear un sistema de diseño más flexible para Divi 5.

Pronto, podrá agregar filas dentro de las filas, desbloqueando nuevas estructuras de diseño.

Diseños de FlexBox

Es otra característica sorpresa. No he dado un adelanto de este todavía, pero aquí hay un poco de vista.

Estamos revisando por completo el sistema de diseño de Divi para usar FlexBox, implementando muchas estructuras de filas nuevas y la superficie de la superficie de FlexBox para módulos, filas y secciones. Puede crear cada diseño bajo el sol con Flexbox y filas anidadas. Además, puede controlar la envoltura de columnas, la alineación vertical de contenido, el desglose de columnas receptivo y más.

Esta actualización masiva llevará algún tiempo, pero valdrá la pena la espera.

Módulos de WooCommerce

Desde el exterior, el progreso en los módulos WOO ha parecido inexistente. Esto se debe a que estábamos investigando bloques de WOO y creando una nueva herramienta CLI para reducir en gran medida el tiempo que lleva convertir los módulos Divi 4 a Divi 5.

Un poco de inversión valdrá la pena a largo plazo.

¡La buena noticia es que completamos nuestra herramienta de conversión de módulos esta semana! Esta herramienta automatiza el 80% del trabajo de conversión de módulos tediosos. Usando esta herramienta, esperamos convertir todos los más de 20 módulos WOO en los próximos dos meses, preparando el escenario para un lanzamiento Beta Divi 5 de mediados de año.

Mientras tanto, continuamos empujando a Divi 5 hacia adelante y alentando la adopción con mejoras agresivas. No olvide que puede usar Divi 5 ahora, incluso en sitios web de WooCommerce, utilizando plantillas y bloques de WooCommerce estándar.

Colegio de cambios

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

• Se corrigió un error con gradientes que contenían colores globales que no emigraron correctamente a Divi 5.
• Se corrigió la opción de recuento de imágenes que no funcionaba en el módulo de la galería.
• Se solucionó un problema en el que los valores de color global no podían guardar/aplicar a la configuración de la página, mientras que los colores regulares guardaban/se aplicaban correctamente.
• Internacionalización fija para algunas etiquetas preestablecidas.
• Módulo de mapa y mapa de mapa actualizado para usar devoluciones de llamada para el campo MAP para la configuración del módulo generado por auto.
• Se solucionó un problema en el que la animación del módulo de contador numérica se activó en la carga de la página en lugar de al ingresar a la vista.
• Rendimiento mejorado al interactuar con la interfaz de usuario del constructor.
• Se solucionó un problema en el que el color de texto abierto en los elementos de acordeón se restablezca al valor predeterminado al cambiar el nivel de encabezado del título en la configuración del módulo.
• Se solucionó un problema en el que el icono no estaba centrado verticalmente cuando se usaba contenido dinámico.
• El nivel de encabezado del módulo deslizante y acordeón se fija para el preajuste de módulos y el grupo de opciones preestablecido.
• Se solucionó un problema con el módulo divisor que no se muestra cuando se establece en posición: Absolute.
• Los colores de fondo adhesivos fijos no se aplicaban correctamente en las filas tanto en Visual Builder como en Frontend.
• Índice de documentos generados actualizados y página de introducción.
• Se solucionamos el problema del módulo deslizante Reinit cambiando el nivel de encabezado desde el panel de configuración.
• Se corrigió el problema de visibilidad del color del icono ampliado mientras cambiamos el estado de ánimo de color a la oscuridad.
• Actualizamos nuestra validación de entrada para aceptar reglas de función matemática incompleta.
• La validación de la función matemática actualizada para el selector de la unidad ahora puede manejar paréntesis anidados en el valor de la función matemática.
• Eliminado 'documentos' adicionales de la documentación y actualiza todos los enlaces.
• Se solucionó un problema en el que el modo de edición preestablecida del grupo de opciones se cerraría prematuramente al crear preajustes a partir de los estilos actuales.
• Se solucionó un problema en el que los valores preestablecidos del grupo de opciones fueron heredados incorrectamente por los presets de módulos.
• Problema solucionado: la unidad siempre se restablece a DEG cada vez que cambiamos la transformación Rotado y el valor de sesgo con los botones de spinner, arrastre y incremento.
• Se solucionó el problema donde los preestablecidos predeterminados basados ​​en los preajustes de los grupos de opciones personalizados no se aplicaron correctamente en el constructor visual al sumar el módulo inicial.
• Las unidades de longitud de gradiente fija se mostraron indefinidas.
• Unidades eliminadas no respaldadas (CH, EX, CM, MM, pulgada, PT, PC, Calc (), Min (), Max (), Clamp (), CSSVAR, Heredia, Unset) para evitar selecciones no válidas.
• Se solucionamos el problema del error del navegador Firefox para el módulo de encabezado de ancho completo cuando habilitamos la pantalla completa.
• Opciones de unidad no válidas (unset, heredar, ninguno, sujeción) del selector de la unidad OG para evitar transformaciones no válidas.
• Establezca el marcador de posición en vacío cuando el valor predeterminado es categóricamente KeywordValue, y la unidad se cambia a una unidad de palabras no clave.
• Muestre un mensaje de error cuando se usa una unidad no válida en la función matemática.
• Se solucionó un problema en el que el grupo de opción de texto de título Preset no aplicó el nivel de encabezado correcto para los elementos de acordeón.
• Se solucionó un problema en el que no se puede cancelar una edición de color global en TB porque hacer clic en el botón Cancelar no tiene ningún efecto/no hace nada.
• Se solucionó un problema que evitaba que los archivos TEMP JSON se eliminaran después de importar páginas grandes.
• Limpie correctamente todos los cachés para que los cambios relacionados con el estilo entren en vigencia en todas las páginas aplicables después de los cambios en los presets de módulos, preajustes de grupos de opciones, colores globales y fuentes.
• Se solucionó un problema en el que cambia la etiqueta de la unidad cuando la altura de la línea aumenta o disminuye del selector de la unidad.
• Introdujo un sistema de marcado de características dinámicas para administrar y alternar las funcionalidades experimentales en submódulos DIVI.
• Eliminaron los indicadores de características heredadas y su código asociado para una mayor mantenibilidad y simplicidad.
• Deshabilite el incremento del campo Rango presionando la flecha hacia arriba / hacia abajo cuando el valor actual sea una función matemática o una variable CSS.
• Introduzca nuevos ganchos para filtrar los atributos predeterminados, los atributos de estilo impreso predeterminado y el contenido de marcador de posición definido en la configuración del módulo.
• Se corrigió una regresión en el selector de color donde no se abriría al hacer clic en el botón Agregar nuevo color.
• Introdujo unidades avanzadas, incluidos el soporte para todas las unidades, funciones y variables CSS.
• Se corrigió un error donde los colores globales utilizados en los ajustes preestablecidos no se exportan al exportar un diseño y no están disponibles para importar al importar un diseño.
• Se corrigió un error con el mecanismo de almacenamiento en caché de Google Fonts en línea en Divi 5.
• Se solucionó un problema en el que los efectos de movimiento no se aplicaron al módulo de contador de barras.
• Se solucionó un problema con los puntos de interrupción personalizables para restablecer demasiado rápido mientras escribía, requiriendo que los usuarios escriban muy rápido.
• Asignar el grupo de grupo de opción predeterminado no activará el modo de edición.
• Se corrigió un error que causaba que la importación no funcione cuando el diseño tiene módulos de código corto Divi 5.
• Actualizamos las URL relativas con @Divi, donde necesitamos importar paquetes en Visual Builder atajos.ts.
• Se corrigió las unidades de conmutación en el selector de la unidad establece automáticamente el valor de campo en 0, lo que hace que los elementos desaparezcan inesperadamente.
• Se solucionó un problema de seguridad en la etiqueta de encabezado personalizado.
• Se corrigió el mensaje de error de selección de la unidad para el selector de la unidad Calc.
• Movió el botón del campo de configuración del módulo a la nueva posición.
• Se corrigió el problema del color de fondo del módulo de acordeón mientras cambiaba el color desde el nivel del elemento infantil.
• Se solucionó un problema en el que el control deslizante va en blanco mientras agregaba una nueva diapositiva.
• Se corrigió el problema de alineación del módulo de fila interna mientras establecía su valor de margen izquierdo para la sección especializada.
• Se solucionó un problema en el que la etiqueta de campo no se muestra en algunos campos en el componente.
• Se corrigió el problema del color del título del módulo de propaganda mientras establecíamos el color del texto en Lite.
• Se solucionó el problema con los correos electrónicos que no salen a múltiples correos electrónicos separados por comas agregadas en la configuración del módulo del formulario de contacto.
• Se corrigió el error con el módulo de mapa si la opción de script enqueue Google Maps está deshabilitada en las opciones de temas.
• Docios actualizados, nuevo estilo de página de índice y nuevos CTA para descargar Divi 5 y unir Discord.
• Actualizamos la documentación manual con información obsoleta y agregamos un nuevo enlace de descarga.
• Presets de grupos de opciones introducidos.
• Rendimiento mejorado al cargar paquetes prefabricados en el flujo de trabajo de incorporación.
• Los elementos de la biblioteca implementados importan el sistema con portabilidad en la aplicación en la nube.
• Se corrigió la copia/pegado de/a los grupos de opciones de módulos anidados.
• Se corrigió el orden de prioridad de los campos en el grupo de configuración de desplazamiento para asegurarse de que 'Sticky' aparezca antes de 'desplazarse' a través de varios módulos.
• Se corrigió los enlaces de publicación incorrectos del módulo de navegación de publicación utilizando las mismas publicaciones de categoría.
• Se agregaron devoluciones de llamada personalizadas a la configuración del módulo generado automático para el módulo de mapa de ancho completo.
• Leyabilidad mejorada al eliminar archivos no utilizados.
• Se solucionó un problema en el que el módulo de pestaña no se mostró correctamente cuando se estableció una condición en el primer elemento de pestaña y se devolvió falso.
• Solucionamos un problema con el ancho/ancho máximo que no funcionó desde la pestaña de diseño para la posición absoluta.
• Se solucionó un problema en el que el módulo de deslizamiento no heredó el conjunto de transición en el módulo deslizante.
• Actualizaron todos los módulos para ayudar a videos modales.
• Se agregó soporte fundamental para el manejo de grupos compuestos en preajustes de grupos de opciones.
• Refactored AGMS para permitir que se asignen devoluciones de llamada personalizadas para el grupo/campo en el archivo de módulo index.ts respectivo.
• Se corrigió la advertencia relacionada con el relleno derecho e izquierdo del módulo divisor.
• Se solucionó un problema en el que las opciones de estado de desplazamiento estaban disponibles incorrectamente para la configuración de superposición de fondo y texto en el módulo de control deslizante completo.
• Se corrige un problema de seguridad que podría permitir a los usuarios que carecen de capacidad sin filtro_html establecer el indicador de contenido dinámico enable_html a través del editor clásico.
• Se solucionó un problema en el que la búsqueda de fuentes de Google mostraba todas las fuentes en lugar de filtrar los resultados en función de la consulta de búsqueda.
• Se agregó soporte fundamental para el manejo del grupo compuesto en los preajustes de los grupos de opciones en el módulo de elemento de acordeón.
• Se agregó soporte fundamental para el manejo del grupo compuesto en los preajustes de los grupos de opciones en el módulo de acordeón.
• Se agregó soporte fundamental para el manejo del grupo compuesto en los preajustes de los grupos de opciones en el módulo de blog.
• Se agregó soporte fundamental para el manejo del grupo compuesto en los preajustes de los grupos de opciones en el módulo CountdownTimer.
• Se agregó soporte fundamental para el manejo del grupo compuesto en los preajustes de los grupos de opciones en el módulo divisor.
• Se agregó soporte fundamental para el manejo del grupo compuesto en los preajustes de los grupos de opciones en el módulo FilterablePortfolio.
• Se agregó soporte fundamental para el manejo del grupo compuesto en los preajustes de los grupos de opciones en el módulo de menú de ancho completo.
• Se agregó soporte fundamental para el manejo de grupos compuestos en los preajustes de los grupos de opciones en el módulo posterior a la redacción de ancho completo.
• Se agregó soporte fundamental para el manejo del grupo compuesto en los preajustes de los grupos de opciones en el módulo de encabezado.
• Se agregó soporte fundamental para el manejo del grupo compuesto en los preajustes de los grupos de opciones en el módulo de menú.
• Se agregó soporte fundamental para el manejo de grupos compuestos en los preajustes de los grupos de opciones en el módulo posterior a la navegación.
• Se agregó soporte fundamental para el manejo del grupo compuesto en los preajustes de los grupos de opciones en el módulo de tabla de precios.
• Se agregó soporte fundamental para el manejo del grupo compuesto en los preajustes de los grupos de opciones en el módulo de búsqueda.
• Se agregó soporte fundamental para el manejo del grupo compuesto en los preajustes de los grupos de opciones en el módulo de sección.
• Se agregó soporte fundamental para el manejo del grupo compuesto en los preajustes de los grupos de opciones en el módulo de registro de StristupCustomField.
• Se agregó soporte fundamental para el manejo del grupo compuesto en los preajustes de los grupos de opciones en el módulo de diapositivas.
• Se agregó soporte fundamental para el manejo del grupo compuesto en los preajustes de los grupos de opciones en el módulo testimonial.
• Se agregó soporte fundamental para el manejo de grupos compuestos en los preajustes de los grupos de opciones en el módulo de palanca.
• Se corrigió el problema de clase ET_Clickable del módulo de fila interior, lo que hace que el módulo no haga clic cuando establezcamos el valor de enlace de la configuración.
• Actualice el ejemplo del código en las páginas "Agregar contenido de marcador de posición" y "Convertir el módulo dinámico" para importar la función de utilidad de posepertent de posición desde el paquete ModuleUtils.
• Los módulos de ejemplo fijos no se cargan debido a un error fatal cuando se actualiza el paquete para importar la función de utilidad de poseperting de posición.
• Se solucionó un problema de seguridad en el módulo de audio.
• Se solucionó un problema en el que los grupos compuestos con múltiples nombres de atributos que tenían sufijos similares condujeron a una selección de atributos inconsistente.
• Se solucionó un problema de seguridad en el componente de fondo.
• Los estilos de encabezado y pie de página fijo no funcionan correctamente en las páginas de índice, como páginas de categorías y páginas de resultados de búsqueda.
• Se solucionó un problema que impedía que el constructor visual se cargara en la página que contiene módulos de código corto.

Salta a Divi 5 hoy

El Alpha Public Divi 5 está disponible hoy. Como se describe en el cronograma original de lanzamiento de múltiples fases de Divi 5, el Alfa Public Public Divi 5 es como "Divi 5 Lite". Falta algunas características y puede que no sea adecuado para los sitios web existentes, pero está listo para usarse en nuevos sitios web si prefiere la experiencia a Divi 4. ¡Pruébelo y háganos saber lo que piensa!

Si encuentra un error, infórmelo a nuestro equipo y lo solucionaremos. Continuaremos trabajando agresivamente para agregar nuevas funciones y abordar los comentarios.

Estén atentos para una nueva versión Divi 5 cada dos semanas. De aquí en adelante, Divi 5 mejorará regularmente a través del alfa, beta y más allá.