Details blok
Het Details block is een standaard WordPress-block (core/details) waarmee je een inklapbaar tekstgedeelte maakt: een klikbare titel die bij een klik de onderliggende inhoud toont of verbergt. Het gebruikt de native HTML <details>/<summary>-elementen.
> Niet te verwarren met: het Tabs / Accordion block, een SOIL-block waarmee je meerdere panelen groepeert die per schermformaat als tabs of als accordion getoond kunnen worden. Het Details block is de eenvoudige, ingebouwde variant voor één enkel inklapbaar tekstgedeelte.
Het block toevoegen
Zoek in de blokken-editor op “Details” en voeg het block toe.
Samenvatting
Klik op de bovenste regel (de klikbare titel) om deze te bewerken. Dit is de tekst die altijd zichtbaar blijft, ook als de inhoud is ingeklapt.
Inhoud
Onder de samenvatting plaats je de inhoud die wordt getoond zodra bezoekers klikken. Dit is een vrije contentzone waarin je alle gewone WordPress-blokken kunt plaatsen, zoals tekst, afbeeldingen of andere blocks.
Standaard geopend
Schakel in de zijbalk “Standaard geopend” in om de inhoud direct zichtbaar te tonen bij het laden van de pagina, in plaats van pas na een klik.
Groeperen
Onder Geavanceerd kun je bij Naam een groepsnaam invullen. Blocks met dezelfde naam gedragen zich als een groep: bij het openen van één block klappen de andere blocks met diezelfde naam automatisch dicht — handig om meerdere Details-blocks als een eenvoudige FAQ-lijst te laten werken.
Uitlijning
Kies via de blokwerkbalk Breed of Volledige breedte om het block breder dan de standaard inhoudskolom te maken.
Kleuren, rand en typografie
Via de zijbalk stel je (afhankelijk van het thema) de volgende opmaak in:
| Instelling | Omschrijving |
|---|---|
| Achtergrondkleur / kleurverloop | Achtergrond van het hele block |
| Tekstkleur / linkkleur | Kleur van de tekst en van links binnen het block |
| Rand | Kleur, dikte en stijl van een rand rondom het block |
| Typografie | Lettergrootte, en afhankelijk van het thema ook lettertype, regelhoogte en andere teksteigenschappen |
Ruimte
Via het paneel Afmetingen in de zijbalk stel je de marge, opvulling en de ruimte tussen blocks binnen de inhoud in.