Divi 5 y el alejamiento de los códigos cortos

¡Regresé con otra actualización de Divi 5! Como sabrá, estamos en medio de un proyecto masivo que recrea Divi Builder, enfocándonos en mejoras fundamentales como el rendimiento y la capacidad de ampliación.

Doy una actualización rápida cada mes para mantener a la comunidad informada sobre nuestro progreso. El mes pasado, anuncié el lanzamiento de Divi 5 Dev Beta, la segunda de las cuatro fases beta que precederán al lanzamiento de Divi 5. Con el lanzamiento de Dev Beta y la API de Divi 5 completa, estamos trabajando hacia la Public Alpha, asegurando Terminamos suficientes funciones principales de Divi para que la primera versión beta pública sea ampliamente utilizable.

Lo que logramos este mes

Logramos mucho este mes, completando la conversión de más módulos Divi, como el módulo Acordeón, el módulo Seguimiento social, el módulo Icono, el módulo Búsqueda y los módulos Código. Corregimos más errores, hicimos más mejoras, actualizamos más documentos y continuamos nuestro avance hacia la fase Alfa pública.

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

• Se agregaron módulos de mapa y pin de mapa para Divi 5
• Se agregaron tablas de precios y módulo de tabla de precios para Divi 5
• Se agregaron módulos Slider y Slide para Divi 5
• Módulo de video agregado para Divi 5
• Implemente la importación de diseños prediseñados a través de la aplicación en la nube en el generador visual.
• Se corrigió el botón Contenido dinámico para que también apareciera en cuadros de texto llenos.
• Se agregó una mejora de la interfaz de usuario para el grupo de opciones anidadas en el modo de configuración del módulo.
• Se generó module.json a partir del archivo ts escrito para garantizar que los valores de las propiedades de los metadatos del módulo estén validados.
• Prueba de instantánea PHP actualizada
• Se corrigió un error que impedía que las hojas de estilo Divi se cargaran en el Constructor cuando un tema secundario estaba activo.
• Se corrigieron los enlaces de la cartera que salían del constructor visual.
• Se corrigió que el restablecimiento de una imagen de desplazamiento personalizada causara conflictos en el FE.
• Se solucionó el problema del tamaño del modal de Ayuda donde al desacoplar el modal de Ayuda hacía que pareciera más grande que su tamaño original.
• Se corrigió el peso predeterminado del módulo Divisor.
• Se corrigió el tamaño predeterminado del icono del módulo Blurb.
• Se actualizaron los colores del texto y del borde del botón de inicio de sesión y CTA para que estén vacíos de forma predeterminada.
• Se introdujo el imageLink elementType en la clase ModuleElements que funciona para representar un elemento de imagen vinculado.
• Se introdujo el contenedor elementType en la clase ModuleElements que funciona para representar un elemento contenedor.
• Se introdujo la imagen elementType en la clase ModuleElements que funciona para representar un elemento de imagen.
• Se corrigió la diferencia HTML entre D4 y D5 para el módulo Código.
• Se agregaron módulos de acordeón y elementos de acordeón para Divi 5
• Se agregaron módulos de redes sociales y elementos de redes sociales para Divi 5
• Módulo de iconos agregado para Divi 5
• Módulo de búsqueda agregado para Divi 5
• Se agregó el módulo de código de ancho completo para Divi 5
• Creé un generador de documentos para Divi 5 PHP Action y Filter Hooks.
• Declaración de documento de ganchos de acción PHP actualizada.
• Declaración de documento de ganchos de filtro PHP actualizada.
• Documentos actualizados para PHP API.
• Se agregó una mejora de la interfaz de usuario para la configuración del módulo y modal en general.
• Tutorial actualizado para incorporar las últimas mejoras en el desarrollo de módulos.
• Se agregó un nuevo componente de biblioteca de campos: Advertencia
• Refactorizar la implementación de `animationClassnames`
• Se agregaron las propiedades `moduleClassname` y `moduleOrderClassname` para los metadatos del módulo en `module.json`
• Se agregó el método `ModuleElement.scriptData()`
• Se agregó el método `ModuleElement.styleComponents()`
• Opción agregada para activar la interfaz de usuario mejorada.
• Se solucionó un problema por el cual cambiar el estilo de animación provocaba que el módulo fallara.
• El estado correcto fijo (escritorio, tableta, etc.) no está seleccionado en el modo Selector de estado.
• Se corrigió el selector incorrecto para pegajoso.
• Se corrigieron las referencias sobrantes de defaultAttrs y defaultPrintedStyleAttrs en el sitio de documentación.
• El campo de configuración del módulo fijo no maneja correctamente el valor responsivo/desplazable/fijo si los accesorios del campo no se declaran explícitamente
• Los íconos de la barra de configuración de página fija en los botones no están centrados en Firefox
• Se solucionó el problema de importar opciones de enlaces de D4 a D5 en el módulo Blurb.
• Se solucionó el problema de importar opciones de enlaces de D4 a D5 en el módulo CTA.
• Se solucionó el problema de mostrar títulos dinámicos de elementos secundarios en el panel de contenido del módulo de pestañas.
• Los desplazamientos verticales y horizontales fijos no funcionan con la posición relativa en el módulo Encabezado de ancho completo.
• Poner en cola correctamente el estilo del paquete tras el estilo del tema
• Página de documentación actualizada de las funciones que se utilizan en el tutorial beta para desarrolladores

Hablemos de códigos cortos

También quería tomarme un momento para discutir uno de los cambios más significativos de Divi 5, que es la eliminación de códigos cortos y la migración hacia un formato de almacenamiento más moderno que se alinea con el futuro de WordPress.

¿Por qué alejarse de los códigos cortos?

Hay varios beneficios de que Divi 5 se aleje de los códigos cortos. En primer lugar, WordPress inevitablemente desaprobará los códigos cortos a medida que más y más usuarios se acerquen al nuevo editor, y queremos mantenernos a la vanguardia.

Los códigos cortos también tienen limitaciones que hacen que sea difícil o imposible lograr ciertas cosas, como elementos infinitamente anidados, y también vienen con problemas inherentes que a menudo asoman sus feas cabezas, como caracteres particulares dentro del contenido de la publicación que rompen la lógica del código corto, lo que conduce a soluciones demasiado complejas para solucionar el problema subyacente.

Los códigos cortos también tienen menos rendimiento ya que analizarlos puede requerir expresiones regulares complejas. Por otro lado, nuestro nuevo formato de almacenamiento es mucho más fácil de analizar, lo que dará como resultado una pequeña mejora en el rendimiento.

Finalmente, existe el problema de que quedan códigos cortos en el contenido de la publicación después de alejarse de Divi, lo que ya no será un problema en Divi 5. Si crea su sitio web con Divi 5 y luego cambia a un nuevo tema o creador , comenzarás con una pizarra en blanco en lugar de códigos cortos no deseados en el contenido de la publicación.

¿Cómo se migrarán los códigos cortos en los sitios web existentes?

Para realizar este cambio, necesitaremos buscar mediante programación en su sitio web y convertir códigos cortos al nuevo formato. Después de actualizar a Divi 5, habrá un proceso de migración que usted iniciará para completar la conversión. Los antiguos códigos cortos de Divi 4 seguirán funcionando con Divi 5, pero tendrán un costo de rendimiento, y recomendamos que todos migren sus sitios web y actualicen sus módulos Divi de terceros para que todo su sitio web utilice el marco de Divi 5.

Por otro lado, si estás creando un nuevo sitio web en Divi 5, todo utilizará el nuevo marco de forma predeterminada. Los diseños antiguos de su biblioteca o los diseños antiguos que haya exportado desde Divi 4 se convertirán automáticamente al formato Divi 5 al importarlos.

Estén atentos para más actualizaciones

Eso es todo por la actualización Divi 5 de este mes. En otras noticias, en las próximas semanas lanzaremos una actualización de Divi AI que le permitirá generar código con IA, lo que hará que sea más fácil que nunca personalizar Divi y sus módulos. Para aquellos de ustedes a quienes les gusta liberarse de la configuración de diseño de Divi y escribir su propio CSS, creo que esta actualización les resultará increíblemente útil.

Estén atentos y nos vemos en la próxima actualización. Síguenos por correo electrónico y suscríbete a nuestro canal de YouTube para conocer las últimas novedades.