Accordeonblok

Accordeons geven inklapbare gedeeltes van content weer, elk met een klikbare header die de content binnenin uit- of inklapt. In deze handleiding leer je hoe je het accordeonblok toevoegt, aanpast en gebruikt op je WordPress.com-site.

Gebruik accordeons om informatie te ordenen, de paginalengte te verminderen en bezoekers zich te laten concentreren op de content die voor hen het belangrijkst is. Accordeons werken goed voor het ordenen van inhoud die bezoekers selectief willen bekijken. Hier zijn enkele populaire manieren om ze te gebruiken:

• Voorwaarden en beleid: presenteer juridische of beleidsinformatie zonder bezoekers te overweldigen.
• Veelgestelde vragen: groepeer veelgestelde vragen met uitbreidbare antwoorden.
• Productgegevens: geef specificaties, maataanduidingen of verzendgegevens weer in inklapbare secties.
• Stapsgewijze instructies: deel tutorials of handleidingen op in verteerbare stappen.
• Evenementenschema’s: organiseer agenda’s of reisschema’s op tijd of sessie.
• Teambio’s: toon korte introducties met uitbreidbare details over elk teamlid.

Volg deze stappen om het accordeonblok toe te voegen aan een pagina of bericht:

1. Ga naar het dashboard van je site.
2. Ga naar Pagina’s of Berichten en selecteer de pagina/het bericht waaraan je de accordeon wilt toevoegen.
3. Klik op het pictogram + Blokinvoeger.
4. Zoek naar ‘Accordeonblok‘ en klik erop om het toe te voegen aan het bericht of de pagina:

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

Wanneer je het Accordeonblok voor het eerst toevoegt aan je bericht of pagina, vind je de volgende gedeeltes:

• Accordeonartikel: elk inklapbaar gedeelte, met een kop en paneel.
  • Accordeonkop: de aanklikbare titel waarin de inhoud wordt uitgevouwen of samengevouwen.
  • Accordeonpaneel: de content die wordt getoond wanneer op de koptekst wordt geklikt.

Om je accordeon te voltooien:

1. Voeg je titel of koptekst toe die je altijd zichtbaar wilt hebben.
2. Klik in het gebied van het accordeonpaneel of gebruik de lijstweergave om het te selecteren.
3. Klik op de + blokinvoeger om blokken toe te voegen in het gebied van het accordeonpaneel. Je kunt elk type inhoud toevoegen, inclusief tekst, afbeeldingen, video’s en andere blokken.

Het accordeonblok bevat instellingen die bepalen hoe de accordeon zich gedraagt. Om toegang te krijgen tot deze instellingen, selecteer het hoofd-accordeonblok met behulp van lijstweergave en open de blokinstellingen in de rechterzijbalk.

Wanneer ‘Binnenste blokken gebruiken contentbreedte‘ is ingeschakeld, houden blokken in het Accordeonblok zich aan deze breedte-instellingen:

• Inhoud: de breedte van het inhoudsgebied voor blokken die niet zijn ingesteld op breed of volledige breedte.
• Breed: de breedte van de inhoud voor blokken ingesteld op breed.

Wanneer dit is ingeschakeld, sluit het openen van één accordeon-item automatisch alle andere geopende items. Dit houdt je content netjes en zorgt ervoor dat bezoekers zich op één sectie tegelijk concentreren.

Schakel het pictogram Uitvouwen/Inklappen (meestal een “+” of pijl) in dat naast elke accordeonkop verschijnt. Schakel deze optie uit voor een strakkere, minimale uitstraling.

Kies of het pictogram aan de linker- of rechterkant van de accordeonkop verschijnt.

Je kunt specifieke accordeon-items instellen om als uitgevouwen weer te geven wanneer de pagina wordt geladen. Volg de onderstaande stappen om dit te doen.

1. Gebruik Lijstweergave om het accordeon-itemblok te selecteren dat je standaard wilt openen.
2. Schakel in de sidebar blokinstellingen de optie ‘Standaard openen‘ in.

Klik in de zijbalk met blokinstellingen op het pictogram Stijlen om de ontwerpinstellingen voor het blok te openen. Het pictogram Stijlen heeft de vorm van een cirkel waarbij de helft is ingekleurd:

De beschikbare opties zijn:

• Kleuren: stel achtergrond- en tekstkleuren in voor accordeonheaders en -panelen.
• Achtergrondafbeelding: voeg een achtergrondafbeelding toe aan het algemene bovenliggende accordeonblok.
• Typografie: pas de lettertypegrootte en stijl aan voor de tekst.
• Afmetingen: beheer opvulling en marges rond accordeonartikelen.
• Rand en schaduw: voeg een rand- en schaduweffect toe aan de accordeon.