Lappen tekst verbergen met ‘lees meer’

Zijn al jouw (lange) teksten voor iedereen relevant?

Je merkt het zelf vast ook weleens. Hele lange lappen tekst op een pagina, terwijl je op zoek bent naar andere informatie. Maakt het die teksten dan irrelevant? Misschien voor jou, maar misschien voor een andere bezoeker niet. Daarom hebben wij een extra functionaliteit toegevoegd aan jouw editor, genaamd: Lees meer. Op die manier kun jij een gedeelte van jouw tekst direct tonen, maar wordt de overige tekst pas zichtbaar nadat je hebt geklikt op lees meer of toon meer. Of wat je dan ook zelf in die knop wilt zetten. Hieronder lees je hoe dit werkt.

Lees meer

Begin met het plaatsen van het Lees meer block. Als je dit hebt gedaan verschijnt er een lege paragraaf binnenin. Zorg ervoor dat je de content die je wilt afbreken hierin plaatst. Dit kan overigens meer zijn dan enkel een paragraaf. Denk aan een koptekst, paragraaf, tabel, afbeelding, noem maar op.

Selecteer na het vullen van de inhoud opnieuw het Lees meer block. In de instellingen aan de rechterkant vind je nu enkele opties om dit element op te maken, zowel functioneel als visueel.

Bepaal eerst de hoogte die je direct zichtbaar wilt hebben in pixels. Vul vervolgens de tekst in van de trigger om de volledige inhoud te tonen bij Tekst open.

Doe hetzelfde maar nu voor de trigger om de inhoud weer te minimaliseren bij Tekst sluit.

Wil je de bestaande inhoud weg laten verlopen met een kleur? Dat kan, vink deze optie aan en kies de hoogte van het verloop. bij Hoogte van de fade overlay. Denk eraan dat je niet dezelfde hoogte toepast als de maximale hoogte van je content, omdat je de lezer wel een bepaalde verwachting wilt meegeven van de tekst die eerst verborgen is.

Nu je de functionele instellingen hebt gehad kun je de visuele instellingen nog laten aansluiten op jouw huisstijl of de stijl van de pagina. Klik op het tabje stijl (rechts).

Kies de kleur van de overlay die je eventueel hebt toegepast. Het is mooi om deze te matchen met de achtergrond, zodat het soepel in elkaar overloopt.

Kies als laatste de stijl van de trigger. We hebben de diverse knoppen voor je direct beschikbaar gesteld om het makkelijk op de huisstijl aan te kunnen laten sluiten.

Hieronder vind je een voorbeeld van het Lees meer block.