Todo lo que necesitas saber sobre el bucle de bucle de Divi 5

The Loop Builder es la característica más nueva . Ofrece una nueva forma de crear feeds de blogs personalizados, cuadrículas de productos o cualquier otro contenido dinámico, todo dentro del Divi 5 Visual Builder. Esta nueva y poderosa adición permite a los creadores construir contenido de bucle con flexibilidad, transformando cómo mostramos publicaciones, productos y otros tipos de publicaciones personalizadas.

En esta publicación, exploraremos las funciones del builder Loop Builder y proporcionaremos una guía paso a paso sobre cómo usarla. ¡Comencemos!

¿Qué es el bucle de bucle de Divi 5?

The Loop Builder en Divi 5 es una nueva característica que permite a los usuarios de Divi crear y personalizar diseños dinámicos y bucle directamente dentro del Visual Builder. Ya sea que esté exhibiendo publicaciones de blog, productos de WooCommerce u otros tipos de publicaciones personalizadas, el buque de bucle de Divi 5 le permite construir bucles de contenido utilizando cualquier elemento Divi sin estar confinado a módulos estáticos y predefinidos.

Suscríbete a nuestro canal de YouTube

La ventaja de Divi 5 Loop Builder radica en su libertad. Puede diseñar diseños intrincados con consultas personalizadas y diseñarlos con el conjunto completo de herramientas de diseño de Divi. Esto significa que puede crear de todo, desde elegantes feeds de blog hasta cuadrículas dinámicas de productos con control completo, todo dentro de una interfaz sin código y arrastrada

Características clave de Loop Builder

El buque de bucle de Divi 5 tiene características potentes que lo convierten en una herramienta destacada para crear bucles de contenido dinámicos y personalizados. Aquí hay una mirada más cercana a lo que lo hace tan versátil y fácil de usar:

1. Creación de bucle flexible

Con Loop Builder, no está limitado a módulos predefinidos. Puede alternar la opción de bucle en cualquier elemento Divi, transformándola en un bucle de contenido dinámico. Los bucles le permiten construir plantillas personalizadas utilizando el Visual Builder, lo que le brinda la libertad de crear diseños que coincidan con su visión, desde redes de blog minimalistas hasta carteras.

2. Opciones de consulta personalizada

Loop Builder lo pone en control de qué contenido mostrar. Puede personalizar los bucles por tipo de publicación, categoría, número de publicaciones o meta consultas avanzadas. Admite plenamente los tipos de publicaciones personalizadas (CPT), como productos Woo, eventos o contenido filtrado por el autor. Esto significa que puede crear bucles para prácticamente cualquier tipo de contenido en su sitio, sin escribir código o usar complementos de terceros.

3. Integración de contenido dinámico

Extraiga a la perfección contenido dinámico en sus plantillas de bucle, incluidos títulos de publicación, imágenes destacadas, extractos o campos personalizados. Loop Builder ofrece soporte nativo para ACF, incluidos los campos de repetición, lo que le permite mostrar datos directamente dentro de sus bucles. Esta integración garantiza que su contenido sea dinámico y altamente personalizable.

4. Libertad de diseño

Estille su contenido en bucle con el Visual Builder para crear diseños únicos y llamativos como cuadrículas, carruseles o controles deslizantes. Cada aspecto es totalmente personalizable, asegurando que sus bucles se alineen con su marca.

Cómo funciona el bucle de bucle

El buque de bucle de Divi 5 simplifica la creación de bucles de contenido dinámico, lo que lo hace accesible para principiantes y usuarios avanzados. Antes de construir un bucle, revisemos todas las configuraciones dentro del bucle de bucle de Divi 5.

Comprensión de la configuración del constructor de bucle de Divi 5

El buque de bucle en Divi 5 le permite crear secciones dinámicas en su sitio web obteniendo y mostrando varios tipos de contenido en función de sus criterios específicos. Repasemos cada configuración para que tenga una mejor comprensión de lo que hacen y cómo usarlos.

Tipo de consulta

Esta es la elección fundamental para su bucle. Le dice a Divi 5 qué contenido desea atraer a su diseño. Puede elegir entre publicaciones, términos o usuarios. Las publicaciones son contenido estándar como publicaciones de blog, proyectos o cualquier tipo de publicación personalizado que tenga en su sitio. Los términos se refieren a categorías, etiquetas o taxonomías personalizadas. Finalmente, los usuarios le permiten mostrar información sobre los usuarios en su sitio, como autores o colaboradores.

Tipo de publicación

Si elige publicaciones para su tipo de consulta, esta configuración refina qué tipo específico de publicación desea mostrar. Esto puede ser publicaciones de blog, productos, proyectos, páginas o cualquier tipo de publicación personalizado que haya registrado, como recetas o testimonios.

Términos

Al elegir los términos como tipo de consulta, esta configuración le permite elegir qué categorías o etiquetas específicas desea recorrer. Por ejemplo, estos pueden ser etiquetas, formatos, categorías de proyectos, etiquetas de proyecto o un término de taxonomía personalizado.

Usuarios

Esta configuración le permite filtrar qué roles de usuario desea incluir al bucle de los usuarios. Los ejemplos incluyen autores, colaboradores, editores y administradores.

Incluir publicaciones con un término específico

Divi 5 le permite hacer publicaciones a través de categorías y etiquetas específicas, reduciendo su selección de publicaciones para incluir solo aquellos asignados a ciertas categorías o etiquetas.

Excluir publicaciones con términos específicos

Esta configuración hace lo opuesto a la configuración de arriba. Elimina publicaciones de su bucle asignado a categorías o pestañas específicas. Es útil para cuando desea mostrar todas las publicaciones de su blog, excepto para aquellas en una determinada categoría.

Incluir publicaciones específicas

Si está en bucle de publicaciones, puede incluir solo publicaciones específicas, lo cual es excelente para presentar publicaciones o productos de blog. Por ejemplo, puede crear una sección de publicación destacada en su hogar o página de destino y usar Divi's Loop Builder para mostrar solo las publicaciones o productos que desea presentar.

Excluir publicaciones específicas

Esto le permite eliminar publicaciones individuales específicas de su bucle. Es una excelente manera de evitar que ciertas publicaciones aparezcan en una publicación de publicación de blog general, como si están desactualizadas o son parte de una promoción especial que se muestra en otra parte de su sitio.

Ordenar

Esto determina la secuencia en la que aparecerán sus elementos en bucle. Puede ordenar mediante fecha de publicación, ninguno, identificación, título, nombre de publicación, última fecha modificada, aleatorio, autor o recuento de comentarios.

Publicaciones por página

Esta configuración controla cuántos elementos se muestran dentro del bucle en una sola página de su contenido. Esta es una buena manera de mostrar una cierta cantidad de publicaciones o productos en una página de aterrizaje, cartera o archivo.

Offset posterior a

Esta configuración le permite omitir varios artículos desde el comienzo del resultado de su consulta. El desplazamiento posterior es increíblemente útil para crear diseños únicos. Por ejemplo, es posible que tenga una publicación destacada grande en la parte superior (usando un módulo separado), y luego un bucle que muestra el resto de sus publicaciones, comenzando desde el segundo.

Meta consulta

La consulta de Meta es la configuración donde el buque de bucle se vuelve potente para el contenido personalizado. Le permite filtrar su contenido en función de los campos personalizados que ha agregado a sus publicaciones, términos o usuarios.

Meta clave

Una meta clave es el identificador único para los datos personalizados asociados con su contenido. Estos datos se almacenan en la tabla Post_Meta en su base de datos de WordPress.

Meta valor

El meta valor es el valor específico que está buscando dentro del campo Meta Key.

Comparar

Esta configuración define cómo se debe comparar el meta valor con el valor real almacenado en la base de datos para la clave meta. Las opciones incluyen iguales, no iguales, mayores que, mayores o iguales, menos que, menos o igual, contiene, no contiene, en la lista, no en la lista, el campo existe y el campo no existe.

Tipo

El tipo le dice a Divi cómo interpretar el meta valor durante la comparación. Es crucial para comparaciones precisas, especialmente con números o fechas. Puede elegir entre carácter, numérico, binario, fecha, fecha y hora, decimal, firmado o sin firmar.

Al combinar estas configuraciones, puede crear pantallas de contenido altamente sofisticadas y dinámicas en sus sitios Divi, extrayendo exactamente el contenido que desee, en el orden que desee, y filtró con precisión la forma en que lo desee.

Creación de un bucle en Divi 5 (Blog Public Grid)

Agregar nueva fila de 3 columnas

Comience agregando una fila de tres columnas a una página en Visual Builder.

Estille la primera columna agregando un radio de borde de 15px, acolchado de 25px en todos los lados y un borde de 1px sólido #000000.

Habilitar el bucle en la columna

A continuación, habilite el elemento de bucle alternar en la configuración de contenido de la primera columna.

Envoltura de diseño de fila

A continuación, necesitaremos habilitar el envoltorio en nuestra fila para que los elementos caigan a la siguiente línea una vez que se agote el espacio. Navegue hasta la pestaña Diseño de la fila, expanda el menú desplegable de diseño y seleccione Wrap en el envoltorio de diseño .

Puede ajustar la brecha horizontal entre los elementos de bucle en el diseño> la brecha horizontal.

Agregar contenido de bucle

Una vez que estas configuraciones están en su lugar, podemos agregar módulos a nuestro bucle. Haga clic en la primera columna para agregar un módulo de imagen . Notará que cada columna agregará automáticamente un marcador de posición de imagen.

Haga clic en el icono de contenido dinámico en la configuración del módulo de imagen. A continuación, seleccione el bucle de imagen presentado en las opciones disponibles.

Elija el tamaño de la miniatura en el menú desplegable y haga clic en Aplicar .

Agregue un módulo de encabezado debajo del módulo de imagen en la primera columna. Haga clic en el icono de contenido dinámico y elija el título de la publicación de bucle . Estilizar el encabezado como quieras.

A continuación, agregue un módulo de texto a la primera columna del bucle. Haga clic en el icono de contenido dinámico y seleccione el autor de Loop.

Finalmente, agregaremos otro módulo de texto para el extracto de publicación. Una vez agregado, haga clic en el icono de contenido dinámico y seleccione el extracto de bucle .

Cuando aparece el cuadro de diálogo, puede establecer cualquier texto antes y después, la posición del bucle y la cantidad de palabras, y leer más texto.

Usando campos personalizados de bucle

Para mostrar campos personalizados en su bucle, puede usar la integración de Divi 5 con tipos y campos personalizados, incluidos los creados con campos personalizados avanzados (ACF). Por ejemplo, creamos un tipo de publicación personalizado para libros que usan ACF para que podamos mostrar su información utilizando el bucle de bucle.

En Visual Builder, seleccione Tipo de publicación como Tipo de consulta y libros como Tipo de publicación.

Loop Builder de Divi 5 facilita aprovechar los campos personalizados, mejorando la flexibilidad de su contenido dinámico. Al usar ACF, puede acceder a los campos personalizados de Loop Seleccionando el icono de contenido dinámico en cualquier módulo compatible.

Una de las mejores características de la integración ACF de Divi 5 es cómo los campos están etiquetados por conveniencia. Al seleccionar un campo personalizado en el menú de contenido dinámico, Divi muestra la etiqueta del campo ACF (como se define en el grupo de campo ACF) en lugar de solo la tecla meta. Esto hace que identificar y seleccionar el campo correcto intuitivo, especialmente cuando se administra múltiples campos personalizados.

Por ejemplo, si tiene un campo ACF llamado género para un tipo de publicación personalizado para libros , puede extraer estos datos en un módulo de texto para mostrar el género dinámicamente dentro de su bucle.

Divi 5 es compatible con los campos de repetición de ACF

Divi 5 le permite mostrar complejos y repetir conjuntos de datos dentro de sus bucles. Primero, asegúrese de que un campo de repetidor ACF esté configurado en ACF.

Agregue un módulo como el módulo de imagen a su columna de bucle. Seleccione el campo Custom Cander en la configuración de contenido dinámico, luego elija el campo Repetidor. Divi mostrará los subcampos del repetidor, permitiéndole seleccionar datos específicos, como el subfield de imágenes, para crear una galería dinámica dentro de su bucle. Por ejemplo, puede crear una exhibición de cartera donde cada imagen en el bucle muestra una serie de imágenes desde su campo de repetidor, diseñado como una cuadrícula.

Bucles de usuarios y términos

Loop Builder de Divi 5 también se puede usar para los usuarios y términos de bucle. Para un bucle de usuario, puede crear una exhibición de miembro del equipo. Para lograr esto, establezca el tipo de consulta en los usuarios , filtre por rol y agregue módulos como un módulo de imagen para el avatar del usuario y un módulo de texto para su nombre.

Para un bucle de términos, puede construir un escaparate de categoría de proyecto. Esta es una excelente manera de crear una página de categoría para mostrar diferentes proyectos y sus categorías. Simplemente establezca el tipo de consulta en términos , seleccione una taxonomía e incluya términos específicos.

Ya sea que desee publicar publicaciones, proyectos, categorías o autores, Loop Builder puede manejar diversos tipos de contenido más allá de las publicaciones, ofreciendo infinitas posibilidades creativas.

Beneficios del uso de bucle de divi 5

El bucle de bucle de Divi 5 no es solo una característica. Es una herramienta transformadora que facilita la creación de diseños dinámicos. Estos son los beneficios clave que lo hacen imprescindible para los usuarios de Divi:

• Flexibilidad: Loop Builder ofrece libertad creativa, lo que le permite recorrer cualquier tipo de contenido con cualquier elemento Divi, desde filas hasta controles deslizantes. A diferencia de los módulos que lo encierran en diseños predefinidos, Loop Builder le brinda un control de diseño completo, lo que permite diseños únicos sin sacrificar la creatividad.
• Eficiencia: aumente su flujo de trabajo con plantillas de bucle reutilizables construidas directamente en el Visual Builder. Cree una sola plantilla, personalice su consulta y estilo, y aplíquela en varias páginas o tipos de publicaciones.
• Integración nativa: Loop Builder está integrado en Divi 5, que ofrece una solución nativa perfecta para pantallas de contenido complejo.
• Soporte CPT mejorado: Loop Builder admite totalmente los tipos de publicaciones WOO, ACF y personalizados, lo que lo hace ideal para sitios web complejos.

Cree sitios web dinámicos con el bucle de bucle de Divi 5

Loop Builder en Divi 5 permite a los usuarios de Divi crear bucles de contenido flexibles y dinámicos para cualquier tipo de publicación o taxonomía, desde publicaciones de blog y productos WOO hasta tipos de publicaciones personalizadas. Puede transformar cualquier elemento Divi en un bucle personalizable, integrarse sin problemas con los complementos de tipo de publicación personalizados como ACF, y dar a los usuarios el control de diseño completo dentro del Visual Builder. Loop Builder redefine cómo se muestra el contenido dinámico.

¡Le recomendamos que se sumerja en el buque de bucle descargando Divi 5 y descubra cómo puede elevar cómo crea sitios web con Divi!