Handleidingen/Je site bewerken/Templates/Wijzig de weergave van het Query Loop-blok

Wijzig de weergave van het Query Loop-blok

Het Query Loop-blok wordt gebruikt om blogberichten (of andere typen content zoals pagina’s, aanbevelingen of projecten) op je website in verschillende visuele lay-outs weer te geven. Deze handleiding helpt je bij het aanpassen van de manier waarop je content wordt gepresenteerd in het Query Loop-blok.

Kies de lay-out van de Query Loop

Je kan kiezen uit verschillende ontwerpen om je berichten (of andere soorten content) te presenteren binnen het Query Loop-blok door de volgende stappen te volgen:

  1. Navigeer vanuit het dashboard van je site naar Weergave → Editor.
  2. Selecteer het sjabloon dat je wilt bewerken of klik op de voorbeeldweergave om de startpagina te bewerken.
  3. Selecteer het galerijblok door middel van de lijstweergave.
  4. Klik op de knop ‘Ontwerp wijzigen’ in de werkbalk boven of onder het blok.
  5. Blader door de verzameling vooraf ontworpen lay-outs en klik op degene die je het leukst vindt om deze toe te passen.
  6. Je kan de lay-out vervolgens verder aanpassen met behulp van de stappen in de volgende secties van deze handleiding.

Pas het berichtsjabloon aan

Binnen het Query Loop-blok bevindt zich het berichtsjabloon, dat de afzonderlijke elementen van elk bericht bevat, zoals de titel, datum, uitgelichte afbeelding, content of samenvatting en meer.

Pas de elementen van berichten aan

Binnen het berichtsjabloonkan je de volgende elementen weergeven bij je berichten:

  • Titel: geeft de titel weer van alle content die je hebt gepubliceerd.
  • Datum: geeft de publicatiedatum van alle content weer.
  • Aangepaste datum: geeft de datum weer waarop een bericht voor het laatst is bewerkt. 
  • Content: geeft alle content weer van ieder gepubliceerde bericht of pagina.
  • Samenvatting: geeft een korte samenvatting weer voor elk gepubliceerd stuk content en past de linktekst ‘lees verder’ aan.
  • Aanbevolen afbeelding: geeft de aanbevolen afbeelding weer die je hebt ingesteld voor je content.
  • Categorieën: geeft de categorieën weer die je aan je gepubliceerde content hebt toegewezen.
  • Tags: geeft de tags weer die je aan je content hebt toegevoegd.
  • Paginering: geeft links weer naar het vorige en volgende bericht.
  • Auteur: geeft details van de berichtauteur weer, zoals naam, avatar en bio.
  • Query totaal: geeft het totale aantal resultaten in een query weer.
  • Geen resultaten: voegt een tekst of blokken toe die worden weergegeven wanneer de query geen resultaten oplevert.

De sjablonen van je thema kunnen sommige of al deze blokken bevatten. Met behulp van de lijstweergavekan je de huidige structuur van de blokken bekijken en indien nodig de afzonderlijke elementen toevoegen, verplaatsenen verwijderen :

Uitgevouwen lijstweergave om de verschillende blokken binnen de Query Loop weer te geven.
Lijstweergave met de elementen die in de berichtsjabloon worden gebruikt

Veel van de bovenstaande elementen bevatten unieke instellingen in de zijbalk voor blokinstellingen. Je kan bijvoorbeeld het Datumblok selecteren om toegang te krijgen tot instellingen die de indeling bepalen waarin de datum wordt weergegeven en om een link toe te voegen op de datum naar het bericht. De blokken bevatten in veel gevallen ook standaard blokinstellingen voor kleur, typografie, afmetingen en geavanceerde blokinstellingen.

Kies een lijst- of rasterindeling

In het berichtsjabloon kan je je content aanpassen om weer te geven in een lijstindeling of een rasterindeling:

  1. Selecteer het berichtsjabloon in de lijstweergave, dat is genest in het Query Loop-blok.
  2. Kies in de toolbar die boven of onder het blok verschijnt tussen de lijst– en rasterpictogrammen .
  3. Klik op de knop ‘Opslaan‘.
In Lijstweergave is de Berichtsjabloon geselecteerd. Een pijl wijst naar de pictogrammen voor lijst en raster in de werkbalk.

Paginering toevoegen aan de Query Loop

Ga als volgt te werk om paginering toe te voegen aan je berichten die worden weergegeven met een Query Loop-blok:

  1. Vouw vanuit de lijstweergave het Query Loop-blok uit en selecteer berichtsjabloon:
Berichtsjabloon is geselecteerd onder Query Loop.
Berichtsjabloonblok, weergegeven via lijstweergave
  1. Klik op de ellips (drie stippen) naast Berichtsjabloon en selecteer ‘Toevoegen na’.
  2. Klik op het pictogram + blokinvoeger en zoek naar ‘Paginering‘. Klik erop om het toe te voegen aan het berichtsjabloon, zodat het paginablok na het berichtsjabloonverschijnt:
Paginering is geselecteerd onder Query Loop.
  1. Pas de instellingen in de zijbalk naar wens aan. Deze omvatten de oriëntatie, kleur en of een pijl- of chevron-symbool moet worden weergegeven met de pagineringlink.
  2. Klik op de knop ‘Opslaan‘ om je wijzigingen toe te passen.

Pas de breedte van de Query Loop aan

Je kan de breedte van elementen aanpassen in het Query Loop-blok:

  1. Navigeer vanuit het dashboard van je site naar Weergave → Editor.
  2. Selecteer het sjabloon dat je wilt bewerken of klik op de voorbeeldweergave om de startpagina te bewerken.
  3. Open lijstweergave en selecteer het Query Loop-blok.
  4. Bekijk de blokstellingen in de rechterzijbalk. Als je de zijbalk niet ziet, moet je wellicht op het pictogram Instellingen in de rechterbovenhoek klikken om de instellingen weer te geven. Dit pictogram lijkt op een vierkant met twee oneven kolommen:
Het instellingenpictogram in de Editor met een zwarte achtergrond en daaronder de tooltip 'Instellingen'.
Klik op het pictogram Instellingen om de blokinstellingen te openen
  1. Schakel de instelling genaamd ‘Binnenste blokken gebruiken contentbreedte‘ naar de positie aan.
  2. Stel in het vak ‘Contentbreedte‘ een aangepaste waarde in voor de normale breedte van content in pixels (of kies uit andere eenheden zoals percentage of em).
  3. Stel een aangepaste waarde in voor de brede breedte van content, die van toepassing is op blokken die in hun instellingen op ‘Breed‘ zijn ingesteld.
  4. Stel onder ‘Uitvulling‘ de content in de Query Loop in op links, midden of rechts van de pagina.
  5. Klik op de knop Opslaan om je wijzigingen op te slaan.
De lay-out-instellingen van het Query Loop-blok tonen de 'Binnen blokken gebruiken contentbreedte' ingeschakeld.
Copied to clipboard!