Grid Builder WP

Propósito e intención del usuario: la herramienta Grid Builder WP crea diseños de rejilla configurables y basados en datos para sitios WordPress. Dirigido a desarrolladores web, diseñadores de temas y gestores de contenido que necesitan patrones de rejilla reutilizables para posts, portafolios, productos o testimonios sin escribir código de plantillas. Úsese durante el desarrollo de temas, construcción de páginas o rediseño del sitio. Traduce fuentes de datos en código de rejilla renderizable y plantillas para una presentación frontend coherente.
Lógica central y características: capacidades clave incluyen data_source (parámetros tipo WP_Query) para obtener items; layout_style (grid o masonry); conteo de columnas receptivas por breakpoint; controles de gutter y alineación; plantillas de elementos basadas en datos; opciones de salida que incluyen fragmentos HTML/CSS y shortcode de WordPress. Requisitos: definición de data_source, item_limit, configuración de breakpoint y al menos un layout_style. Características avanzadas: plantillas de tarjetas personalizadas, filtrado y ordenación, paginación, carga diferida, fuentes de datos dinámicas y personalización de shortcode. Salidas: grid_code, css y shortcode. Enfoque en renderizado basado en datos, no en estilos frontend.
Algoritmos y cálculos: para cada breakpoint se calcula grid-template-columns como repeat(n, 1fr). Ejemplo: 0–599px: 2 columnas, 600–899px: 3 columnas, 900px+: 4 columnas. También se generan gutters, comportamiento Masonry y ganchos de plantilla para tarjetas. Genera una rejilla HTML final, un bloque CSS y un shortcode para ejecución en tiempo de ejecución. El orden, filtrado y paginación se mapean a parámetros WP_Query.
Errores y casos límite: fuente de datos inválida o tipo de post no soportado resultan en una rejilla vacía sin errores de tiempo de ejecución. Límite de elementos negativo o cero, breakpoints no numéricos o conflictos entre layout_style y restricciones de datos provocan errores de validación. En ausencia de datos externos, se devuelve un esqueleto de rejilla vacío y se registran advertencias no fatales para revisión del desarrollador.
Segmento/Localización: Los outputs usan convenciones i18n de WordPress y unidades CSS en px/rem. Breakpoints y gutters siguen prácticas comunes de diseño web, útiles en distintas regiones sin datos sensibles de moneda o localización.
Supuestos y Exclusiones: se asume un entorno WordPress con permisos necesarios y soporte del tema para renderizar shortcodes o plantillas generadas; términos de estilo frontend y comportamiento de la UI quedan fuera del alcance; enfoque en generación de rejillas basadas en datos, formatos de salida y código listo para desplegar.