Studio Editor: Tekstmaskers toevoegen en aanpassen

Leestijd 6 minuten

Tekstmaskers zijn een ideaal hulpmiddel voor korte stukken tekst die de aandacht van bezoekers moeten trekken. Je kunt de achtergrond van de tekst (opvulling) instellen op een afbeelding, een video of een overgang, zodat deze veel meer opvalt op de pagina.

Een GIF met een voorbeeld van een tekstmaskerelement met een videovulling

In dit artikel lees je hoe je:

Een Tekstmasker-element toevoegen

Ga naar het Elementen toevoegen-paneel om een nieuw tekstmaskerelement toe te voegen. Kies een ontwerp dat je leuk vindt en sleep het naar de pagina. Je kunt het later volledig aanpassen vanuit het Inspector-paneel.

Best practice:

We raden aan om maximaal 10 tekstmaskers per pagina toe te voegen om de beste websiteprestaties op mobiel te garanderen.

Om een tekstmasker toe te voegen:

Klik links in de Editor op Elementen toevoegen.
Klik op Tekst.
Klik op Tekstmasker.
Sleep een tekstmasker dat je leuk vindt naar de pagina.
Tip: Sommige van onze ontwerpen bevatten een video-achtergrond. Wijs een ontwerp aan in het paneel om het in actie te zien.
Voer de tekst in die op dit element moet verschijnen:
1. Klik op het nieuwe tekstmasker dat je zojuist hebt toegevoegd.
2. Klik op Tekst wijzigen.
3. Voer de tekst in die je wilt weergeven.

Het videovoorbeeld dat je ziet wanneer je een tekstmasker aanwijst in het Elementen toevoegen-paneel

De tekst op een tekstmasker wijzigen

Bewerk de tekst die op elk moment op het tekstmasker verschijnt. Met behulp van de Enter-toets op je toetsenbord kun je het aantal rijen maken dat je nodig hebt voor de tekst.

Om de tekst op een tekstmasker te wijzigen:

Klik op het Tekstmasker-element in je Editor.
Klik op Tekst wijzigen.
Voer je tekst in onder Voeg je eigen tekst toe.

Een screenshot van het Tekst wijzigen-paneel waar je de tekst invoert die je wilt weergeven

Tip:

Beheer het hoofdlettergebruik van de tekst in het Inspector-paneel. Je kunt bijvoorbeeld de hele tekst in hoofdletters of kleine letters maken (zie 'Een Tekstmasker-element ontwerpen' hieronder).

Een Tekstmasker-element ontwerpen

Vanuit het Inspector-paneel kun je het bestaande ontwerp van het tekstmasker aanpassen of er een helemaal vanaf nul maken, op basis van jouw behoeften. Je kunt een interessante media- of overgangvulling toevoegen, de afstand tussen letters en rijen wijzigen, en nog veel meer.