Tabs / Accordion blok
Met het Tabs / Accordion block deel je inhoud op in meerdere panelen. Per schermformaat kies je zelf of de panelen worden weergegeven als tabs (klikbare tabbladen naast elkaar) of als accordion (inklapbare secties onder elkaar). Zo kun je op desktop tabs tonen en op mobiel automatisch overschakelen naar een accordion.
Elk paneel is een vrije contentzone: je kunt er alle gewone WordPress-blokken in plaatsen.
Het block toevoegen
Zoek in de blokken-editor op “Tabs / Accordion” en voeg het block toe aan de pagina.
Tabbladen beheren
Na het toevoegen zie je direct één tabblad. De tabblad-titels zijn klikbaar en bewerkbaar rechtstreeks in de editor — klik op de titel om die te wijzigen.
- Tab toevoegen — klik op de +-knop rechts van de laatste tab
- Tab verwijderen — klik op het ×-icoontje op de tab die je wilt verwijderen (zichtbaar bij meer dan één tab)
De volgorde van tabbladen bepaal je door tabs te slepen.
Inhoud van een paneel
Klik op een tabblad om het bijbehorende paneel te openen en te bewerken. Je kunt er alle gewone WordPress-blokken in plaatsen, zoals tekst, afbeeldingen, knoppen of andere SOIL-blokken.
Instellingen
De instellingen vind je in de rechtersidebar van de editor.
Weergave per schermformaat
Stel per apparaat in of de panelen als Tabs of als Accordion worden weergegeven:
| Apparaat | Standaard |
|---|---|
| Desktop | Tabs |
| Tablet | Tabs |
| Mobiel | Tabs |
Een veelgebruikte combinatie is tabs op desktop en tablet, en accordion op mobiel.
Accordion-instellingen
De accordion-instellingen verschijnen alleen als minstens één schermformaat is ingesteld op Accordion.
Alles aanvankelijk gesloten
Alle panelen staan bij het laden van de pagina dicht. De bezoeker moet zelf een paneel openen. Standaard staat het eerste paneel open.
Alles gesloten toestaan
Bezoekers kunnen alle panelen tegelijk sluiten. Standaard blijft altijd minimaal één paneel open.
Meerdere panelen tegelijk openen
Bezoekers kunnen meerdere panelen tegelijk uitklappen. Standaard sluit het vorige paneel als je een nieuw opent.
Pijlicoon
Het icoon dat rechts in de accordion-koptekst verschijnt. Vul een icoon-naam in uit de Iconify-bibliotheek. Standaard is far:chevron-down.
Marge
Stel de ruimte boven en onder het gehele block in (in rem, van -20 tot 20).
Met de schaalfactoren voor tablet en mobiel pas je aan hoe de marges verkleinen op kleinere schermen. Een factor van 50% betekent dat de marge op mobiel de helft is van de desktop-waarde.