Las cosas que odias de Divi 4 y cómo las estamos arreglando en Divi 5

Divi se ha convertido en un tema líder de WordPress y un constructor de páginas, impulsando casi 1 millón de sitios web con sus opciones de diseño versátiles y su constructor visual intuitivo. Su aumento en la popularidad proviene de su facilidad de uso y capacidad para crear sitios web impresionantes y profesionales sin una codificación extensa. Sin embargo, sabemos que Divi 4 no es perfecto.

A través de los comentarios de los usuarios de foros, redes sociales y nuestra investigación, hemos escuchado sus frustraciones en voz alta y clara. Los problemas de rendimiento, una base de código obsoletas, una interfaz torpe y una flexibilidad de diseño limitada son cosa del pasado en Divi 5. Estas ideas han dado forma a la evolución de Divi 5, y una reescritura completa del núcleo de Divi es cómo estamos abordando estos puntos de dolor de frente.

En esta publicación, discutiremos las críticas más comunes de Divi 4 y explicaremos cómo Divi 5 ofrece una solución más rápida, más escalable y moderna.

Divi 5 está listo para usarse en nuevos sitios web, pero todavía no recomendamos convertir los sitios existentes en Divi 5.

Divi 5: Donde estamos y qué hay de nuevo

Divi 5 está en su fase alfa pública, un hito importante que invita a los usuarios a probar nuevas funciones en las nuevas compilaciones de sitios web. Hasta que esté disponible una versión completa, esta fase le permite explorar el constructor visual renovado, una velocidad mejorada y una flexibilidad de diseño mejorada de Divi 5. Estamos comprometidos con actualizaciones continuas, asegurando mejoras continuas impulsadas por su entrada. Si bien trabajamos para una versión completa dirigida para el cuarto trimestre 2025 - P1 2026, agregaremos nuevas características y resolveremos los problemas.

Nuevas características clave en Divi 5

• Una base de código moderna: Divi 5 ofrece un constructor visual más rápido y receptivo, eliminando la hinchazón del código de Divi 4 cargando solo los módulos que necesita.
• No más códigos cortos: digan adiós a los códigos cortos en Divi 5. Builted en un sistema basado en HTML-5, Divi 5 recorta errores, aumenta la compatibilidad y se alinea con los estándares modernos de WordPress.
• Visual Builder mejorado: la interfaz de usuario del Visual Builder se ha transformado por completo con modo luz y oscuro, paneles acoplables, ventanas con pestañas, atajos de teclado y una vista de capas más intuitiva con migas de pan para navegación sin esfuerzo.
• Filas anidadas y grupos de módulos: cree diseños complejos y receptivos con filas anidadas para grupos infinitos de anidación y módulos como contenedores versátiles y reutilizables.
• Divi AI: Divi AI se ha integrado completamente en la fase alfa pública de Divi 5, lo que brinda la capacidad de generar texto, código, imágenes, secciones y diseños completos.
• Puntos de interrupción sensibles a personalizables: Divi 5 presenta siete puntos de interrupción ajustables (versus tres en Divi 4) para brindarle un control preciso sobre los diseños receptivos, lo que garantiza que los diseños brillen en cada dispositivo.
• Diseño preestablecido: Divi 5 presenta un enfoque de diseño basado en preajuste, lo que permite a los usuarios crear preajuste de elementos y preajustes de grupos de opciones que proporcionan más control sobre la apariencia y sensación de su sitio.
• Variables de diseño: Cree valores predeterminados globales utilizando variables de diseño para configurar fuentes, colores, tipografía, enlaces y más, a través del nuevo administrador de variable de Divi 5.
• Gestión de atributos: el nuevo sistema de gestión de atributos de Divi 5 permite a los usuarios copiar, pegar y restablecer la configuración de estilo y contenido para promover la consistencia del diseño en todos sus sitios web de Divi.
• Unidades avanzadas: Divi 5 se expande en unidades como VW, VH, REM y EM en Divi 4 para incluir unidades avanzadas como Calc () y Clamp () para espaciar y tipografía, y unidades CSS como Min, Max, Unset y más.

El alfa público de Divi 5 es su oportunidad de experimentar un divi más inteligente, más rápido y más flexible.

Quejas comunes sobre Divi

Según las ideas del usuario y nuestra investigación, hemos identificado las frustraciones de los usuarios más comunes con Divi 4 y cómo Divi 5 las aborda directamente. A continuación, describimos estos puntos débiles y cómo Divi 5 se dirige a ellos.

1. Problemas de rendimiento y velocidad

Visual Builder de Divi 4 es más lento de lo que desea, con páginas complejas que tardan más en cargarse debido a la arquitectura subyacente de Divi 4 que dificultaba la escala. Una queja común que vemos de nuestros usuarios es que el Visual Builder se queda atrás durante el proceso de edición, está plagado de animaciones innecesarias y lleva tiempo al intercambiar puntos de descanso.

Como resultado, el diseño de páginas con Divi 4 puede llevar a los usuarios más largos y frustrantes.

Cómo Divi 5 aborda el problema

Divi 5 se construye desde cero para ser delgado y modular, cargando solo los módulos y las características que usa. Esto elimina el procesamiento innecesario, lo que hace que el Visual Builder sea más rápido y más receptivo. Al adoptar el mismo formato de almacenamiento basado en HTML-5 que Gutenberg, Divi 5 elimina el procesamiento de los códigos cortos por completo (a menos que en el modo de compatibilidad hacia atrás, ver más abajo), asegurando una experiencia de edición ágil y cargas de página más rápidas.

También hemos renovado cómo se manejan la configuración del módulo, por lo que el front-end produce solo los estilos personalizados y el marcado, manteniendo las cosas eficientes. Con más de una década de experiencia detrás de esto, la nueva Fundación de Divi 5 ofrece un rendimiento suave y listo para el futuro que los evaluadores elogian por su velocidad y fluidez en la fase alfa pública.

Divi 5 en el modo de compatibilidad hacia atrás

Para las páginas con módulos Legacy Divi 4 basados ​​en los códigos cortos, Divi 5 asegura que renderen correctamente cargando el marco Divi 4 junto con el sistema Divi 5 simplificado. Esto prioriza la compatibilidad pero puede afectar ligeramente el rendimiento. Para mantener las cosas eficientes, el marco Divi 4 solo se carga en páginas con módulos heredados, por lo que el resto de su sitio se beneficia completamente de las mejoras de velocidad de Divi 5.

2. Sistema basado en cortocodos obsoletos

La dependencia de Divi 4 en los códigos cortos crea problemas de compatibilidad con WordPress moderno, lo que lleva a frustraciones como interruptores temáticos complicados. Con Divi 4, cambiar a un tema diferente es difícil, a menudo requiere que los usuarios reconstruyan los sitios desde cero cuando migra lejos de Divi.

Cuando Divi 4 se desactiva, el contenido está envuelto en códigos cortos generado por el tema, lo que hace que el cambio de temas sea difícil y engorroso. Esto ha contribuido a los potenciales usuarios de Divi que encuentran aplicaciones más modernas, como ladrillos o gutenberg, para transiciones más limpias cuando son necesarios interruptores de temas.

Cómo Divi 5 aborda el problema

Divi 5 elimina los códigos cortos, adoptando un formato de almacenamiento limpio basado en HTML-5 que se alinea con el editor de bloques de WordPress. Este cambio reduce los errores, simplifica las migraciones y garantiza la escalabilidad a prueba de futuro. La retroalimentación de la comunidad de Discord de Temas de Elegant ha informado de transiciones de temas más suaves sin errores relacionados con los códigos cortos durante las pruebas alfa.

3. Interfaz torpe

Visual Builder de Divi 4 a menudo es criticado por su engorrosa experiencia del usuario, que requiere clics excesivos y ralentiza el proceso de diseño. La vista de capas, una herramienta de navegación crítica, está desordenada y no atractable, lo que dificulta la gestión de diseños complejos de manera eficiente. Los usuarios, especialmente los principiantes, encuentran la interfaz no intuitiva, con una curva de aprendizaje que requiere tiempo y paciencia.

La interfaz torpe aumenta el tiempo de diseño, lo que puede aumentar la frustración. Los principiantes luchan por ubicar la configuración o comprender el flujo de trabajo, mientras que más usuarios experimentados pierden el tiempo navegando a los menús anidados y las capas ven la ventana emergente, que debe moverse perpetuamente alrededor del diseño mientras diseña. Esto puede reducir la productividad y alienar a los usuarios que buscan una experiencia más simplificada.

Cómo Divi 5 aborda el problema

Divi 5 transforma el Visual Builder con una elegante UI centrada en el usuario diseñada para minimizar la fricción y mejorar la productividad. Por ejemplo, herramientas como paneles acoplables permiten a los usuarios fijar la configuración de uso frecuente, y las ventanas con pestañas facilitan la navegación de las opciones de módulos. Además, la vista de capas renovadas ahora es compacta y acopible, y ahora hay una característica de migas de pan que hace que sea más fácil navegar sus diseños sin perderse en estructuras anidadas.

Estos cambios crean una experiencia de edición fluida y receptiva que se siente moderna y eficiente.

4. Características de diseño avanzado limitados

El sistema de diseño de Divi 4 es un punto de dolor significativo para los diseñadores. Carece de soporte moderno de Flexbox y se basa en estructuras de fila rígidas que restringen la libertad creativa. Construir diseños complejos, como carteras dinámicas, tablas de precios intrincadas o diseños de múltiples columnas, a menudo requiere utilizar una sección especializada, CSS personalizado u otras soluciones, que se sienten desactualizadas en comparación con otros constructores. Esta rigidez sofoca la creatividad, lo que obliga a los usuarios a superar las limitaciones para lograr diseños modernos y visualmente sofisticados.

La falta de herramientas de diseño flexibles en Divi 4 obliga a los diseñadores a pasar tiempo extra en las soluciones personalizadas para lograr los resultados deseados, aumentando significativamente el tiempo de desarrollo y la frustración. Esto pone a Divi en desventaja contra competidores como Elementor y Bricks, que ofrecen características de diseño más avanzadas de la caja. Para los usuarios que tienen como objetivo crear diseños receptivos y complejos sin codificar, Divi 4 a menudo se siente restrictivo y lento.

Cómo Divi 5 aborda el problema

Divi 5 redefine la flexibilidad de diseño con nuevas características que permiten a los usuarios crear diseños complejos y modernos sin tocar una línea de código (a menos que eso sea lo suyo). La introducción de filas anidadas permite la anidación infinita, lo que permite a los diseñadores construir estructuras de hilos de múltiples capas para galerías, exhibiciones de miembros del equipo y más.

Los grupos de módulos actúan como contenedores versátiles, ofreciendo opciones de estilo avanzado para crear secciones cohesivas y visualmente dinámicas.

Siete puntos de interrupción personalizables proporcionan un control granular sobre el diseño receptivo, asegurando diseños impecables entre dispositivos, desde teléfonos móviles hasta escritorios de pantalla panorámica.

Si bien el soporte de Flexbox aún no se ha introducido, estamos poniendo las bases para ello, así que espere que se lance pronto. Agregar soporte para FlexBox mejorará aún más la precisión y la flexibilidad del diseño y trabajará de la mano con grupos de módulos para mantener los diseños limpios y reutilizables.

Otras características, como las unidades avanzadas, incluyen funciones CSS como Calc () y Clamp (), mientras que las variables de diseño permiten una consistencia de estilo de ancho lateral con un esfuerzo mínimo.

La gestión de atributos agiliza los flujos de trabajo al permitir que los usuarios copiaran, peguen o restablecen los estilos en los elementos, reduciendo significativamente el tiempo de diseño.

Estas herramientas hacen de Divi 5 una potencia para crear diseños sofisticados y receptivos que rivalizan y superan a los competidores, todo dentro de un entorno intuitivo.

5. Módulo de blog limitado y personalizaciones del módulo de galería

Los módulos de blog y galería de Divi 4 carecen de la flexibilidad para los diseños modernos y dinámicos, obligando a los usuarios a confiar en complementos de terceros o código personalizado para crear diseños como cuadrículas de mampostería, publicaciones personalizadas o pantallas estilizadas de galería. Esta limitación impide que los usuarios logren presentaciones de contenido únicas y visualmente atractivas sin herramientas adicionales.

Los usuarios enfrentan costos adicionales y pasan un tiempo significativo en soluciones, frustrando a aquellos que buscan soluciones nativas y perfectas dentro de Divi. Esta dependencia de complementos de terceros complica los flujos de trabajo y socava el atractivo todo en uno de Divi, especialmente en comparación con los competidores que ofrecen opciones de personalización de contenido más robustas.

Cómo Divi 5 aborda el problema

Divi 5 aborda esta limitación del blog y los módulos de la galería con el próximo Bo Loop Builder, que cambiará la forma en que los usuarios crean y diseñan contenido dinámico con Divi. The Loop Builder permite a los usuarios construir bucles totalmente personalizables para cualquier tipo de publicación, incluidos blogs, galerías y proyectos, utilizando todo el conjunto de módulos de Divi dentro del Visual Builder.

Los bucles personalizados permiten a los diseñadores crear plantillas para repetir contenido, como cuadrículas de mampostería o publicaciones dinámicas, sin complementos ni codificación. Por ejemplo, un usuario puede crear un diseño de evento con una mezcla de módulos de imagen, módulos de texto y botones, luego aplicarlo a un bucle de eventos, controlando publicaciones que aparecen a través de opciones de consulta. También puede incorporar grupos de módulos y filas anidadas para crear diseños de estilo perfectamente de estilo (y reutilizable) para mostrar su contenido con el estilo.

6. Percepción de rezagamiento detrás de los competidores

En temas elegantes, estamos comprometidos a ofrecer una experiencia de diseño web que evoluciona con las necesidades de nuestros usuarios y el ecosistema de WordPress. Algunos se han preguntado si Divi puede mantenerse al día con el mundo acelerado de los constructores de páginas. La respuesta es un rotundo sí y lo estamos haciendo más rápido que nunca.

Cómo Divi 5 aborda el problema

Después de dos años de refactorización intensiva, hemos reconstruido Divi desde cero con una arquitectura moderna que nos posiciona para superar a la competencia en los próximos años. Esta revisión nos permite lanzar nuevas funciones cada 1-2 semanas, ofreciendo velocidad, flexibilidad e innovación a nuestros usuarios. Nuestro ciclo de desarrollo acelerado significa que no solo está obteniendo un constructor de páginas que cumpla con los estándares de hoy. Estás obteniendo uno que siempre está un paso por delante.

El constructor visual más rápido de Divi 5 y la representación frontal, combinada con una compatibilidad completa con el editor de bloques de WordPress, aseguran una experiencia de diseño perfecta y a prueba de futuro. Características como variables de diseño le permiten realizar cambios de estilo en todo el sitio con un solo clic.

Mientras tanto, el diseño basado en preestablecidos agiliza los flujos de trabajo al habilitar el estilo consistente del módulo, ya sea a través de presets de elementos para módulos completos u preajuste de grupos de opciones para configuraciones reutilizables como los estilos de borde.

Con una base de código moderna y un ritmo rápido para los lanzamientos de características, Divi 5 no solo se pone al día. Está configurando el estándar para lo que puede ser un constructor de páginas.

El futuro de Divi 5

El Alfa Público Divi 5 ha provocado entusiasmo entre los evaluadores, que están contentos con sus avances transformadores. Los primeros usuarios elogian al constructor visual más rápido, describiéndolo como una actualización drástica de su predecesor. Las características como las filas anidadas y los grupos de módulos hacen posibles diseños complejos, mientras que la capacidad de Divi AI para generar contenido y diseños ofrece un potencial que ahorra tiempo. Sin embargo, nos damos cuenta de que algunos usuarios esperan el soporte completo de FlexBox, el consultor de la consulta y las próximas funciones antes de adoptar Divi 5.

Nos comprometemos profundamente con nuestra comunidad. Primero, respondemos activamente a los comentarios. Estamos incorporando características impulsadas por el usuario. Este enfoque colaborativo garantiza que Divi 5 evolucione para satisfacer las necesidades de nuestros usuarios.

La falta de una fecha de lanzamiento confirmada deja algo, y lo entendemos. Sin embargo, queremos proporcionar la mejor versión de Divi Posible, que lleva tiempo . Actualmente, estamos lanzando activamente nuevas funciones, arreglando errores y escaneando la entrada del usuario para obtener más mejoras.

Por lo tanto, lo invitamos a descargar el Alpha Public Divi 5, probar sus poderosas características en nuevos proyectos y compartir sus comentarios a través de nuestro chat de ventas/soporte, plataformas de redes sociales o comentando nuestras publicaciones de blog Divi 5 relacionadas. Su opinión es fundamental para dar forma a la versión final, ayudando a garantizar que Divi 5 cumpla y supere las expectativas. Entonces, bucee y ayúdanos a construir el futuro de WordPress.

Abrazar la evolución de Divi

Divi 5 marca un salto significativo hacia adelante, abordando directamente las quejas clave de los usuarios sobre Divi 4 con un enfoque modernizado y centrado en el usuario. Agradece los problemas de rendimiento a través de un constructor visual más rápido y una mejor representación frontal. Además, elimina los códigos cortos utilizando un marco moderno y ofrece una interfaz de usuario simplificada con navegación intuitiva. Los diseñadores también encontrarán flexibilidad de diseño muy mejorado gracias a las nuevas características de Divi 5 y las bases fundamentales para el soporte de Flexbox. Los avances de Divi 5 le permitirán crear fácilmente diseños complejos y receptivos en menos tiempo.

Entendemos si actualmente está en la cerca sobre la adopción de Divi 5. Sin embargo, es completamente funcional y está listo para nuevos proyectos. Si está comenzando un nuevo proyecto que no requiere integraciones de terceros, le recomendamos que explore Divi 5 y se una a nuestra comunidad interactiva. Su retroalimentación es esencial para el desarrollo continuo de Divi 5 y dará forma directamente a su lanzamiento final.