bricks/lab.
← Alle moduler

MODUL 04 / DYNAMISK INDHOLD · 30 min

Lad indholdet arbejde.

Et query loop gentager ét Bricks-element for hvert resultat i en forespørgsel. Det er forskellen på seks håndbyggede kort og et system, som vokser med indholdet.

Modellen kommer først

Beslut hvad et element i listen er: et indlæg, en side, et produkt eller en term. Et kursus med titel, resumé og link kan demonstreres med WordPress-sider. Et større kursussystem kan senere bruge en dedikeret indlægstype. Du behøver ikke et ekstra plugin for at lære princippet.

Layoutet bor uden om loopet

Byg en Container eller Block med grid. Inde i den laver du ét kort som Block og slår Use Query Loop til på kortet. Gridforælderen gentages ikke. Sætter du grid på selve loop-elementet, får hvert resultat sit eget grid.

Konfigurér en præcis query

Vælg Posts og den rigtige post type. Begræns resultatet til de sider eller indlæg, som faktisk hører til listen. Sæt sortering og antal bevidst. I et header- eller footer-loop kan Disable Query Merge være nødvendigt, så den ydre forespørgsel ikke ændrer resultatet.

Dynamiske tags følger konteksten

Inde i et Posts-loop henter post_title og post_url værdier fra det aktuelle resultat. AI-agenten skal finde de tilgængelige tags på sitet og forhåndsvise dem før skrivning. En titel, som virker på en normal side, er ikke bevis for korrekt loop-kontekst.

Test det, der kan gå galt

Prøv nul, ét og mange resultater. Kontroller linkdestinationer og sortering. Ved Load More, AJAX og filtre skal Bricks’ loop-markører bevares i HTML. Cacheoptimering, der fjerner markørerne, kan gøre opdateringer tavst defekte.

DIN TUR / PRØV DET I BRICKS

Fra læsning til handling.

Undersøg moduloversigten på forsiden i builderen. Find den ikke-loopende gridforælder og det ene gentagne kort. Prøv derefter på din egen øveside at vise tre udvalgte sider med dynamisk titel og link.

DU ER I MÅL, NÅR …

Du kan vise, at listen bygger på én kortstruktur, og at hvert resultat har sin egen titel og URL. Du har testet en tom liste og forklaret, hvor grid-layoutet ligger.

DIN AGENTPROMPT / MARKÉR OG KOPIÉR

Læs query-schemaet og de tilgængelige dynamiske tags. Byg et Posts-loop over de udvalgte kursussider med ét gentaget kort og en separat gridforælder. Brug titel og URL fra den aktuelle post-kontekst. Test resultater, rækkefølge, links og tom tilstand.

Arbejder du på et eksisterende site? Brug en kladdeside til øvelserne. Globale ændringer kan påvirke alle sider, som bruger de samme ressourcer.