Ha llegado el sistema de diseño Flexbox de Divi 5

Hoy, presentamos el nuevo sistema de diseño basado en Flexbox para Divi 5.

Esta no es una actualización menor. Reinventa Divi, lo que le permite construir cualquier estructura de diseño, incluido el desglose de diseño receptivo, el pedido de módulos personalizados, la alineación vertical fácil y el posicionamiento de elementos, y mucho más.

No se dejó ninguna piedra, no se olvidó ninguna opción, lo hicimos todo y es mejor en clase.

Mira el siguiente video para ver la nueva función en acción.

Sistema de diseño completamente nuevo de Divi 5

Reinventamos el sistema de diseño de Divi y agregamos muchas plantillas de fila nuevas y opciones de diseño. ¡Puede crear cualquier diseño con FlexBox, Filas anidadas y grupos de módulos !

El nuevo sistema de diseño facilita la colocación de elementos de control, espaciado, envoltura y pedido.

Una selección robusta de nuevas plantillas de fila Flexbox

Primero notará una selección de nuevas plantillas de fila, incluidas opciones de múltiples filas anidadas. ¡Hay mucha más variación para disfrutar!

No estás limitado a estas plantillas; Son convenientes ejemplos preconstruidos. Una vez que cavas en los paneles de configuración, no hay barandas; Puede agregar tantas columnas como desee y darles cualquier tamaño que desee, anidando filas dentro de las columnas para crear cualquier diseño.

Controles de Flexbox para todo

Están disponibles nuevas opciones de FlexBox para todo. Puede controlar la envoltura de diseño, la dirección, el pedido, el espacio, el posicionamiento del elemento infantil y más, sin hacks, sin javascript, sin desorden, solo controles intuitivos que funcionan maravillosamente.

Estructuras de fila receptiva

La creación de sitios web receptivos nunca ha sido más fácil.

En cada punto de interrupción, puede asignar diferentes estructuras a una sola fila. Es así de simple, y Divi lo hace mejor que cualquier otro constructor, lo que le permite transformar completamente el diseño de cada dispositivo. También puede personalizar el tamaño de las columnas en cada dispositivo y ajustar cualquier configuración de FlexBox.

Ordenar de elementos receptivos

El orden de los elementos receptivos es una brisa.

Puede cambiar fácilmente la dirección en la que los elementos fluyen en cada dispositivo y el orden de los elementos individuales. Puede cambiar completamente la estructura de la fila de cada dispositivo, luego reordenar las cosas de manera óptima dentro de esa nueva estructura.

Posicionamiento fácil de elementos infantiles

Flexbox hace que los elementos de posicionamiento dentro de sus contenedores principales sean mucho más simples.

No necesita usar JavaScript o elementos absolutamente posicionados; Por ejemplo, centrar elementos verticalmente dentro de una columna está a solo un clic de distancia.

Unificar la altura de los elementos es igual de simple. Por ejemplo, es fácil hacer de todas las columnas en una fila la misma altura, o todos los módulos en una columna la misma altura.

Secciones de especialidad y ancho de ancho completo

Nos desapracimos secciones especializadas y de ancho completo, simplificando enormemente los elementos estructurales de Divi (las secciones de amplio y especialidad existentes continuarán funcionando; acabamos de eliminar la opción de agregar nuevos).

Puede hacerlo todo (y más) con filas Flexbox regulares, por lo que no hay necesidad de diferentes tipos de sección. Se han renombrado y puesto a disposición de los módulos únicos de ancho completo en secciones estándar, lo que le brinda más flexibilidad.

Infinitas posibilidades de diseño nuevo

Hay demasiadas configuraciones para cubrir y las posibilidades para explorar, pero una cosa está clara: el sistema de diseño de Divi del futuro está aquí, y la creación de sitios web de Divi nunca será el mismo.

Antes de concluir, mostremos algunos diseños creativos construidos con el nuevo sistema de diseño de Divi. También puede descargar los diseños y consultarlos usted mismo.

Descargar los diseños

También arrojamos algunas sorpresas

Notará algunas otras mejoras sorpresa en esta actualización.

• Mejoras de velocidad significativas : notará que el constructor es mucho más rápido al editar diseños grandes y complejos. Con la introducción de filas infinitamente nido y nuevos elementos de contenedores, ahora tiene la libertad de construir diseños muy complejos. Con esta actualización, nos aseguramos de que el constructor todavía sea rápido, incluso cuando sus diseños se vuelven locos. ¡Es una diferencia de noche y día!
• Nuevas opciones de columna : todos los módulos de la cuadrícula, como la galería y los módulos de cartera, tienen nuevas configuraciones de columna que le permiten controlar la estructura de la columna de la cuadrícula en cada punto de interrupción.
• Renaming del módulo de ancho completo : el módulo de encabezado de ancho completo ha sido renombrado Hero, y el módulo de cartera de ancho completo ha sido renombrado Post Carousel. Ambos módulos ahora se pueden usar en secciones estándar.
• Las nuevas opciones de tipo de publicación para el carrusel post : el módulo Post Carousel recién llamado tiene una nueva configuración de tipo de publicación, lo que le permite llenar el carrusel con publicaciones de cualquier tipo.

Prueba Divi 5 hoy

Flexbox para Divi 5 está disponible hoy, y es una de las muchas características que llegan a Divi este año.

Puede seguirlo a medida que avanzamos a través del lanzamiento final de Divi 5 y más allá, con actualizaciones cada dos semanas. Dependiendo de sus prioridades, puede usar Divi 5 ahora para crear nuevos sitios web o esperar hasta que agregemos más funciones, lo que sea que funcione mejor para usted.

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 no ser adecuada para los sitios web existentes, pero está listo para usarse en nuevos sitios web si prefiere la experiencia a Divi 4.

Queremos que lo pruebes, y si te encanta, úsalo; Cuando a todos les encanta, lo haremos oficial.

¿Has probado interacciones?

Recientemente lanzamos interacciones para Divi 5, un sistema robusto para crear elementos interactivos como ventanas emergentes y alternativas, y efectos creativos basados ​​en desplazamiento y basados ​​en el movimiento del ratón. No es un constructor emergente; Es un constructor de cualquier cosa. Cree un desencadenante, asigne un efecto, elija un objetivo y le haga realidad sus interacciones personalizadas. Hay un enlace en la descripción del video para obtener más información.

Mira este video para ver todos los detalles.

Más actualizaciones de Divi 5 están en camino

2025 es el año de Divi 5 . El tedioso trabajo está detrás de nosotros. Construimos la base súper rápida, y ahora es el momento de que Divi regrese.

Si estás aquí para el regreso de Divi, haznos un gran favor y háganos saber que me gusta este video y dejando un comentario. Significa mucho para nosotros verte animando la división, y es esencial alimentar el algoritmo y correr la voz.

No olvide seguirnos en YouTube y suscribirse al boletín de Divi para que nunca se pierda una actualización. Te veré pronto para otro anuncio de la función Divi 5, que prometo estará a la vuelta de la esquina.