Content carousel blok
Met het Content carousel block toon je willekeurige inhoud als een schuivende slider. In tegenstelling tot het Carousel block — dat bedoeld is voor afbeeldingen en video’s — kan het Content carousel elke combinatie van WordPress-blokken bevatten. Elke slide is een vrije contentzone.
Het block toevoegen
Zoek in de blokken-editor op “Content carousel” en voeg het block toe aan de pagina. Klik daarna op de +-knop om slides toe te voegen.
Slides toevoegen
Elke slide is een Slide block. Klik op + om een nieuwe slide aan te maken. In elke slide kun je alle gewone WordPress-blokken plaatsen: tekst, afbeeldingen, knoppen, SOIL-blokken, enzovoort.
Slider-instellingen
Type
| Type | Omschrijving |
|---|---|
| Slide | Slides schuiven horizontaal langs elkaar (standaard) |
| Fade | Slides vervagen over naar de volgende |
Loop
Schakel Loop in om de slider eindeloos te herhalen (standaard ingeschakeld). Als Loop uitstaat, is een Scrollbar beschikbaar als extra navigatie-element. De breedte van de sleepbalk stel je in via Scrollbar drag size (standaard auto).
Autoplay
Schakel Autoplay in om de slider automatisch verder te laten gaan. Stel via Snelheid in hoeveel milliseconden er tussen slides wordt gewacht (standaard 3000 ms = 3 seconden).
Navigatie
Schakel Navigatie in om pijlknoppen te tonen waarmee bezoekers handmatig kunnen bladeren.
| Instelling | Omschrijving | Standaard |
|---|---|---|
| Pijlpositie | Binnen de slider of Buiten de slider | Binnen |
| Linker pijl | Iconify-icoon voor de vorige-pijl | fas:chevron-left |
| Rechter pijl | Iconify-icoon voor de volgende-pijl | fas:chevron-right |
Paginering
Schakel Paginering in om een positie-indicator te tonen. Kies het type:
| Type | Omschrijving |
|---|---|
| Bullets | Stipjes — één per slide (standaard) |
| Fraction | Tekst — bijv. 2 / 5 |
| Progressbar | Een voortgangsbalk |
Opvulling en marge
Stel de ruimte aan de binnenkant (opvulling) en buitenkant (marge) van de carousel in, in rem (0–20 voor opvulling, −20–20 voor marge). Gebruik de schaalfactoren om deze waarden automatisch te verkleinen op tablet en mobiel (standaard: tablet 100%, mobiel 50%).
Uitlijning
Het block ondersteunt de WordPress-breedte-uitlijning. Kies in de werkbalk voor Breed of Volledig om de carousel breder dan de standaard inhoudskolom te maken