¡Ya está disponible la demo de Divi 5 Pre-Alpha! El equipo de ElegantThemes.com ha puesto a tu disposición de manera gratuita el link de esta demo en vivo, donde puedes ingresar y experimentar por ti mismo los cambios de esta nueva versión.
En este artículo, te proporcionaré un análisis detallado de las características clave y las expectativas que rodean a Divi 5. ¿Será realmente el futuro del diseño web? ¡La respuesta podría sorprenderte!
Te invito a quedarte hasta el final de este artículo donde te espera una sorpresa especial: ¡la oportunidad exclusiva de probar la demo de Divi 5 Pre-Alpha! Se uno de los primeros en experimentar los cambios de la nueva interfaz y las funcionalidades de Divi 5.
Características principales de Divi 5 Pre-Alpha:
Múltiples paneles intuitivos
Los widgets de esta demo de Divi 5 se han mantenido de la versión anterior, pero ahora contarás con una nueva interfaz que muestra múltiples paneles, lo que te permitirá trabajar de manera más rápida y eficiente. El modo responsivo tipo pop-up ya no se utiliza; cada panel es fijo y algunos son desplegables. Además, a lo largo de estos días se irán incluyendo nuevas funcionalidades.
Capas de interacción:
Estas opciones las puedes encontrar en el panel izquierdo y están diseñadas para activar o desactivar opciones, simplificando así la vista al construir tu sitio web. Tenemos 3 tipos de capas de interacción:
Parent Action Icons On Over
Esta opción controla si los iconos de acción (como los iconos de engranaje, duplicar, eliminar, guardar, etc.) se muestran cuando se pasa el cursor sobre una sección, fila o módulo. Cuando está habilitada, los iconos de acción pueden aparecer cuando el usuario coloca el cursor sobre el elemento.
Parent Action Icons On Over
Esta opción controla si los iconos de acción se muestran al pasar el cursor sobre el elemento padre que contiene otros elementos. Si está habilitada, solo podrá ver los iconos de acción de la sección y fila al pasar el cursor sobre el lienzo de Divi, sin embargo, los iconos del módulo no se mostrarán y ninguna de las opciones se puede pulsar.
X-Ray
Al tener activada esta opción, hace que los contornos de sección, fila y módulo sean visibles en un tono semitransparente. Esto puede ser útil para visualizar la estructura de la página y los elementos superpuestos de manera más clara, especialmente en diseños complejos.
Rápido y funcional incluso con diseños grandes y complejos:
Puedes duplicar y agregar múltiples elementos y el rendimiento no variará; el renderizado seguirá siendo igual de rápido. Se ha simplificado la interfaz y se han eliminado animaciones innecesarias. Además, tendrás la opción de cambiar entre un modo oscuro y un modo claro según tus preferencias al diseñar tu página web.
Cambios desde una perspectiva de desarrollo basado en API:
Esta característica no se puede ver a simple vista, ya que se encuentra detrás de todo, pero la nueva base de Divi 5 está basada en API, lo que permitirá al equipo de ElegantThemes agregar más funcionalidades y características para sus usuarios. Una vez superados los principales errores, se comenzarán a agregar lo siguiente: Constructor en bucles, Flexbox y CSS Grids, mejor accesibilidad, más módulos y mejores opciones de menú y encabezado.
¿Cuándo estará disponible la Demo de Divi 5.0 Alpha para descargar?
El equipo de ElegantThemes ha propuesto realizar una actualización del Pre-Alpha cada dos semanas, a través de las cuales se revisarán y corregirán errores. Posteriormente se agregarán las nuevas funciones como flexbox, CSS Grids, constructor en bucle y más.
Si ya has utilizado Divi o estás comenzando en el tema de los constructores visuales en WordPress, te invito a probar esta demo de Divi 5. Podrás experimentar de primera mano lo rápido, fluido e intuitivo, y además podrás reportar errores al soporte para que puedan resolverlos.
En este sentido, la fecha de publicación de la versión descargable de Alpha de Divi 5 dependerá del progreso en esta demo Pre-Alpha. En la imagen puedes el ver la ruta de lanzamiento y la etapa en la que nos encontramos actualmente (Phase 4).
¿Qué se espera de Divi 5?
Divi 5 promete llevar tus habilidades de diseño web al siguiente nivel. Veamos qué podemos esperar de esta próxima versión:
Contenedores Flexbox
Se espera que Divi 5 permita controlar de manera flexible la disposición y el posicionamiento de los elementos dentro de una sección, sin tener que escribir código CSS manualmente. Por ejemplo, podrías ajustar fácilmente la alineación de los elementos dentro de una fila o columna, establecer el orden en el que aparecen en la página, distribuir el espacio disponible entre ellos o controlar cómo se adaptan al tamaño de la pantalla.
Contenedores CSS Grid
En lugar de tener que escribir manualmente el código CSS para crear una cuadrícula, podrás utilizar la interfaz visual de Divi 5 para arrastrar y soltar elementos en una cuadrícula predefinida o definir tu propia cuadrícula con controles intuitivos e incluso combinarla con Flexbox para diseños más complejos.
En esencia, mientras que CSS Grid se centra en la disposición en una cuadrícula bidimensional, Flexbox se centra más en el posicionamiento y la distribución de los elementos en una sola dimensión (ya sea una fila o una columna), lo que permite diseños más dinámicos y adaptables.
Constructor en Bucle (Loop Builder)
Ya no estarás limitado por estructuras predefinidas, se espera que con Divi 5 puedas crear un diseño y replicarlo automáticamente en bucles sin tener que rehacerlo una y otra vez. Imagina diseñar una página de producto con un estilo distintivo y luego aplicar ese mismo diseño a otras páginas, o incluso a diferentes widgets como llamados a la acción, garantizando una coherencia visual en todo tu sitio web.
Divi AI Layout & Page Creation
El 18 de abril de 2024, en Divi 4 se introdujo una nueva funcionalidad de pago: Divi AI Layout & Page Creation. Esta característica permite a los usuarios generar diseños de Divi utilizando inteligencia artificial.
Mediante un sencillo prompt, los usuarios pueden crear una página completa o secciones independientes especificando sus preferencias y proporcionando una breve descripción de su negocio o los elementos que desean incorporar al diseño. De esta manera, la IA integrará automáticamente información e imágenes relevantes al negocio especificado.
La expectativa es que esta tecnología también se incorpore a Divi 5, permitiendo la creación de diseños aún más complejos. Esto convertiría a Divi en el tema ideal tanto para diseñadores profesionales como para aquellos sin experiencia previa en diseño, ampliando significativamente su versatilidad y su capacidad para satisfacer las necesidades de una amplia gama de usuarios.
Conclusión
La versión Pre-Alpha de Divi 5 representa una evolución de esta popular herramienta de diseño web. Con un enfoque claro en la eficiencia y la simplificación, los usuarios pueden anticipar una experiencia de construcción más fluida y rápida.
Aunque todavía hay ajustes por hacer, como la potencial confusión causada por la inclusión de tres capas de interacción, que necesitan una simplificación para mejorar la experiencia en su uso. No obstante, las características destacadas en su video promocional, como los contenedores Flexbox y CSS Grid, junto con el Constructor en Bucle, prometen elevar tanto la creatividad como la eficiencia al momento crear sitios web.
La adopción de una arquitectura basada en API abre un mundo de posibilidades para futuras expansiones y mejoras, lo que sugiere un emocionante futuro para Divi. Con actualizaciones regulares programadas para abordar errores y agregar nuevas funciones, la versión Alpha de Divi 5 se encuentra en camino de revolucionar la forma en que se diseñan los sitios web en WordPress.
