header-logo
Hoe Wix gebruiken om je website en bedrijf te bouwen.
Ontwerp en beheer je website met slimmme functionaliteiten.
Beheer abonnementen, pakketten en facturen.
Run je bedrijf en kom in contact met leden.
Lees hoe je een domein koopt, koppelt of overzet.
De juiste tools om je bedrijf op het web te laten groeien.
Boost je zichtbaarheid met SEO en marketingtools.
Geavanceerde functies om efficiënter te kunnen werken.
Antwoorden op vragen, gekende problemen en meer.
placeholder-preview-image
Verbeter je vaardigheden met onze cursussen en video's.
Krijg tips voor webdesign, marketing en meer.
Lees hoe het organische websiteverkeer van zoekmachines te vergroten.
Bouw een eigen website met ons full-stack platform.
Vind een professional voor hulp om je websitedoelen te behalen.
placeholder-preview-image

Studio Editor: Tekstmaskers toevoegen en aanpassen

6 min
In dit artikel
  • Een Tekstmasker-element toevoegen
  • De tekst op een tekstmasker wijzigen
  • Een Tekstmasker-element ontwerpen
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

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:

  1. Klik links in de Editor op Elementen toevoegen.
  2. Klik op Tekst.
  3. Klik op Tekstmasker.
  4. 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. 
  5. 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:

  1. Klik op het Tekstmasker-element in je Editor.
  2. Klik op Tekst wijzigen.
  3. 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.

Om een tekstmasker te ontwerpen:

  1. Klik op het Tekstmasker-element in je Editor.
  2. Klik rechtsboven in de Editor op de Inspector-pijl.
  3. Scrol omlaag naar Ontwerp.
  4. Kies hoe je het tekstmasker wilt ontwerpen:
Een GIF met een voorbeeld van een tekstmaskerelement met een videovulling
Het videovoorbeeld dat je ziet wanneer je een tekstmasker aanwijst in het Elementen toevoegen-paneel
Een screenshot van het Tekst wijzigen-paneel waar je de tekst invoert die je wilt weergeven