Revelando la nueva interfaz Divi 5

Regresé con otra actualización de Divi 5 y esta vez, estoy emocionado de brindarles un vistazo temprano a la nueva interfaz de Divi 5. Aún no está terminado, pero aún queda mucho por explorar.

Mire el vídeo para verlo más de cerca.

La nueva interfaz Divi 5

Divi 5 está obteniendo una nueva apariencia. Funciona de la misma manera que siempre, así que no te preocupes si la nueva interfaz te deja perplejo. Todo te resultará muy familiar. No hemos cambiado lo que puedes hacer con Divi, pero esperamos que disfrutes aún más de lo que haces con una interfaz más rápida y menos engorrosa.

Una interfaz más rápida y eficiente

Divi 5 representa velocidad y eficiencia puras; la interfaz de usuario debe cumplir esos objetivos. Lo primero que notarás sobre Divi 5 es que es increíblemente rápido. No hay absolutamente ninguna demora al pasar el cursor, hacer clic, editar y mover elementos, y puede manejar páginas extensas como nunca antes. También eliminamos todas las animaciones porque no queremos que nada te ralentice.

Una interfaz que no se interpone en tu camino

Redujimos el tamaño de la interfaz para darle a sus diseños más espacio para respirar. Puede acoplar varios paneles de menor tamaño al costado del navegador sin que se superpongan con su contenido o se interpongan en su camino.

En el ejemplo anterior, tengo mi panel de capas acoplado a la izquierda y mi panel de configuración acoplado a la derecha. El panel de configuración se completa automáticamente cuando hago clic en la página y cuando edito algo, la respuesta es instantánea.

Una interfaz totalmente personalizable

Divi 5 te brinda mucho más control sobre el diseño del constructor. Puede acoplar, desacoplar o combinar paneles en ventanas con pestañas. Si prefieres tener todas las ventanas cerradas y un panel de configuración flotante como Divi 4, esa también es una opción.

Una interfaz que es más fácil que nunca de navegar

Con el modo de clic como modo de interacción predeterminado, un panel de capas más pequeño que siempre puede dejar abierto y nuevas rutas de navegación en cada panel de configuración, navegar por la página es más fácil que nunca. No tendrá dificultades para encontrar o hacer clic en cualquier cosa que desee editar.

Todavía necesitamos hacer mejoras y agregar piezas faltantes, pero este vistazo inicial debería darle una buena idea de qué esperar cuando lancemos la Alfa pública en los próximos meses.

Lo que logramos este mes

También hicimos muchas otras cosas durante el último mes. Construir la nueva interfaz fue relativamente simple. Todo el trabajo principal se lleva a cabo detrás de escena, donde estamos construyendo una base sólida que servirá a la comunidad durante muchos años, lo que implica el redesarrollo completo de todas las funciones y módulos principales de Divi.

Actualmente estamos en la fase Dev Beta (a la que puedes unirte si eres desarrollador de módulos Divi), lo que significa que hemos completado el nuevo marco y ahora estamos reconstruyendo todo en ese marco.

Arreglamos más errores, escribimos más documentos para desarrolladores y convertimos una serie de módulos, como el control deslizante de publicaciones, el blog, la navegación de publicaciones, el portafolio filtrable, el menú de ancho completo y el portafolio de ancho completo.

Cada vez que terminamos una nueva función o módulo, nos acercamos un paso más a Public Alpha, donde queremos tener suficientes funciones y módulos más populares de Divi listos para que esa primera versión sea utilizable para una amplia audiencia.

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

• Se agregó el módulo Post Slider para Divi 5
• Se agregó el módulo de menú de ancho completo para Divi 5
• Se agregó el módulo Título de publicación de ancho completo para Divi 5
• Se agregó una mejora marcada con funciones para los marcos de aplicaciones.
• Se implementaron estilos avanzados en la declaración de estilos del módulo PHP para código, audio, contador circular, columna, temporizador de cuenta regresiva, divisor, encabezado de ancho completo, imagen de ancho completo, encabezado, ícono, llamado a la acción, botón, contadores de barras, acordeón, título de publicación, portafolio, contador de números. , mapa
• Módulo de blog agregado para Divi 5
• Se agregó una mejora marcada con funciones para los marcos de aplicaciones.
• Se agregó el módulo Portafolio filtrable para Divi 5
• Se agregó el módulo Portafolio de ancho completo para Divi 5
• Módulo de navegación de publicaciones agregado para Divi 5
• Se implementaron estilos avanzados en la declaración de estilos del módulo VB para módulos de sección, mapa de ancho completo, encabezado, menú, barra lateral, seguimiento de redes sociales, pestañas, miembro del equipo, testimonios, texto, alternancia, video y control deslizante.
• Configuraciones de módulo integradas generadas automáticamente para el panel de configuración de módulos como temporizador de cuenta regresiva, contador de círculos, código, botón, propaganda, divisor, audio, propaganda, código y encabezado.
• Se actualizó la exportación de 'SyncGlobalLayoutAttributes' para que sea un tipo en lugar de un objeto.
• TypeDocs: se agregó el paquete @divi/modal-library al generador TypeDocs.
• TypeDocs: documentación actualizada para funciones de almacén de datos en el paquete @divi/modal-library.
• TypeDocs: se agregó el paquete @divi/page-settings al generador TypeDocs.
• TypeDocs: documentación actualizada para funciones de almacén de datos en el paquete @divi/page-settings.
• Desarrollé el módulo Fullwidth Portfolio tanto en VB como FE en D5.
• TypeDocs: se agregó el paquete @divi/keyboard-shortcuts al generador TypeDocs.
• TypeDocs: se agregó el paquete @divi/object-renderer al generador TypeDocs.
• TypeDocs: se agregó el paquete @divi/mask-and-pattern-library al generador TypeDocs.
• TypeDocs: se agregó el paquete @divi/middleware al generador TypeDocs.
• TypeDocs: se agregó el paquete @divi/modal al generador TypeDocs.
• TypeDocs: se agregó el paquete @divi/modal-snap-indicator al generador TypeDocs.
• TypeDocs: se agregó el paquete @divi/draggable al generador TypeDocs.
• TypeDocs: se agregó el paquete @divi/numbers al generador TypeDocs.
• TypeDocs: se agregó el paquete @divi/error-boundary al generador TypeDocs.
• TypeDocs: se agregó el paquete @divi/events al generador TypeDocs.
• TypeDocs: se agregó el paquete @divi/help al generador TypeDocs.
• TypeDocs: documentación actualizada para funciones de almacén de datos en el paquete @divi/help.
• TypeDocs: se agregó el paquete @divi/history al generador TypeDocs.
• TypeDocs: se agregó el paquete @divi/hooks al generador TypeDocs.
• TypeDocs: se agregó el paquete @divi/icon-library al generador TypeDocs.
• TypeDocs: se agregó el paquete @divi/global-layouts al generador TypeDocs.
• TypeDocs: documentación actualizada para funciones de almacén de datos en el paquete @divi/global-layouts.
• TypeDocs: se agregó el paquete @divi/fonts al generador TypeDocs.
• TypeDocs: documentación actualizada para funciones de almacén de datos en el paquete @divi/fonts.
• TypeDocs: documentación actualizada para el paquete @divi/module.
• TypeDocs: se agregó el paquete @divi/data al generador TypeDocs.
• TypeDocs: se agregó el paquete @divi/divider-library al generador TypeDocs.
• Se agregaron TypeDocs para el paquete @divi/context-library.
• TypeDocs: se agregó el paquete @divi/conversion al generador TypeDocs.
• TypeDocs: se agregó el paquete @divi/constant-library al generador TypeDocs.
• TypeDocs: documentación actualizada para el paquete @divi/field-library.
• Se implementaron estilos avanzados en la declaración de estilos de módulo VB para… módulos.

Próximamente: ¡Divi Layouts AI!

Eso es todo por la actualización Divi 5 de este mes. En otras noticias, pronto tendremos una nueva función Divi AI que me entusiasma. Ya hemos creado herramientas de inteligencia artificial para la generación de texto, imágenes y códigos. A continuación, lo reuniremos todo para permitirle generar diseños completos con IA. Nota: la generación del diseño se aceleró en el siguiente video.

Simplemente dígale a Divi AI qué tipo de página desea y él construirá el diseño, generará las imágenes, escribirá el contenido y personalizará las fuentes y los colores. En cuestión de segundos, tienes una página completa lista para usar y puedes acceder a la configuración de diseño de Divi para dar los toques finales o usar las herramientas de inteligencia artificial de Divi para refinar aún más los resultados.

Estén atentos para más actualizaciones

Estén atentos al lanzamiento de Divi Layouts AI y no olviden volver el próximo mes para ver otra actualización de Divi 5. Síguenos por correo electrónico y suscríbete a nuestro YouTube para asegurarte de no perderte nada y nos vemos en el próximo.