¡Nuevo módulo de carrusel grupal, módulo Lottie y más!

Hoy, lanzamos tres nuevos módulos para Divi 5, incluido el módulo de carrusel grupal muy solicitado, que le permite crear cualquier tipo de carrusel o control deslizante, incluidos los carruseles posteriores a la publicación, utilizando el nuevo bucle de bucle de Divi 5.

También agregamos un módulo Lottie para animaciones fáciles basadas en JSON y un módulo de lista de iconos para una fácil creación de listas.

La nueva arquitectura de Divi 5 simplifica la creación del módulo, por lo que lanzaremos una sorprendente cantidad de nuevos módulos después del lanzamiento oficial de Divi 5. Este es solo un aperitivo para detenerte mientras nos enfocamos en progresar a la fase beta el próximo mes.

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

Módulo de carrusel grupal

La adición más importante es el módulo de carrusel grupal.

A diferencia de otros carruseles, cada diapositiva en el carrusel grupal es un lienzo en blanco; Puede agregar cualquier módulo a cada diapositiva para crear cualquier carrusel o control deslizante. Usted controla el número de diapositivas, el contenido de las diapositivas y otras configuraciones de animación. Dado que los grupos se pueden diseñar utilizando la amplia gama de configuraciones de diseño de Divi, puede crear estilos únicos y efectos de transición.

Crear carruseles postales, términos y basados en usuarios

Loop Builder de Divi 5 le permite recubrir un grupo dentro del carrusel para crear carruseles posteriores, términos o usuarios. Esto extrae contenido dinámico de su sitio web para completar cada diapositiva automáticamente.

Habilite el bucle en el grupo, personalice la consulta y enchufe el contenido dinámico en los elementos del carrusel. En este ejemplo, construí un carrusel testimonial utilizando un tipo de publicación personalizado y campos creados con ACF.

Ejemplos de carrusel

La belleza del módulo de carrusel grupal es que cada diapositiva en el carrusel es un lienzo en blanco envuelto en el contenedor grupal de Divi. Puede agregar cualquier módulo dentro de él, junto con filas anidadas, y crear diseños de deslizamiento avanzados con FlexBox.

¡El cielo es el límite!

También puede aprovechar la gama completa de configuraciones de diseño de Divi, como transformaciones, filtros y sombras de caja, para crear efectos de transición.

Ejemplo #1: control deslizante de pantalla completa personalizada

El carrusel grupal puede mostrar cualquier cantidad de diapositivas por página. Si lo limita a una sola diapositiva, tiene un control deslizante. Puede liberarse de los módulos deslizantes existentes de Divi para crear algo nuevo.

Ejemplo #2: carrusel de equipo multi-deslizamiento

Puede elegir cuántas diapositivas para mostrar por página y cuántas diapositivas se desplazarán con cada clic de la flecha. En este ejemplo, creé un control deslizante de equipo para una página Acerca de, incluidos los enlaces sociales que usan el módulo de seguimiento social.

Ejemplo #3: carrusel de bucle basado en términos

Puede construir carrusels basados en términos utilizando el bucle de bucle de Divi 5. En este ejemplo, el carrusel se está recorriendo a través de categorías de productos de WooCommerce. El nombre de la categoría y la imagen de la característica se generan dinámicamente con cada diapositiva en el bucle.

Ejemplo #4: Menú de alimentos con transiciones creativas

En este ejemplo, creé un menú que se desliza a través de una lista de platos más vendidos. Ajustar la escala y la opacidad de las diapositivas inactivas crea un efecto de transición divertido a medida que deslizo a través de cada elemento.

Módulo lottie

El nuevo módulo Lottie hace que sea fácil agregar animaciones Lottie a su sitio web y controlar sus animaciones e interacciones.

Las animaciones de Lottie son geniales porque están basadas en JSON y SVG, lo que las hace livianas y perfectas. Hay muchos lugares en línea donde puede encontrar excelentes animaciones y agregarlas fácilmente a su página.

El módulo Lottie le permite personalizar la velocidad de animación, el activador, la dirección, el bucle y más.

️ Nota: WordPress Media Library no permite cargar archivos JSON. Si desea cargar una animación Lottie a través de la biblioteca de medios de WordPress, puede usar un complemento como los tipos de carga de archivos para habilitar la carga JSON.

Módulo de lista de iconos

El módulo de lista de iconos es una adición simple que llena un pequeño vacío en los módulos más básicos de Divi. Hace que la creación de listas y asignar iconos únicos a cada elemento sea fácil.

Anteriormente, la única forma de crear listas era manualmente dentro de un módulo de texto, lo que hace que esta sea una adición simple pero bienvenida.

Prueba Divi 5 hoy

Estos nuevos módulos están disponibles para Divi 5 hoy y son 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 Loop Builder?

En caso de que te lo hayas perdido, recientemente lanzamos el nuevo buque de bucle para Divi 5.

Divi's Loop Builder es único en su libertad; Puede recorrer cualquier cosa sin estar restringido a un módulo o contenedor de bucle estático. Cree su elemento de bucle, luego personalice su consulta utilizando varias opciones convenientes y meta consultas. Admite tipos de publicaciones personalizadas, incluidos WooCommerce, campos personalizados creados con ACF e incluso campos de repetidor ACF.

¡Es una característica increíble!

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.