Studio Editor: Inklapbare tekst toevoegen en aanpassen

Leestijd 4 minuten
Inklapbare tekst is een goede optie als je veel informatie wilt weergeven. Delen van de tekst worden verborgen en bezoekers kunnen de volledige tekst bekijken door op een uitklapknop of een link naar de volledige tekst te klikken. 
Een voorbeeld van een live website, met de knop om de inklapbare tekst op de pagina uit te vouwen
In dit artikel lees je hoe je met inklapbare tekst kunt werken:

Inklapbare tekst toevoegen

Afhankelijk van je behoeften kun je verschillende stijlen inklapbare tekst aan de pagina toevoegen. Sommige voorinstellingen bevatten een knop die de tekst op de huidige pagina vergroot, andere tonen een link die bezoekers naar een andere pagina brengt om de volledige tekst te lezen. 

Om inklapbare tekst toe te voegen:

  1. Klik links in de Editor op Elementen toevoegen.
  2. Klik op Tekst.
  3. Klik op Inklapbare tekst.
  4. Sleep het door jou gekozen tekstvak naar de pagina.
Een screenshot van het Tekst-tabblad in het Elementen toevoegen-paneel, waar je inklapbare tekst kunt vinden

De indeling van de inklapbare tekst aanpassen

Kies hoe bezoekers de volledige tekst kunnen lezen. Voeg een knop toe die de volledige tekst op de huidige pagina opent, of een link die je bezoekers naar het volledige stuk leidt.
Je kunt ook de uitlijning, afstand en het aantal regels instellen dat moet worden weergegeven voordat een bezoeker erop moet klikken.

Om de indeling van de tekst aan te passen:

  1. Klik op het inklapbare tekstvak. 
  2. Klik op het Indeling-pictogram.
  3. Pas de indeling aan met behulp van de opties:
    • Kies hoe deze tekst verschijnt: Kies hoe de volledige tekst wordt weergegeven: 
      • Ingeklapt: Bezoekers zien een tekstvoorbeeld en ze moeten op een knop of een link klikken om de volledige tekst te lezen.
      • Alles: De volledige tekst wordt op de pagina weergegeven, niet ingeklapt.
    • Aantal weergegeven regels: Kies hoeveel regels tekst moeten worden weergegeven voordat bezoekers op een knop moeten klikken om de rest te zien.
    • Knopuitlijning: Lijn de knop waarop bezoekers klikken om meer te lezen uit naar links, rechts of in het midden.
    • Afstand tussen tekst en knop: Vergroot of verklein de afstand tussen de tekst en de knop.
Een screenshot van het Indelingen-paneel met inklapbare tekst en de beschikbare opties

De inklapbare tekst bewerken

Nadat je een inklapbaar tekstvak hebt toegevoegd, klik je op Tekst wijzigen om de volledige tekst in te voeren (maximaal 120.000 tekens). Je kunt ook de tekst van de knop of link bewerken waarmee bezoekers meer kunnen lezen.  

Om de tekst in te voeren of te bewerken:

  1. Klik op het inklapbare tekstvak.
  2. Klik op Tekst wijzigen.
  3. Typ of plak de volledige tekst onder Tekst wijzigen.
  4. Bepaal wat de knop doet:
    • Uitklappen: Als je op de knop klikt, wordt het tekstvak op de huidige pagina vergroot om de volledige tekst weer te geven.
    • Link: Klikken op de knop leidt bezoekers door naar een andere pagina met de volledige tekst. Zorg ervoor dat je de bestemming kiest onder Waar linkt deze knop naartoe?
  5. Voer de tekst in die je op de knop(pen) wilt weergeven.
Een screenshot van het paneel en de opties die verschijnen wanneer je op Tekst wijzigen klikt in een inklapbaar tekstvak

Het inklapbare tekstvak ontwerpen

Ontwerp het inklapbare tekstvak zodat het past bij de esthetiek van de pagina. Je kunt het uiterlijk van het vak zelf aanpassen (bijvoorbeeld de achtergrondkleur), de tekst opmaken en de knop/link die naar de volledige tekst leidt aanpassen. 

Om het inklapbare tekstvak te ontwerpen:

  1. Klik op het inklapbare tekstvak.
  2. Klik rechtsboven in de Editor op de Inspector-pijl.
  3. Scrol omlaag naar Ontwerp.
  4. Kies een optie onder Wat wil je ontwerpen?:
    • Tekst: Pas het vak dat de tekst bevat aan (bijvoorbeeld: achtergrondkleur, randen, schaduw), evenals de daadwerkelijke tekst (lettertype, grootte en meer). 
    • Knop: Pas de link of knop aan waarop bezoekers klikken om de volledige tekst te bekijken. Je kunt het aanpassen voor 3 verschillende toestanden: Standaard, Aanwijzen en Uitgeschakeld
Let op:
Momenteel is de optie om tekst te schalen niet beschikbaar voor inklapbare tekst.
Een screenshot met de ontwerpopties die beschikbaar zijn voor inklapbare tekst in het Inspector-paneel

Vond je dit artikel nuttig?

|