Heb je een blog dan is het zaak om je bezoekers doorheen je website attent te maken op je (nieuwste) blogberichten. In de editor van WordPress vind je daarvoor een krachtig wapen: het query loop-blok.
Leestijd: ca. 4 minuten
Vind je het ook lastig om alles uit de blokeditor van WordPress te halen? Dit is een artikel uit de reeks Mastering block editor. Neem de reeks door en de blokeditor zou voor jou nog weinig geheimen moeten kennen…
De standaard blokeditor moest het veel te lang stellen zonder fatsoenlijke mogelijkheden om een homepage voor je blog te maken. Wilde je een “dynamisch” lijstje met je laatste nieuwe blogpost tonen, dan was je immers aangewezen op een blok uit één of andere extra Gutenberg block plugin. Onbegrijpelijk eigenlijk!
Lees ook: Tips om sneller te werken met WordPress Gutenberg
Wat kan je met het query loop-blok?
Het query loop-blok is een flexibel blok, bedoeld om blogberichten dynamisch te tonen en te groeperen. Het blok komt dan ook erg van pas wanneer je een typische homepagina wil maken voor je blog of als je een blogpagina wil toevoegen aan je statische website.
Leuk is trouwens dat je dat query loop-blok niet alleen kan gebruiken om een klassieke homepage – het traditionele rijtje met de laatste nieuwe bloposts -voor je blog te ontwerpen. De query loop is ook handig als je op een vaste pagina enkele berichten uit één bepaalde blogcategorie wil tonen, bijvoorbeeld (zie verder). Wie dat wil kan zo een homepage ontwerpen die veel weg heeft van de homepagina van een nieuwssite.
Zo heb ik hierboven de query loop ingezet om een soort related posts sectie te maken.
En op mijn homepage kan je zien hoe ik de query loop op verschillende plekken inzette om tot een ietwat andere indeling te komen dan je misschien zou verwachten bij zo’n homepage van een blog.
Het query loop-blok invoegen in je content
- Plaats de cursor daar waar je het query loop-blok wil invoegen
- Ga naar de Blok-inserter, zoek en selecteer het Query loop-blok
- Klik op de knop Kies
Bij een blokthema kan je doorgaans kiezen uit een aantal kant-en-klare sjablonen voor je query loop. Vind je niet meteen een indeling die bij je past? Geen nood, je kan alles nog helemaal aanpassen (zie ook onderstaande video).
Misschien heb je gemerkt dat er ook een knop Blanco is. Kies deze optie wanneer je query loop wil aanmaken die totaal verschillend is van de layouts die je WordPress-theme standaard aanbiedt. Ook hier heb je trouwens standaard varianten (Titel & datum, Titel & samenvatting, Titel, datum & samenvatting en Afbeelding, datum & titel).
Belangrijk:
Heb je een homepage met een klassieke blogindeling, dan wil je waarschijnlijk dat je bezoekers makkelijk door kunnen klikken naar oudere berichten. Dan is het handig om te werken met een knop die je naar de volgende dan wel vorige pagina brengt.
Kies daarom zeker een query loop-blok mét paginering. Let erop, want niet elk query loop-blok heeft die optie.
De layout van de query loop aanpassen
Zo’n query loop is meestal een Raster met een Bericht template, dat op zijn beurt is opgebouwd uit elementen die nuttig kunnen zijn als je (een lijst met) berichten wil tonen. Denk bijvoorbeeld aan:
- (aanklikbare) titels
- uitgelichte afbeeldingen
- een uittreksel uit je artikel (samenvatting)
- de publicatiedatum
- de (avatar van) auteur
- een link naar de categoriepagina
- …
Echter, je bent niet verplicht om elk onderdeel over te nemen. Kijk naar wat je nodig hebt (en de ruimte die je hebt) en delete de rest. Om sneller te werken kies je uiteraard het query loop-blok dat het dichtst aanleunt bij wat in jouw design past, om vervolgens aanpassingen door te voeren.
Alle onderdelen zijn trouwens gewone WordPress-blokken die je via het Instellingen-menu voor het blok – aan de rechterkant van het scherm – kan aanpassen. Het is alleen opletten dat je inderdaad het juiste blok selecteert om te bewerken.
Het Raster bewerken
Selecteer het Raster en je hebt in het Instellingen-menu de mogelijkheid om wat te spelen met de volgorde van de getoonde items. Berichten van oud naar nieuw tonen bijvoorbeeld. Of Vaste pagina’s tonen in plaats van blogposts. Of sticky posts weren uit de lijst. En ’t is ook handig dat je mag bepalen hoeveel items per pagina er getoond zullen worden.
Pro tip:
Het kan een goed idee zijn om je query loop-blok onderdeel te laten zijn van een Groep-blok. Niet eens zozeer om alle blokken samen te houden, maar vooral ook omdat zo’n WordPress Groep-blok je extra mogelijkheden biedt qua opmaak en indeling. Ik denk hierbij aan het aanpassen van de afmetingen van je content en het kleurgebruik. Dat een Groep-blok eventueel uit slechts één onderdeel bestaat – in dit geval het query loop-blok – is geen probleem.
Alleen berichten uit een bepaalde blogcategorie laten zien?
Het is soms handig om enkel blogposts te tonen uit één bepaalde categorie (en dus niet noodzakelijk de laatst verschenen artikels).
- Selecteer het Raster in kwestie
- Ga naar het Instellingen-menu en scrol naar beneden
- Kies Filter (klik op het plusje)
- Om blogs uit een specifieke categorie te tonen, klik Taxonomieën
- Tik je blogcategorienaam in het daartoe bestemde vakje
Conclusie?
Met het query loop-blok toon je niet alleen simpelweg je laatste blogberichten. Maak een slimme selectie (gebruik eventueel verschillende query loops op eenzelfde pagina) en laat je bezoekers veel vaker en dieper je blogarchief induiken.
Geef een reactie