Introducción de bucle Builder para Divi 5

Hoy, presentamos Loop Builder Divi 5, que le permite construir un contenido basado en postes y basado en el bucle utilizando cualquier elemento Divi.

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 el siguiente video para ver la nueva función en acción.

Cumplir cualquier cosa

Primero lo primero: ¿Qué es un bucle de bucle? En pocas palabras, es una herramienta que le permite mostrar un bucle de contenido de la base de datos de su sitio web (como publicaciones, productos, categorías y autores) y personalizar el diseño de cada elemento en el bucle.

¡Esto le permite crear contenido basado en publicaciones, como feeds de blog personalizados, listas de productos, calendarios de eventos, listas de cursos, páginas de categorías y todo lo demás!

1. Primero, cree una plantilla para los elementos en bucle utilizando elementos Divi y configuraciones de diseño.
2. A continuación, personalice la consulta que controla el contenido en el bucle (número de publicaciones, tipo de publicación, categoría, etc.).
3. Finalmente, conecte el contenido dinámico desde el bucle a su plantilla (título de publicación, imagen destacada, extracto, etc.).

Antes de entrar en los detalles, déjame darte ejemplos de lo que puedes crear con el nuevo bucle de bucle de Divi.

Ejemplo #1: Feed de blog personalizado

Mira la hermosa feed de blog en el video a continuación. Estará familiarizado con un bucle de publicaciones de blog porque es núcleo para WordPress y algo que presenta el módulo de blog Divi, pero este ejemplo no es un módulo de blog; Es un bucle personalizado.

Construí mi plantilla de blog usando elementos Divi y configuraciones de diseño. A continuación, encendí el bucle de la columna que contiene mis elementos de contenido y elegí recorrer las publicaciones. La columna se repite, y cada instancia representa una publicación en el bucle.

Finalmente, enchufé contenido dinámico desde el bucle, como el mosaico post y la imagen destacada, de modo que cada elemento en el bucle muestra su contenido único. Puede hacer esto para cualquier tipo de publicación para crear cualquier tipo de contenido basado en publicaciones.

Ejemplo #2: Productos destacados de WooCommerce

En este ejemplo, creé un bucle de productos de WooCommerce destacados para mi página de inicio. La plantilla se construyó utilizando módulos y grupos dentro de una columna encajada dentro de una fila.

Personalicé la consulta para mostrar productos específicos que quería presentar.

Ejemplo #3: Calendario de eventos

Creé un bucle de los próximos eventos del complemento de calendario de eventos en este ejemplo. Divi's Loop Builder le brinda total libertad para diseñar su elemento de bucle, para que pueda ser creativo con el diseño de sus bucles, especialmente con el sistema de diseño FlexBox de Divi 5.

También puede aprovechar cualquier campo personalizado (post meta) para cualquier tipo de publicación. En este caso, podría usar el precio del evento y los campos de fecha.

Ejemplo #4: Slider de curso LMS

Incluso puede bucle de sub-ítems como una diapositiva dentro de un control deslizante.

La diapositiva de bucle en el siguiente video muestra cursos presentados de Tutor LMS.

Divi ha tenido el concepto de módulos basados en post, como el control deslizante y los módulos de blog, pero con contenido dinámico y el nuevo constructor de bucle de Divi, cualquier elemento se puede convertir en un bucle dinámico.

Ejemplo #5: Página de categoría de WooCommerce

También puede recorrer términos y usuarios.

En este ejemplo, creé una página de productos de nivel superior que se dispara a través de todas las categorías de productos de WooCommerce.

Cada elemento en el bucle es una categoría en lugar de una publicación. El título de la categoría de producto y la imagen destacada se extraen dinámicamente de los términos meta.

Ejemplo #6: autores de blogs

En el video de ejemplo a continuación, hice una página con todos los autores de nuestro blog.

Supera a todos los usuarios con el rol de autor y muestra su nombre, avatar y biografía.

Explorando opciones de bucle de consulta

Veamos las opciones de consulta de Loop Builder que controlan qué publicaciones aparecen en un bucle. Puede elegir qué tipo de publicación recorrer, filtrar publicaciones por categorías y etiquetas, filtrar publicaciones específicas o crear meta consultas personalizadas para apuntar a contenido específico. También puede controlar el pedido y la compensación posteriores.

• Tipo de consulta : elija lo que le gustaría hacer bucle, ya sean publicaciones, términos o usuarios.
• Tipo de publicación : si está en bucle de publicaciones, puede elegir qué tipo de publicación bucle, como publicaciones de blog, productos de WooCommerce, proyectos de divi, etc.
• Términos : si está en bucle de términos, puede elegir qué término bucle, como categorías y etiquetas.
• Usuarios : si está en bucle de usuarios, puede elegir qué papel de los usuarios encajan, como autores o colaboradores.
• Incluya publicaciones con términos específicos : si está en bucle de publicaciones, puede elegir recorrer solo publicaciones de categorías y etiquetas específicas.
• Excluya publicaciones con términos específicos : también puede excluir publicaciones de categorías y etiquetas específicas de su bucle.
• Incluya publicaciones específicas : si está en bucle, puede incluir solo publicaciones específicas en su bucle, que es excelente para presentar publicaciones o productos de blog.
• Excluya publicaciones específicas : también puede excluir publicaciones específicas de su bucle.
• Ordene por : ordene sus artículos en bucle ascendiendo o descendiendo.
• Publicaciones por página : elija cuántos elementos bucleados deben aparecer en cada página.
• Post Offset : muestre solo cada n elementos. Esto le permite crear múltiples bucles a través de la misma consulta, cada uno con un conjunto único de publicaciones y diseño.
• Meta consulta : cree consultas personalizadas para filtrar su bucle usando cualquier key posterior a la meta.
  • Meta clave : la meta clave en la tabla post_meta.
  • Meta Valor : el valor del elemento con la clave meta específica.
  • Compare : una vez que esté consultando una meta clave específica, puede elegir cómo comparar el valor para afectar la consulta (es igual a, es mayor que, etc.).
  • Tipo : el tipo de valor que se compara, como el número, la fecha, la hora, etc.

Soporte de tipo de campo y publicación personalizado

Divi's Loop Builder admite campos personalizados de dos maneras. En primer lugar, puede usar meta consultas personalizadas para mostrar contenido específico en su bucle en función de los datos de las publicaciones en la tabla post_meta, que incluye todos los datos de campo personalizados. En segundo lugar, puede mostrar datos de la tabla WP_PostMeta, como datos de campo personalizado, como contenido dentro de su plantilla de bucle.

Soporte para campos personalizados avanzados (ACF)

Divi's Loop Builder admite campos personalizados creados utilizando campos personalizados avanzados (ACF). Al seleccionar un campo personalizado, encontrará todos los campos ACF en la parte superior, que están etiquetados con sus nombres de campo asociados.

Soporte para los campos Repeater ACF

Divi's Loop Builder también es compatible con ACF Repeator Fields. Si usó ACF para crear un bucle de consulta, puede seleccionarlo en el menú Tipo de consulta y todo encajará.

Prueba Divi 5 hoy

Loop Builder para Divi 5 está disponible hoy, y es 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 Flexbox?

En caso de que se lo haya perdido, recientemente lanzamos el nuevo sistema de diseño basado en Flexbox para Divi 5.

Esta no es una actualización menor. Reinventa Divi, lo que le permite construir cualquier estructura de diseño, incluido el desglose de diseño receptivo, el pedido de módulos personalizados, la alineación vertical fácil y el posicionamiento de elementos, y mucho más. No se dejó ninguna piedra, no se olvidó ninguna opción, lo hicimos todo y es mejor en clase. Hay un enlace en la descripción del video para obtener más información.

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.