Loopers maken en instellen:
Loopers instellen doen we met twee verschillende instellingen:
- Looper Provider (om een bepaalde bron van data in te stellen)
- Looper Consumer (gebruiken van die specifieke data en die specificeren op een child-level)
Sectie aanmaken:
De Row en de Column wordt tegelijk aangemaakt.
We beginnen met het aanmaken van een nieuwe sectie.
Daarna maken we een ROW aan.
Wanneer we de ROW kiezen, kiezen we het tabblad Customize.
Alhier gaan we de Looper Provider aanzetten.
Hier kiezen we wat voor een soort query we willen gaan maken, meestal Recent Posts.
De hiearchie van een sectie ziet er zo uit:
- Sectie
- Row (Hier stellen we de Looper Provider in)
- Column
- Inhoud oftewel element
- Column
- Row (Hier stellen we de Looper Provider in)
Row :
In de lay-out kiezen we het aantal kolommen dat we willen gaan gebruiken.
Stel gelijk de breakpoints in voor kleinere schermen (vb: telefoon = 1 kolom)!
Onder Setup gaan we naar Layout Options en zetten Grow aan.
Daarna gaan we in de Row naar het tabblad Customize om Looper Provider aan te zetten.
Onder Type kiezen we meestal Recent Post, een andere optie kan natuurlijk ook.
Daaronder zetten we Count op Custom en stellen het aantal items in dat moet worden weergeven.
Nu gaan we de specifieke query instellen voor Looper Consumer.
We klikken nu op Column en kiezen wederom het tabblad Customize.
Hier zetten we Looper Consumer aan.
Items dient hier bijna altijd op All te staan.
Item op gaan maken:
in de eerste kolom gaan we een aantal elementen neerzetten zoals:
- Featured image
- The Title
Wanneer er bijvoorbeeld géén uitgelichte afbeelding is ingesteld willen we deze verbergen.
Dit doen we door op de uitgelichte afbeelding te klikken en dan naar tabblad Customize te gaan.
Hier klikken we op Edit bij Conditions en kiezen Add Condition Group.
Onder Conditions zoeken we naar Featured Image waar dan achter staat: Is Set.
D.w.z. dat de uitgelichte afbeelding moet worden weergegeven wanneer deze is ingesteld.