El Loop Builder es una de las herramientas más transformadoras de Divi 5, especialmente en proyectos periodísticos y de contenido dinámico. Gracias a él puedes diseñar cómo se mostrarán las noticias de una categoría, etiqueta o búsqueda, con libertad total sobre la estructura visual. Ya no estás limitado a los diseños predefinidos de WordPress: cada listado —ya sea “Últimas noticias”, “Más leídas” o cualquier sección temática— puede tener su propia identidad editorial, respetando colores, tipografías y espaciados definidos en las Variables Globales.

En un periódico digital, donde la actualización es constante y cada bloque debe integrarse en el ritmo visual del sitio, el Loop Builder se convierte en la herramienta esencial para mostrar contenido nuevo de forma automática pero con diseño completamente personalizado.

🟣 Qué es el Loop Builder y por qué es clave en un periódico digital

El Loop Builder permite maquetar una única tarjeta de contenido que se repetirá automáticamente tantas veces como noticias quieras mostrar. Lo que antes era un bloque rígido ahora es totalmente editable: puedes ajustar la posición de la imagen destacada, reorganizar titulares y extractos, incorporar el avatar del autor o añadir metadatos como la fecha o la categoría.

Esta flexibilidad es fundamental en un periódico online, donde cada sección debe respetar la identidad visual del medio y, al mismo tiempo, adaptarse al tipo de contenidos que muestra. El Loop Builder convierte esta necesidad en un proceso visual y sencillo, totalmente integrado en el editor de Divi 5.

💡 Consejo DNP: piensa en el Loop como una plantilla editorial de tarjeta que Divi repetirá de forma automática.

🟣 Construir tarjetas dinámicas con identidad editorial

En Divi 5 puedes personalizar cada parte de la tarjeta: desde la proporción de la imagen hasta la jerarquía tipográfica usada en titular, extracto o fecha. Esto te permite crear bloques totalmente coherentes con la estética de tu periódico digital. Las imágenes pueden seguir una proporción estable (3×2 o 1×1), los titulares pueden emplear la escala tipográfica definida por variables y el espaciado interno puede ajustarse mediante las reglas de Flexbox o Grid según la composición.

La magia está en que este diseño no se aplica a una noticia concreta, sino al conjunto de contenidos que cumplan el filtro que hayas definido. Un solo diseño editorial, infinitas repeticiones automáticas.

💡 Consejo DNP: diseña tu tarjeta como si fuera una “mini portada”; cada detalle cuenta.

🟣 Mostrar contenidos por categorías, etiquetas o condiciones personalizadas

El Loop Builder permite definir qué tipo de contenido debe mostrar el bloque dinámico. Puedes enfocarlo en una categoría específica como Cultura, Economía o Tecnología, filtrar por etiquetas, limitar el número de resultados o incluso mostrar solo contenidos recientes o destacados.

Esta flexibilidad es perfecta para construir las secciones de un periódico digital. Un bloque para Economía, otro para Actualidad, un módulo para Opinión o incluso una sección de entrevistas pueden diseñarse con un estilo único pero totalmente coherente entre sí. El lector percibe orden visual, y tú mantienes el control editorial.

💡 Consejo DNP: usa filtros con criterio periodístico; elige qué secciones merecen mayor visibilidad.

🟣 Crear ritmo visual con Grid y Flex dentro del Loop

El Loop Builder se integra perfectamente con Grid y Flexbox. Puedes colocar la tarjeta dentro de una cuadrícula de tres columnas para la portada, o en dos columnas si se trata de una sección secundaria. Dentro de la propia tarjeta, Flexbox ayuda a alinear el contenido y a mantener la proporción visual incluso cuando los titulares tienen longitudes diferentes.

Este equilibrio es esencial para que los listados no parezcan irregulares. Una cuadrícula estable, combinada con una tarjeta bien construida, da como resultado una sección limpia, coherente y fácil de leer.

💡 Consejo DNP: evita incluir elementos muy altos o muy largos dentro del Loop; rompe la armonía del conjunto.

🟣 Aplicar estilos avanzados en tarjetas dinámicas

Divi 5 permite personalizar detalles como el color del enlace al pasar el cursor, el espaciado vertical entre módulos, la sombra de la tarjeta o la forma en que se muestra la imagen destacada. Todos estos ajustes, cuando se aplican de forma uniforme mediante el Loop Builder, refuerzan la identidad editorial del sitio.

A nivel periodístico, puedes dar importancia al autor en bloques de opinión, destacar la fecha en secciones de actualidad o potenciar la categoría en módulos de análisis. El diseño deja de ser genérico y se convierte en una herramienta narrativa.

💡 Consejo DNP: usa la jerarquía tipográfica global para reforzar el ADN visual del medio en todas las tarjetas.

🟣 Ejemplo práctico en DiviNewsPro

En DiviNewsPro utilizamos el Loop Builder para construir bloques de categoría totalmente personalizados. Las imágenes emplean proporción 3×2, los titulares usan la escala fluida H2 o H3 según el módulo, y el extracto se mantiene en clamp con line-height generoso para mejorar la lectura. La categoría aparece en la parte superior con tipografía Meta, reforzando la estructura periodística del módulo.

El resultado es un listado dinámico que parece diseñado a mano, pero que se actualiza automáticamente cada vez que se publica una noticia nueva. Es la combinación perfecta entre eficiencia y diseño editorial.

💡 Resultado final: un sistema dinámico, coherente y profesional que facilita la actualización constante del periódico sin perder calidad visual.

🟣 Conclusión

El Loop Builder convierte la maquetación dinámica de contenidos en un proceso visual, creativo y completamente integrado en Divi 5. Permite construir tarjetas editoriales personalizadas, aplicar filtros inteligentes, respetar la identidad visual del medio y mantener listas actualizadas sin intervención manual. En un periódico digital, donde la renovación es diaria, esta herramienta es imprescindible para mantener orden, ritmo y coherencia sin sacrificar diseño.

Con una buena tarjeta base y una cuadrícula bien definida, cualquier sección del periódico puede adquirir una estética clara, moderna y perfectamente alineada con el resto del proyecto.

🟢 Tema anterior
👉 Maquetación con Flexbox en Divi — Alineación y distribución profesional

🟢 Siguiente tema
👉 Theme Builder en Divi 5 — Cabeceras, pies y plantillas globales