Terug naar Ondersteuning Inhoud en media Blokken Query loop blok

Query loop blok

Het query loop blok is een krachtig blok om content op je website weer te geven.

Het querycyclusblok toevoegen

Om het query loop blok toe te voegen, klik je op het pictogram + blok toevoegen en zoek je naar “query”. Klik erop om het blok toe te voegen aan het bericht of de pagina.

💡

Je kunt met behulp van je toetsenbord ook /query toevoegen op een nieuwe regel en op Enter drukken om snel een nieuw query loop blok toe te voegen.

GIF waarin de muis op het pluspictogram klikt, naar querycyclus zoekt en vervolgens klikt om deze toe te voegen.

Meer gedetailleerde instructies over het toevoegen van blokken vind je hier.

Als het blok voor de eerste keer wordt toegevoegd, kun je uit vier verschillende opties kiezen:

Klik op een optie om deze te selecteren en vervolgens kun je de weergave aanpassen met behulp van de instellingen in de werkbalk en zijbalk van het blok.


Blokwerkbalk

Als je op het blok klikt, wordt er een werkbalk met opties weergegeven:

Werkbalk querycyclusblok

Het query loop blok bevat de volgende opties in de werkbalk:


Blokinstellingen

Als je op het blok klikt, zie je aanvullende blokinstellingen in de rechter zijbalk. Als je de zijbalk niet ziet, moet je wellicht op het pictogram ⚙️ (tandwiel) in de rechterbovenhoek klikken om de instellingen weer te geven.

De blokinstellingen worden weergegeven in de rechter zijbalk.
Blokinstellingen
Kleurinstellingen

Gebruik de kleurinstellingen om de kleur van de tekst, achtergrond en links in het query loop blok te beheren.

Kleurinstellingen querycyclusblok
Instellingen

Door de optie Query uit sjabloon importeren in te schakelen, wordt je content weergegeven met de standaard opties. Schakel dit uit om het aan te passen.

  • Berichttype: Kies ervoor om berichten, pagina’s, testimonials, projecten, of andere aangepaste berichttypen weer te geven die via plug-ins kunnen worden toegevoegd (zoals bijvoorbeeld producten via WooCommerce).
  • Sorteren op: Selecteer de volgorde waarin je content wordt weergegeven.

Je kunt er ook voor kiezen om Sticky berichten toe te voegen of alleen Sticky berichten weer te geven.

Filters

Om filteropties te openen, schakel je de instelling Query uit sjabloon importeren uit.

Met behulp van de filteropties kun je de weergegeven content wellicht beperken op basis van:

De instelling Filters geeft vakken weer om te verfijnen per categorie, tag, auteur en trefwoord.

Elementen van het query loop blok

Het query loop blok bevat een aantal subblokken om je nog meer controle te geven over hoe je content exact wordt weergegeven.

De volgende blokken kunnen worden toegevoegd in het query loop blok. Omdat de blokken gemarkeerd zijn met “bericht”, zijn ze ook van toepassing op pagina’s, portfolio’s, testimonials en alle overige content:

Op de voorbeeldafbeelding hieronder wordt een query loop blok weergegeven om de berichttitel, berichtdatum, afbeelding met bericht, berichttags, berichtcategorie en berichtsamenvatting weer te geven:

Drie blogberichten met titels, datums, afbeeldingen, tags, categorieën en tekst voor samenvatting.

Met behulp van Lijstweergave kun je de huidige structuur van de blokken in het query loop blok eenvoudig bekijken.

Om de lijst met blokken te bekijken, selecteer je Lijstweergave bovenaan je scherm. Het pictogram lijkt op drie horizontale lijnen boven elkaar.

Uitgevouwen lijstweergave om de verschillende blokken binnen de querycyclus weer te geven.

Hieronder zie je beschrijvingen van alle blokken.

Berichttitelblok

Het berichttitelblok geeft de titel weer van alle content die je hebt gepubliceerd.

Als je op het blok klikt, wordt er een werkbalk met opties weergegeven:

de werkbalk van het berichttitelblok boven het blok.
Werkbalk berichttitelblok

Het berichttitelblok biedt de volgende opties in de werkbalk:

Blokinstellingen

Typografie

Het op de berichttitel toe te passen lettertype, en tevens de lettertypegrootte en regelafstand.

Kleur

De tekst- en achtergrondkleur voor de berichttitel. Als de optie “Link voor titel aanmaken” is aangevinkt in het volgende gedeelte, kan de linkkleur ook onder Kleur worden ingesteld.

Linkinstellingen

Vink “Link voor titel aanmaken” aan als je wilt dat de titel naar de content verwijst.


Berichtdatumblok

Het berichtdatumblok geeft de publicatiedatum weer van alle content.

Als je op het blok klikt, wordt er een werkbalk met opties weergegeven:

de werkbalk voor het berichtdatumblok wordt boven het berichtdatumblok weergegeven.
Werkbalk berichtdatumblok

Het berichtdatumblok biedt de volgende opties in de werkbalk:

Blokinstellingen

Typografie

Het op de Berichtdatum toe te passen lettertype en tevens de lettertypegrootte en regelafstand.

Kleur

De tekst-, achtergrond- en linkkleur voor de berichtdatum.

Instellingen indeling

Stel in hoe de datum wordt weergegeven. Of geef alleen het tijdstip weer waarop het bericht is gepubliceerd.


Berichtcontentblok

Het berichtcontentblok geeft alle content weer van ieder gepubliceerde bericht of pagina. Je kunt ook de optie Berichtsamenvattingsblok bekijken als je alleen een gedeelte van je content wilt weergeven met in plaats daarvan een “Meer informatie” optie.

Als je op het blok klikt, wordt er een werkbalk met opties weergegeven:

de werkbalk voor het berichtcontentblok wordt boven het berichtcontentblok weergegeven.
Werkbalk berichtcontentblok

Het berichtcontentblok biedt de volgende opties in de werkbalk:

Blokinstellingen

Lay-out

Deselecteer “Standaard lay-out importeren” om een hoogte en breedte (in pixels) in te stellen voor het berichtcontentblok.


Berichtsamenvattingsblok

Het berichtsamenvattingsblok geeft een samenvatting weer voor alle gepubliceerde content. Je kunt tevens beheren hoeveel van de samenvatting er wordt weergegeven door het blok Meer toe te voegen aan de gepubliceerde content. Op deze manier geeft het berichtsamenvattingsblok alleen de tekst weer die is toegevoegd boven het blok Meer in de gepubliceerde content.

Als je op het blok klikt, wordt er een werkbalk met opties weergegeven:

de werkbalk berichtsamenvattingsblok die boven het berichtcontentblok wordt weergegeven.
Werkbalk berichtsamenvattingsblok

Het berichtsamenvattingsblok biedt de volgende opties in de werkbalk:

Blokinstellingen

Typografie

Het op de berichtsamenvatting toe te passen lettertype en tevens de lettertypegrootte en regelafstand.

Kleur

De tekst-, achtergrond- en linkkleur voor de berichtsamenvatting.

Instellingen berichtsamenvatting

Geef de link “Meer informatie” weer op een nieuwe regel. Deselecteer dit om de meer informatie-tekst direct aan het einde van de samenvatting weer te geven.

💡

Zorg ervoor dat je de standaard “Tekst voor ‘Meer informatie’ link toevoegen” aanpast als je wilt dat er een “Meer informatie” optie aan de onderkant van de samenvatting wordt weergegeven.


Blok bericht aanbevolen afbeelding

Het Blok bericht aanbevolen afbeelding geeft de aanbevolen afbeelding weer die je hebt ingesteld voor je content. Klik hier voor meer informatie over het instellen van een aanbevolen afbeelding.

Als je op het blok klikt, wordt er een werkbalk met opties weergegeven:

de werkbalk voor het blok bericht aanbevolen afbeelding
Werkbalk voor blok bericht aanbevolen afbeelding

Het blok bericht aanbevolen afbeelding biedt de volgende opties in de werkbalk:

Blokinstellingen

Linkinstellingen

Schakel de optie in voor het koppelen van de afbeelding naar de gepubliceerde content. Dit is standaard uitgeschakeld.


Berichtcategorieënblok

Het berichtcategorieënblok geeft de categorieën weer die je aan je gepubliceerde content hebt toegewezen. Klik hier voor meer informatie over Categorieën.

Als je op het blok klikt, wordt er een werkbalk met opties weergegeven:

de werkbalk berichtcategorieënblok die boven het blok wordt weergegeven.
Werkbalk berichtcategorieënblok

Het berichtcategorieënblok biedt de volgende opties in de werkbalk:

Blokinstellingen

Typografie

Het op de berichtsamenvatting toe te passen lettertype en tevens de lettertypegrootte en regelafstand.

Kleur

De tekst-, achtergrond- en linkkleur voor de categorieën.


Berichttagblok

Het berichttagsblok geeft de tags weer die je aan je content hebt toegevoegd. Klik hier voor meer informatie over tags.

Als je op het blok klikt, wordt er een werkbalk met opties weergegeven:

de werkbalk berichttagblok die boven het blok wordt weergegeven.
Werkbalk berichttagblok

Het berichttagblok biedt de volgende opties in de werkbalk:

Blokinstellingen

Typografie

Het op de tags toe te passen lettertype en tevens de lettertypegrootte en regelafstand.

Kleur

De tekst-, achtergrond- en linkkleur voor de tags.


Vorige bericht en volgende bericht

Gebruik de blokken Vorig bericht en Volgend bericht om links weer te geven naar de vorige en volgende berichten.

Als je op de blokken klikt, wordt er een werkbalk met opties weergegeven:

De werkbalk met vorige berichten en volgende berichten die wordt weergegeven boven de blokken Vorig bericht en Volgend bericht.

Deze blokken bevatten de volgende opties in hun werkbalk:


Geavanceerd

Met het tabblad Geavanceerd kan je een CSS-klasse toevoegen aan je blok, zodat je aangepaste CSS kan schrijven en de stijl van het blok naar eigen wens kan aanpassen.

In het gedeelte Geavanceerd kun je een CSS-klasse aan je blok toevoegen.
In het gedeelte Geavanceerd kan je een CSS-klasse aan je blok toevoegen.
Copied to clipboard!