Actualización de progreso de Divi 5: Explorando la extensibilidad de Divi 5

Publicado: 2023-07-07

Estoy de vuelta con otra actualización de progreso de Divi 5. Si no está familiarizado con Divi 5, consulte nuestra publicación de anuncio original. En pocas palabras, estamos recreando el constructor en Divi 5 desde cero, centrándonos en el rendimiento, la estabilidad, la escalabilidad y la capacidad de ampliación. No vendrá con muchas funciones nuevas, pero será mucho más rápido y más capaz, y le dará a nuestro equipo y a la comunidad las herramientas que necesitamos para comenzar a trabajar con fantásticos módulos y funciones nuevos.

El mes pasado, ofrecí una demostración de Divi 5 Visual Builder para mostrar su velocidad ultrarrápida, así que si te perdiste ese video, asegúrate de verlo.

Discutiré la extensibilidad de Divi 5 y haré una demostración rápida en la actualización de este mes. Pero primero, hablemos de lo que ha estado haciendo nuestro equipo durante el último mes.

Lo que logramos este mes

Hicimos muchos progresos el mes pasado. Nos acercamos al lanzamiento de Divi 5 Dev Beta, la siguiente fase del programa beta de Divi 5, y espero anunciar su lanzamiento en mi próxima actualización.

Mientras estamos en la recta final, seguimos enfocados en simplificar el proceso de creación de módulos para que los creadores de la comunidad y nuestro equipo puedan construir módulos Divi 5 más rápidamente. El trabajo que realizamos durante esta fase dará sus frutos en las fases siguientes, con el objetivo final de tener Divi 5 antes.

Entradas de registro de cambios:

Se refactorizaron todos los módulos construidos actualmente para incorporar un nuevo y mejorado sistema de atributos basado en elementos.
Se agregó la función de utilidad saveInlineEditorValue en paquetes/utilidades de módulo para almacenar valor desde el editor de texto en línea
Se agregó la función canEditInline Util en paquetes/module-utils para verificar si el atributo del módulo se puede editar en línea
Se agregó el evento del controlador onPaste al editor de texto en línea para procesar los datos del portapapeles
Se reemplazaron los nombres de clase basados en eventos del Editor de texto en línea con selectores data-* (p. ej.: et-vb-editable-element–empty, et-vb-editable-element–html) en The Builder.
CSS actualizado para el editor de texto en línea con selectores data-* (p. ej.: [data-et-vb-editable-element]).
Editor de texto en línea actualizado para verificar si el módulo es editable y si el usuario tiene el permiso adecuado para editar
Tienda de atajos de teclado refactorizada para deshabilitar atajos cuando el editor de texto en línea está en modo de edición
Se agregó la funcionalidad del editor de texto en línea al módulo de audio para el título
Se agregó la funcionalidad del editor de texto en línea al módulo Blurb para el título
Se agregó la funcionalidad del editor de texto en línea al módulo de contador de barras para el título
Se agregó la funcionalidad del editor de texto en línea al módulo de contador de círculos para el título
Se agregó la funcionalidad del editor de texto en línea al módulo de código para contenido de código (HTML)
Se agregó la funcionalidad del editor de texto en línea al módulo del temporizador de cuenta regresiva para el título
Se agregó la funcionalidad del editor de texto en línea al módulo de encabezado de ancho completo para título y subtítulo
Se agregó la funcionalidad del editor de texto en línea al módulo de código de ancho completo para contenido de código (HTML)
Se agregó la funcionalidad del editor de texto en línea al módulo de inicio de sesión para el título
Se agregó la funcionalidad del editor de texto en línea al módulo de contador de números para el título
Se agregó la funcionalidad del editor de texto en línea al módulo de persona (miembro del equipo) para el nombre y la posición
Se agregó la funcionalidad del editor de texto en línea al módulo de tabla de precios para título, subtítulo, moneda, suma y frecuencia
Se agregó la funcionalidad del editor de texto en línea al módulo deslizante para el encabezado de la diapositiva
Se agregó la funcionalidad del editor de texto en línea al módulo de pestañas para el título de la pestaña
Se agregó la funcionalidad del editor de texto en línea al módulo de testimonios para el autor, el puesto y el nombre de la empresa.
Se agregó la funcionalidad del editor de texto en línea para alternar el módulo para el título
Se agregó la funcionalidad del editor de texto en línea a la vista de estructura alámbrica para las etiquetas de administración del módulo
Se actualizó la funcionalidad del editor de texto en línea para establecer el texto predeterminado cuando el atributo del módulo se edita con un valor vacío (por ejemplo, etiquetas de administración en el modo de vista de estructura alámbrica)
Se agregaron casos de prueba para garantizar que el modo de edición para el editor de texto en línea no se active para el módulo bloqueado
Se agregaron pruebas para todos los módulos que usan el editor de texto en línea para garantizar que funcione como se espera.
Se agregaron los componentes base InlineRichTextEditorContainer e InlineRichTextEditor en el generador para la edición en línea de texto enriquecido.
Introdujo la clase ElementInnerContent, una versión simplificada de la clase MultiViewElement.
Clase MultiViewScriptData mejorada.
Se agregó un filtro personalizado y un enlace en el script FE de contenido receptivo.
Se introdujo la clase MultiViewElement.
Contenido dinámico: nuevo formato de valor de contenido dinámico: `$variable(JSON_VALUE)$`.
Contenido dinámico: se introdujo una nueva función de conversión de atributos para los atributos de contenido dinámico.
Contenido dinámico: se introdujo la representación inicial de contenido dinámico en la parte frontal.
Nuevo enfoque en el procesamiento de valores de contenido dinámico. Los valores de contenido dinámico se procesarán en el analizador de bloques antes de que el documento se analice en la lista de estructuras de bloques.
Retroportó el código para resolver los valores de campo personalizados e integrados de Dynamic Content en función del nombre y la configuración del campo.
Retroportó el código para generar los campos integrados y personalizados de contenido dinámico en función de diferentes condiciones.
Contenido dinámico: se presentó la representación inicial de contenido dinámico en VB
Contenido dinámico: funcionalidad integrada de contenido dinámico en la clase `ModuleElements`.
Contenido dinámico: Funcionalidad de imagen de fondo dinámica implementada en VB.
Contenido dinámico: se introdujo la interfaz de usuario de contenido dinámico inicial en la configuración del módulo en VB. En este momento, esto está disponible como prototipo en el texto de entrada del módulo de testimonios con soporte solo en la opción de contenido dinámico `site_title`.
Editor de texto enriquecido en línea: se agregaron capacidades de edición básicas de TinyMCE al componente del editor en línea de texto enriquecido
Editor de texto enriquecido en línea: se actualizó el editor en línea de texto enriquecido para recuperar contenido editable y guardar el contenido editado.
Module Attribute Refactor: Refactoriza los atributos del módulo Icon.
Refactorización de atributos del módulo: refactoriza los atributos del módulo Social Media.
Refactorización de atributos del módulo: refactoriza los atributos del módulo de video.
Module Attribute Refactor: Refactoriza los atributos del módulo de búsqueda.
Refactorización de atributos del módulo: refactoriza los atributos del módulo de código de ancho completo.
Module Attribute Refactor: Refactoriza los atributos del módulo de tablas de precios.
Refactorización de atributos del módulo: refactoriza los atributos del módulo Accordion.
Refactorización de atributos del módulo: Refactorice los atributos del módulo Mapa de ancho completo.
Refactorización de atributos del módulo: Refactorice los atributos del módulo Control deslizante de ancho completo.
Refactorización de atributos del módulo: atributos del módulo Refactor Map.
Errores informados por la comunidad: implementación del mecanismo de crédito del módulo. Agregue crédito en module.json para mostrar el crédito del módulo.
Errores informados por la comunidad: habilite la etiqueta seleccionada en la descripción del campo
Opciones de transición: se agregó el componente de estilo de transición para todos los módulos que usaron ElementStyle.
Elementos del módulo: presentamos la clase ModuleElements para simplificar la creación de elementos en los módulos Audio, Blurb, CTA y Testimonial.

Ilustrando la extensibilidad de Divi 5

Uno de los aspectos más esenciales de Divi 5 es su extensibilidad. Cuando hablo de extensibilidad, me refiero a que Divi 5 es ágil y capaz desde una perspectiva de API y las muchas características únicas que podemos crear gracias a esas mejoras. También he hablado sobre la alineación de Divi 5 con el futuro de WordPress, la eliminación de códigos cortos y la integración de muchos de los paquetes de bloques de WordPress en Divi 5.

¿Qué significa todo esto para el futuro de Divi?

Le pedí al gerente de nuestro equipo de desarrollo que encontrara un poco de tiempo libre para preparar una demostración rápida que ilustre estos aspectos para poder compartir algo divertido en esta actualización que es visualmente representativa de la capacidad de extensión de Divi 5. Se le ocurrió el módulo de bloqueo automático. ¡Un módulo que convierte cada bloque de Gutenberg en un módulo Divi, supercargándolos con la amplia gama de configuraciones de diseño de Divi y permitiéndole mezclar módulos y bloques en la misma página!

El módulo de bloque toma elementos HTML del bloque y genera dinámicamente grupos de opciones que le brindan un control total sobre su diseño. También puede generar nuevos grupos de opciones sobre la marcha, apuntando y personalizando cualquier elemento.

Si bien creamos este módulo de bloques por diversión y no está terminado ni pulido, es una maravillosa demostración de lo que podemos hacer con Divi 5 y con relativa facilidad, gracias a la nueva base que estamos creando.

No solo es fácil para nosotros, sino también para usted y la comunidad de desarrolladores, gracias a la naturaleza abierta de la API. Incluso podemos terminar este módulo de bloque y agregarlo a Divi 5 como una característica oficial. Pero por ahora, seguimos enfocados en progresar a través de las fases beta.

¡Divi AI está casi terminado!

Eso concluye la actualización Divi 5 de este mes. En otras noticias, nuestra primera versión de Divi AI está casi terminada, lo que le permitirá generar imágenes extraordinarias de la nada y escribir y mejorar contenido con AI mientras trabaja en Visual Builder. ¡Me he divertido mucho jugando con la versión sin terminar y estoy deseando terminarla y enviarla pronto!

Estén atentos para más actualizaciones

Prometí dar actualizaciones de progreso de Divi 5 cada mes, ¡y eso es lo que planeo hacer! No puedo prometer que cada actualización será emocionante, pero ten por seguro que estamos trabajando tan duro como podemos para terminar este gran proyecto. Cada día nos acercamos un poco más y la base Divi 5 se fortalece un poco más. Pronto lanzaremos Divi 5 Dev Beta, lo que significa que la base estará completa. A partir de ahí, avanza a toda máquina con las funciones orientadas al usuario que podrá probar en Public Alpha a finales de este año.

Deja un comentario si tienes alguna pregunta. ¡Nos vemos en la próxima actualización!