Actualización de progreso de mayo de Divi 5: vista previa de la velocidad de Divi 5

Publicado: 2023-06-02

Estamos en medio de un proyecto masivo, Divi 5, y me gusta actualizar a la comunidad todos los meses sobre nuestro progreso. El mes pasado, profundizamos en las cinco etapas del programa beta de Divi 5 para comprender mejor cómo abordamos un proyecto tan grande de la manera más ventajosa para los usuarios de Divi. Estamos en la Fase 1, Dev Alpha, y nos estamos acercando al lanzamiento de Dev Beta, momento en el que se solidificará la nueva API de Divi 5. Invitaremos a más desarrolladores a unirse al programa mientras trabajamos para el primer lanzamiento público a finales de este año.

En la actualización de este mes, hablaremos sobre las actualizaciones que hicimos en Divi 5. ¡También les mostraré qué tan rápido es Divi 5 y luego les daré un adelanto de nuestra próxima función Divi AI! Vamos a profundizar en.

Lo que logramos este mes

¡Hemos hecho mucho este mes! Hay muchas pequeñas cosas que estamos completando, una por una, a medida que nos acercamos a nuestro primer lanzamiento público, donde será necesario pulir la interfaz de usuario y será necesario terminar un conjunto sólido de características de Divi. Trabajamos en divisores de sección, videos de fondo, opciones de condición, contenido receptivo y solucionamos algunos errores.

La mayor parte de nuestro trabajo se centró en solidificar la API de Divi 5, que es de lo que se tratan las versiones Dev Beta. La tendencia general aquí es que estamos construyendo una base para que sea más fácil para nuestro equipo y la comunidad de desarrollo crear excelentes módulos y funciones de Divi. Necesitamos hacer bien esta parte para que todo lo demás encaje en su lugar como queremos.

Trabajamos en unificar y simplificar la nueva API REST de Divi 5. Terminamos varias funciones nuevas y sus implementaciones, cuyo objetivo es reducir significativamente el tiempo que lleva crear un módulo Divi. Nuevamente, estamos realizando un trabajo adicional en el nivel básico para que el resto del proyecto Divi 5 vaya más rápido, y todos los módulos y características que agreguemos después de Divi 5 se desarrollen más rápidamente.

También refactorizamos el método de conversión de shortcode de Divi, que desempeñará un papel esencial en la compatibilidad con versiones anteriores.

Si está interesado en los detalles más finos, aquí están las entradas más recientes de los registros de cambios:

Divi 5.0.0-dev-alfa.4

Corrija el renderizado de los campos de fondo en el modal de configuración del módulo Shortcode
Corrija la visibilidad de los campos de configuración del módulo de shortcode con condiciones de patrón regex.
Se agregó la representación frontal de las opciones de los divisores de sección.
Se corrigieron las opciones de desplazamiento que no funcionaban correctamente en el generador visual y el front-end para las opciones de módulos que tienen múltiples selectores.
Se refactorizó el paquete @divi/scripts y se agregaron pruebas
Paquetes de tipos publicados en npm en preparación para su lanzamiento al público

Divi 5.0.0-dev-alfa.5

Permita que el módulo Shortcode envíe otra solicitud cuando la solicitud anterior se cancela automáticamente.
Renderice el botón de opciones fijas cuando el módulo Shortcode actual sea fijo.
Renderice el botón de opciones fijas cuando el módulo Shortcode actual está dentro de un módulo fijo.
Se eliminó el valor predeterminado no utilizado Record<number, string | Escriba el tipo de registro <cadena, cadena>> en el módulo Shortcode.
Se corrigieron los elementos incorrectos del módulo Woo Shortcode que aparecían en una sola página de producto. Módulos de código abreviado afectados: Aviso de producto Woo, Imágenes de producto Woo, Agregar al carrito Woo, Stock de producto Woo, Precio de producto Woo, Productos relacionados con Woo, Venta adicional de producto Woo y Productos Woo.
Cambie el nombre del módulo no compatible por el módulo Shortcode junto con el slug del módulo, la ruta de la API REST, la etiqueta, los casos de prueba y el libro de cuentos.
Se agregaron campos de video de fondo en las opciones de fondo del módulo.
Representación refactorizada de video de fondo en Visual Builder sin llamadas a la API REST.
Se agregó la representación de las opciones del módulo de video de fondo en la interfaz.
Se agregó ScriptData para inicializar el video de fondo en la interfaz.
Se agregó soporte para las opciones del módulo de video de fondo en estado fijo.
Se actualizó la visibilidad de los campos del divisor en las opciones del módulo para ocultar opciones adicionales si no se seleccionó un estilo de divisor.
Se actualizó la visibilidad de la configuración de repetición horizontal del divisor en las opciones del módulo para que se oculte para las opciones de estilo del divisor que rechazan explícitamente la repetición.
Se actualizó la visibilidad de la configuración de Disposición de divisores en Opciones de módulo para que se oculte en la configuración de Sección de ancho completo (donde solo se permite el valor predeterminado "abajo").
Se actualizó la vista previa del campo Estilo del divisor en las Opciones del módulo para reflejar cualquier volteo horizontal y/o vertical aplicado actualmente al divisor.
Se actualizó el campo Altura del divisor en Opciones de módulo para permitir guardar valores de porcentaje ("%") además de la unidad de píxel predeterminada ("px").
Se actualizó la configuración de repetición horizontal del divisor en las opciones del módulo solo para aceptar valores numéricos positivos ("1x" o superior).
Se agregó la base de opciones de Condiciones, incluidas las condiciones iniciales para Autor, Inicio de sesión y Rol de usuario, las Condiciones restantes se agregarán gradualmente en versiones futuras.
Se agregó el componente ElementComponents, el equivalente de <ElementStyle /> pero para elementos HTML renderizados.
Se agregó la función elementClassnames(), el equivalente de <ElementStyle /> pero para funciones que generan nombres de clases.
Se corrigió el error de nivel de encabezado de fuente.
Se corrigieron las advertencias de PHP activadas en el módulo de cartera.
Se ha agregado la devolución de llamada de permiso REST adecuada a todas las rutas REST registradas.
Se introdujo una nueva clase RoleEditor para determinar los roles de Divi, incluidas las pruebas de la funcionalidad que se refactorizó de D4 a D5.
Las características de .sendRequest(), como la adición automática de nonce de ET y WP y la compatibilidad con la respuesta de transmisión, se han agregado a fetch().
Fetch() se ha refactorizado por completo para mejorar la capacidad de mantenimiento y la escalabilidad, lo que permite la introducción de condiciones y características nuevas y complejas, por ejemplo, las opciones de .sendRequest().
Todas las llamadas a la API REST, fetch(), logFetch() y .sendRequest(), se unificaron y ahora solo se usa logFetch().
Mecanismo de conversión refactorizado para módulos.

Divi 5.0.0-dev-alfa.6

Registro, lógica, esquemas y pruebas de API REST mejorados y optimizados. Paquete divi/ajax renombrado a paquete divi/rest.
Se agregaron los componentes InlineTextEditorContainer e InlineTextEditor para el editor de texto en línea.
Se agregaron controladores onBlur, onClick, onDoubleClick, onKeyDown, onKeyUp, onMouseDown y onMouseUp para el editor de texto en línea.
Se agregó un mecanismo de guardado para actualizar el valor del atributo desde el campo Editor de texto en línea.
Se agregaron controladores de eventos para activar y desactivar el modo de edición para el Editor de texto en línea.
Se agregaron ClassNames basados en activación/desactivación y otros estados como __empty, __editing, __html.
Se agregó CSS/estilo en línea para el editor de texto en línea.
Se refactorizó WindowEventEmitterInstance para agregar un detector de eventos mousedown.
Introdujo el asistente PHP de contenido receptivo.
Se introdujo el asistente JS de contenido receptivo.
Se agregó funcionalidad de contenido receptivo en los scripts FE.
Se agregó implementación de contenido receptivo en los elementos Nombre, Posición, Imagen y Contenido del módulo Miembro del equipo
Se agregó la implementación de contenido receptivo en los elementos Usar porcentaje, Porcentaje y Título del módulo Contadores de barras
Se agregó implementación de contenido receptivo en el elemento Texto del botón del módulo Botón.
Se agregó implementación de contenido receptivo en los elementos Título y Contenido del módulo Alternar.
Se agregó implementación de contenido receptivo en el elemento interno de texto del módulo de texto.
Se agregó implementación de contenido receptivo en el elemento Título del módulo Temporizador de cuenta regresiva.
Se agregó la implementación de contenido receptivo en los elementos Título, Imagen, Nombre del artista y Nombre del álbum del módulo de audio.
Se agregó implementación de contenido receptivo en el elemento Contenido del módulo Código.
Se agregó la implementación de contenido receptivo en los elementos Título, Contenido y Botón del módulo CTA.
Se agregó implementación de contenido receptivo en el módulo de imagen.
Se agregó implementación de contenido receptivo en el elemento Título del módulo Contador de círculos.
Se agregó implementación de contenido receptivo en el elemento Título del módulo Contador de números.
Se agregó implementación de contenido receptivo en los elementos Título y Contenido del módulo Pestañas.
Se agregó implementación de contenido receptivo en los elementos Título y Contenido del módulo de inicio de sesión.
Se agregó implementación de contenido receptivo en la opción Mostrar divisor del módulo Divisor.
Se agregó la implementación de contenido receptivo en los elementos Título, Subtítulo, Contenido, Imagen de logotipo, Imagen de encabezado, Texto del botón uno y Texto del botón dos del módulo Encabezado de ancho completo.
Se agregó implementación de contenido receptivo en el módulo Imagen de ancho completo.
Se agregó implementación de contenido receptivo en los elementos Título y Contenido del módulo Portafolio.
Reubique el código relacionado con el módulo Shortcode al paquete del Módulo Shortcode.
Agregue un renderizador de estilo de título de fuente en el componente ElementStyle.

La velocidad de Divi 5

Antes de terminar la publicación de hoy, quiero hablar sobre la velocidad . Como sabrá, no planeamos agregar muchas funciones nuevas, si es que las hay, a Divi 5. Sin embargo, uno de los cambios más significativos que vendrán con esta nueva versión es un aumento masivo en la velocidad, especialmente en Visual Builder. , donde todos pasamos tanto tiempo.

A pesar de que la interfaz de usuario de Divi 5 no está terminada y al constructor le faltan funciones, todavía quería darles un adelanto de la diferencia en el rendimiento de la que sigo hablando. Por lo tanto, no juzgue cómo se ven las cosas en este video, que cambiará, ¡y solo concéntrese en la velocidad de las interacciones!

Inmediatamente notará que todo aparece instantáneamente cuando los elementos se desplazan sobre la página. Abrir la ventana emergente de configuración es igualmente rápido, al igual que ajustar la configuración de diseño. Es una diferencia de día y noche en todos los ámbitos. Además, no importa cuán grande y compleja se vuelva la página. Visual Builder puede manejarlo y sigue siendo rápido.

Alcanzar este nivel de velocidad no fue posible en Divi 4, y es una de las razones por las que esta nueva arquitectura de Divi 5 es tan importante.

Próximamente: Divi IA

Eso es todo para la actualización Divi 5 de este mes. Sin embargo, tengo un adelanto más para ti. Si bien casi todo nuestro equipo está enfocado en Divi 5, todavía tenemos un pequeño grupo de personas trabajando en las características de Divi 4 que no afectarán el desarrollo de Divi 5, y en este momento estamos trabajando en algo muy emocionante.

Se llama Divi AI y aprovecha grandes modelos de lenguaje para ayudarlo a crear contenido, como texto e imágenes, para sus sitios web Divi directamente dentro del constructor. Dado que está integrado en Divi, podemos enseñar cosas sobre el creador y su sitio web para ayudarlo a crear o mejorar su contenido de una manera que tenga sentido y se sienta increíblemente intuitivo.

Mira el video de YouTube de hoy para ver un adelanto de Divi AI.

Estén atentos para más actualizaciones

Eso es todo para nuestro informe de progreso de mayo. Si tiene alguna pregunta, asegúrese de dejar un comentario. Estén atentos a la actualización del próximo mes, ¡y nos vemos en la próxima!