Grid Builder WP

Objectif & intention utilisateur : L’outil Grid Builder WP crée des grilles configurables et basées sur les données pour les sites WordPress. Il s’adresse aux développeurs, concepteurs de thèmes et gestionnaires de contenu qui ont besoin de motifs de grille réutilisables pour les articles, portfolios, produits ou témoignages sans coder les templates. Utilisé lors du développement de thèmes, de la construction de pages ou lors de redesigns, il traduit les sources de données en code et modèles de grilles déployables pour une présentation front-end cohérente.
Logique centrale & fonctionnalités : capacités incluent data_source (paramètres WP_Query) pour récupérer les éléments; layout_style (grid ou masonry); comptage de colonnes réactif par breakpoint; réglages gutters et alignement; templates d’éléments pilotés par les données; sorties HTML/CSS et shortcode WordPress. Exigences : définition data_source, item_limit, configuration des breakpoints et au moins un layout_style. Options avancées : templates de cartes personnalisés, filtrage et tri, pagination, chargement paresseux, sources de données dynamiques et personnalisation du shortcode. Sorties : grid_code, css et shortcode. L’accent est mis sur le rendu piloté par les données, sans s’appuyer sur le style front-end.
Algorithmes & Calculs : pour chaque breakpoint, grid-template-columns = repeat(n, 1fr). Exemple : 0–599px: 2 colonnes, 600–899px: 3 colonnes, 900px+: 4. Gutter, Masonry et hooks de template de carte s’y ajoutent. Le tout forme une grille HTML finale, un bloc CSS et un shortcode pour exécuter le rendu. L’ordre, le filtrage et la pagination suivent les paramètres WP_Query.
Erreurs & cas limites : données invalides ou type de post non supporté mènent à une grille vide sans erreurs au runtime. item_limit négatif ou nul, breakpoints non numériques ou conflit entre layout et contraintes de données déclenchent des erreurs de validation. En cas d’absence de données externes, une grille vide est renvoyée et des avertissements non-fatals sont consignés pour révision.
Industrie & localisation : Utilise les conventions i18n de WordPress et des unités CSS en px/rem. Breakpoints et marges respectent les pratiques standard du web, utilisables en toutes régions sans données monétaires ou de localisation sensibles.
Hypothèses & exclusions : Suppose un environnement WordPress avec les permissions et le support du thème nécessaires; les termes de style front-end et le comportement UI ne font pas partie du périmètre; focus sur la génération de grilles pilotée par les données, les formats de sortie et le code prêt à déployer.