Cómo Divi 5 está abriendo el sendero (mientras aún está en alfa)

Divi 5 está sin duda tomando forma. Solo han pasado cuatro meses desde que lanzamos nuestra primera característica nueva para Divi 5, puntos de descanso personalizables, y hemos hecho un progreso constante e impresionante desde entonces. En esos cuatro meses, hemos lanzado otras siete características innovadoras para Divi 5. Esto muestra la sólida base que creamos durante nuestra revisión completa de la base del código Divi.

Y solo estamos comenzando. Echemos un vistazo amplio cómo Divi se compara con otros temas de WordPress y constructores de páginas. Como se mencionó, todavía tenemos mucho en proceso durante los próximos meses, pero vale la pena tomarse un tiempo para agradecer dónde está Divi 5 y compararlo con otras soluciones. Esta no es una comparación de 360 ​​grados, sino una encuesta más general.

Nota: Divi 5 está listo para usarse en nuevos sitios web, pero aún no recomendamos convertir los sitios existentes en Divi 5.

Progreso en el regreso de Divi

2025 es el año de Divi 5. Estamos haciendo todo lo posible para construir la mejor experiencia de construcción de sitios en WordPress.

Esto comenzó con cambios fundamentales bajo el capó y ahora se está materializando en un nuevo sistema de diseño y características de soporte.

1. Base de código refactorizada y moderna

Divi 5 no llegó a través de un mosaico de soluciones y actualizaciones rápidas. Cada módulo, configuración e interacción se rediseñó para admitir una nueva arquitectura que es más limpia, más rápida y extensible.

En contraste, el oxígeno hizo una pausa para el desarrollo durante meses y luego lanzó un nuevo constructor sin ruta de actualización para los sitios de oxígeno existentes. Si fue invertido en su producto heredado, se ve obligado a reconstruir su nuevo marco o conformarse con actualizaciones de seguridad (o cambiar a un constructor por completo).

Oxygen V4 no es compatible con el V6 recientemente anunciado

Divi 5 es diferente. Hemos mantenido la compatibilidad de enfoque al tiempo que creamos una base para el futuro.

Los equipos más pequeños están desarrollando nuevas plataformas o manteniendo las heredadas, pero no está claro cómo evolucionarán con el tiempo. Las plataformas como Builderius o Etch tienen manifiestos coloridos, pero aún no se han probado con su longevidad. WPBakery todavía se ejecuta en una vieja base con un goteo de características que salen cada año, mientras construyeron un constructor de sitios web separado y no competible.

El editor de bloques prometió una nueva era de diseño de WordPress, pero atendió mucho a los desarrolladores. La mayoría de los propietarios de sitios todavía lo encuentran limitante y complejo, por lo que lo complementan con un complemento para que sea viable.

Estos son solo algunos de los complementos, sin mencionar los muchos más temas suplementarios.

Debido a que los temas elegantes tienen un equipo grande y estable con un historial de una década, no está apostando en vaporware o un producto experimental.

2. Mejor sistema preestablecido para WordPress

La mayoría de los sistemas de diseño solo usan estilos globales selectivos o archivos temáticos. JSON. Divi 5 admite CSS personalizado y variables de diseño nativo, pero también tiene un sistema preestablecido extenso, que incluye el grupo de opciones y los presets de elementos.

Los grupos de opciones preestablecidos trabajan en elementos que tienen grupos similares de configuraciones. Esta es una excelente manera de brindar consistencia a sus encabezados, espaciado, dimensionamiento y radios fronterizos, por ejemplo.

Los presets de elementos han estado alrededor de mucho tiempo con Divi y le permiten aplicar fácilmente los diseños a los mismos módulos utilizados en varios contextos. Otros constructores pueden ofrecer estilos globales, pero Divi 5 va más allá al permitirle crear y reutilizar grupos de configuraciones de manera compuesta. Esta es una actualización de productividad masiva que es en gran medida exclusiva de Divi.

3. Variables de diseño

Hay dos cosas importantes que saber sobre las variables de diseño:

1. Las variables de diseño funcionan de manera similar a las variables CSS, lo que le permite almacenar valores reutilizables en la interfaz de usuario.
2. Las variables de diseño van más allá de lo que las variables CSS típicas pueden manejar para incluir también contenido (piense en imágenes, URL y cadenas de texto)

Los ladrillos apoyan el color y las fichas de espacios, pero las variables de Divi son más profundas. Le permiten definir cosas como un texto de llamado a la acción, imágenes o incluso URL específicas como variables y reutilizarlas en cualquier lugar donde tenga sentido.

Elementor, Wpbakery y el editor de bloques no ofrecen variables de todo el sistema. Por supuesto, Divi tiene esto y también le permite usar variables CSS como mejor le parezca.

4. Capacidad para usar todas las unidades CSS

No más limitaciones de unidades básicas. Divi 5 acepta cualquier unidad CSS válida, incluidas VW, REM, Fit-Content, Clamp () y Calc (). Incluso puede usar variables CSS que puede agregar a través de CSS personalizado.

Use unidades y funciones CSS avanzadas en todo el editor, incluso en el administrador variable

Divi 5 admite todas las unidades CSS modernas, incluidas la Clamp (), Calc () y los valores sin unidad. Esto brinda a los diseñadores control sobre diseños de fluidos, tipo escalable y espaciado receptivo con las unidades CSS con las que se sienten cómodos.

5. Flywheel de la Fundación

¿Cuál es la mejor prueba de recompensa para la nueva arquitectura de Divi 5? La velocidad a la que hemos lanzado nuevas características. Sí, las características que mostramos anteriormente (y algunas debajo de este punto) son excelentes adiciones, pero lo impresionante de ellas en conjunto es que se crearon muy rápidamente.

Siete lanzamientos principales de características en solo tres meses. Ese es el resultado de un efecto deliberado del volante.

Pace: ¡un nuevo y mayor divi 5 característica cada 12.3 días!

Otros constructores a menudo tardan meses en lanzar características similares, porque sus sistemas luchan en cada paso del camino. Están tratando de construir rascacielos en la arena.

Divi 5, por el contrario, fue diseñado para crecer y expandirse. Hemos tomado lo mejor de Divi, lo modernizamos y lo hemos agregado sin miedo a él, por lo que es lo mejor que se debe construir en WordPress. Una vez que Divi 5 llegue a la beta pública y más allá, no perseguiremos a la competencia, sino creando nuevos estándares para que todos los sigan.

6. Increíble velocidad

En Divi 5, el constructor responde más rápido, sus cambios se vuelven más rápidos y las páginas grandes no se retrasan. ¿Por qué? Reconstruimos todo para cargar solo lo que se necesita. El nuevo motor utiliza la división de código inteligente y la lógica de módulo optimizado que elimina los scripts redundantes de la ecuación. También maneja cada interacción con las mejores prácticas para evitar largas cadenas de actualizaciones o dependencias circulares.

Elementor es lento en el editor, y puedes sentirlo, incluso cuando estás en modo de lienzo (sin encabezado o pie de página cargado en el editor).

Divi funciona significativamente mejor. Observe qué tan rápido puede duplicar cualquier elemento dentro del constructor.

Cada nueva característica se prueba rigurosamente para la velocidad en el editor y el front -end. Lo sentirás cuando abra un módulo o arrastre una sección. La interfaz es muy ágil y los cambios ocurren instantáneamente.

Incluso hemos eliminado nuestras queridas pero lentas animaciones, por lo que no tiene que pasar por los ciclos de clic, esperar y cargar .

7. Un constructor visual que realmente se siente moderno

Avanzando más allá de la velocidad, notará que el ambiente es diferente de inmediato. La nueva interfaz de Divi 5 no lucha contra ti. Los paneles se acoplan por defecto; Puedes sacarlos según sea necesario. Puede personalizar la interfaz de usuario con modos oscuros/de luz y colores de acento personalizados. Es una interfaz de usuario nueva y profesional para una nueva era de diseño.

Todo es fácil de leer. Esto puede sonar como una pequeña actualización, pero cualquiera que haya pasado horas diseñando en una interfaz estrecha sabe cuánto importa.

La vista de capas y la alternancia de rayos X lo ayudan a dar sentido a sus diseños en páginas visualmente complejas.

La vista de estructura del alambre, un Divi Classic, le permite ver su página desde una perspectiva estrictamente de diseño sin representar los detalles de diseño.

8. Puntos de interrupción personalizables

En lugar de tres puntos de interrupción fijos, ahora tienes siete. Los siete son personalizables, lo que significa que puede personalizar los tamaños de pantalla para cada punto de interrupción. Puede establecerlos en los valores de punto de interrupción tradicionales o adoptar un enfoque de diseño primero y personalizarlos para que se ajusten a las necesidades del flujo y el diseño de su sitio.

¿La verdadera ventaja? Están integrados en el editor y fácilmente accesibles. No necesita dejar su flujo o cavar en tres o cuatro menús profundos en la configuración del sitio para usarlos. Puede probar y ajustar estilos específicos de punto de interrupción directamente en el lienzo.

No es revolucionario, pero es más suave, más directo y más amigable para los diseñadores. A diferencia de WPBakery o el editor de bloques nativos, Divi 5 le brinda control total sobre los puntos de interrupción receptivos, sin tocar una línea de código.

Todavía no hemos terminado (pero ya estamos avanzando)

Divi 5 no se está costando. Se acelera. Todavía no es comploso, pero ya lo estamos logrando para que Divi pueda ponerse al día y saltar a la competencia. Los sitios existentes pueden querer esperar la beta pública antes de actualizarse, pero le informaremos a medida que nuestro sistema de migración comience a manejar la compatibilidad hacia atrás perfectamente para módulos de terceros y demás.

Hemos reconstruido todo, eliminamos nuestras limitaciones pasadas, enviamos una nueva característica cada dos semanas y recién estamos comenzando. Aquí hay un vistazo de lo que vendrá después:

Una nueva era para los sistemas de color con divi

El sistema de color de Divi está recibiendo una actualización.

Estamos agregando soporte completo para la creación de color basada en HSL. Eso significa que los valores de tono, saturación y ligereza se pueden ajustar programáticamente en su diseño. Podrá crear colores relativos, como "color primario, 20% más claro", que se sincronizan maravillosamente con la paleta global de su marca. Esta es una expansión de nuestra gestión global del color y la adición de un administrador de variables de diseño, y creemos que le encantará usarlo.

Diseños con flex

Pronto podrá diseñar cualquier diseño que imagine utilizando nuevas plantillas de fila, controles de columnas, alineación vertical, envoltura y herramientas de espaciado, todo alimentado por FlexBox. Simplificará la estructura de diseño, eliminará la necesidad de "secciones especializadas" y traerá una nueva flexibilidad a cada parte de su página.

Combine esto con filas anidadas, y puede construir diseños completamente sensibles y profundamente personalizados con menos código y mejor rendimiento.

Divi se está moviendo rápido

Hemos lanzado nuevas características increíbles, mejoraron la velocidad de Divi, y lo hicimos todo en un editor moderno y flexible.

Y ahora, con colores HSL y Flexbox en la cubierta (y otras características no anunciadas), estamos dando a los diseñadores las herramientas que han estado esperando.

Nota: Divi 5 está listo para usarse en nuevos sitios web, pero aún no recomendamos convertir los sitios existentes en Divi 5.