Query Slider

Met het query slider blok kan je verschillende berichttypes (bericht/ pagina/ project/ teamlid/ recensie) in een slider zetten.

1. Hoe voeg ik het blok toe? #

Klik op het + icoon in de hoofdnavigatie of in het content gebied. Typ ‘query slider‘ en klik op het query slider-blokicoon om het toe te voegen.

Je hoeft de berichttypes niet toe te voegen in blokken in het content gebied. Vul ze in plaats daarvan in bij bericht/ pagina/ project/ teamlid/ recensie in het beginscherm en ze verschijnen automatisch in de slider.

2. Blokwerkbalk #

De werkbalk van het query slider-blok

Selecteer het blok zodat de blokwerkbalk (erboven) weergegeven wordt. Hieronder leggen we uit wat elke functie in de blokwerkbalk doet.

2.1. Verander naar een ander type blok #

Standaard staat hier het (geselecteerde) blokicoon, dat per blok verschilt. Klik hierop om een ander blok te kiezen onder dit blok te verwijderen en weer op het + icoon te hoeven klikken. Kies een blok uit de lijst die na het klikken verschijnt.

2.2. Blok verplaatsen #

Het icoon met zes stipjes heeft een sleepfunctie. Klik op deze puntjes en houd ze vast om het blok te verplaatsen naar een nieuwe locatie. Naast de sleepfunctie staat een icoon met een pijltje omhoog en omlaag. Klik op één van de pijltjes om het blok een plekje omhoog of omlaag te schuiven.

2.3. Verander uitlijning #

Verander hiermee de uitlijning naar:

Geen
Wijd
Volle breedte

2.4. Weergave-instellingen #

Hier vind je drie weergave-instellingen.

Items per pagina: Kies hoeveel berichten je wilt laten zien in het Query loop-blok.
Offset: Bepaal hoeveel van de eerste berichten het Query loop-blok moet overslaan voordat het de berichten laat zien. Je kan bijvoorbeeld het eerste bericht overslaan en met het tweede bericht beginnen.
Max pagina’s om te tonen: Hiermee kan je het aantal pagina beperken dat je wilt tonen. Ook als de zoekopdracht (query) meer resultaten heeft. Wil je alles tonen? Vul dan niets of ‘0’ in.

2.5. Vervang/ Toevoegen #

Hiermee kan je de afbeeldingen toevoegen of vervangen. Klik hierop om de mediabibliotheek te openen of om een andere afbeelding te uploaden.

2.6. Meer opties #

Onder dit icoon vind je meer bewerkingsfuncties zoals:

Dupliceren
Verwijderen
Invoegen voor
Invoegen na
Bewerken in HTML

Hiervoor hebben we een apart overzicht gemaakt op deze pagina. Zoek naar de functie die je wilt gebruiken.

3. Blokinstellingen #

De blokinstellingen zijn verdeeld in twee tabbladen: instellingen ( Instellingen icoon in blokinstellingen tabblad. ) en stijlen ( Stijlen icoon )

3.1. Instellingen #

3.1.1. Slider instellingen #

Hier heb je vier keuzemenu’s:

Kies de snelheid in seconden
Kies hoeveel items je wilt weergeven per pagina
Kies het aantal pixels ruimte tussen de slides
Kies of je de slider automatisch wil laten draaien (Autoplay) of dat de bezoeker zelf mag klikken op de slider navigatie.

3.1.2. Instellingen #

Laat de schakelaar ‘Erf query van template’ uitstaan als je zelf wil bepalen hoe je de berichten laat zien. Als deze schakelaar aan staat zal WordPress de instellingen van het sjabloon aanhouden.

3.1.3. Berichttype #

WordPress heeft verschillende berichttypes. Dat kunnen berichten zijn, maar ook een pagina, activiteit, project, teamlid of recensie. Kies hier welk type je wil laten zien in de query loop.

Volgorde op

Kies hier de volgorde:

Van nieuwste naar oudste
Van oudste naar nieuwste
van A naar Z
van Z naar A

3.1.4. Forceer herladen van pagina #

De berichten in een query loop staan op aparte pagina’s binnen dat blok. Onderaan de query loop staat daarvoor een navigatie.

Normaal gesproken wordt de browser pagina niet herladen als je naar de volgende pagina binnen het query loop blok gaat. Met deze schakelaar kan je er wel voor zorgen dat de pagina opnieuw wordt geladen.

3.1.5. Filters #

Klik op het + icoon om de filter ‘categorieën, auteurs en keyword’ weer te geven.

Vul hier categorieën/ auteurs/ keywords van berichten in die je wilt weergeven.

3.1.6. Geavanceerd #

Bloknaam

Pas hier de naam van het blok aan. Deze vind je terug in het ‘Document overzicht’.

HTML-element

Pas hier de HTML-tag aan. Standaard staat het blok in een <div> tag. Dit staat voor division en wordt gebruikt als container voor andere HTML elementen.

Extra CSS-klasse

Gebruik dit invulveld om extra CSS-klassen toe te voegen.

3.2. Stijlen #

Pas hier de opmaak van het blok aan.

3.2.1. Layout #

Hier vind je een schakelaar om de layout van de geneste blokken te beïnvloeden.

Als de schakelaar uit staat dan houden de geneste (binnenste) blokken van de omslagafbeelding de breedte van de container (buitenste blok) aan.

Wil je niet dat de geneste blokken de breedte van de container aanhouden, zet dan de schakelaar om. Er verschijnen vervolgens twee invulvelden die met elkaar verbonden zijn. Vul hier jouw gewenste breedte in pixels in.