Skip to content

Uitschuifbare module

Met deze uitschuifbare module kun jij gemakkelijk, veel content (tekst en uitleg) kwijt op een overzichtelijke manier.

Je maakt een opvallende 'voorkant' waar je bezoeker op kan klikken om op de 'achterkant' meer informatie te zien.

logo-webnemer-wit

Tabbladen binnen de module

De module voor een uitschuifbare module bevat meerdere tabbladen. We leggen per tabblad uit welke acties jij allemaal in kunt stellen, zodat jouw module zijn werk goed doet.

Voorkant
TitelTyp hier de titel die je aan de voorkant van je module ziet.
OmschrijvingTyp hier je omschrijving die past bij je module. Je kunt dit eventueel ook leeg laten.
Afbeelding typeKies hier of jij een afbeelding of icoon wilt gebruiken. Wil jij dit niet? Selecteer dan "geen".
Bij icoonHeb jij gekozen om een icoon te tonen? Stel dan de volgende dingen in:
* Icoon: kies hier het te tonen icoon.
* Icoon kleur: selecteer de kleur voor je icoon.
* Icoon hover kleur: selecteer de hover kleur voor je icoon.
* Grootte: stel hier de grootte voor je icoon in.
* Positie: kies hier de positie voor jouw icoon.
* Algemene uitlijning: selecteer hier de uitlijning voor je gehele module. Selecteer links, gecentreerd of rechts.
Bij afbeeldingHeb jij gekozen om een afbeelding te tonen? Stel dan de volgende dingen in:
* Afbeelding: selecteer je afbeelding.
* Afbeelding stijl: selecteer de stijl van je afbeelding.
* Grootte: kies de grootte van je afbeelding.
* Positie: kies de positie waar je de afbeelding wilt hebben.
* Algemene uitlijning: selecteer hier de uitlijning voor je gehele module. Selecteer links, gecentreerd of rechts.
Achterkant
TitelTyp hier de titel die je aan de achterkant van je module ziet.
OmschrijvingTyp hier je omschrijving die past bij op de achterkant van je module. Je kunt dit eventueel ook leeg laten.
Call to actionWil jij aan de achterkant van deze module een call to action plaatsen? Selecteer deze dan hier. Je kunt kiezen voor een tekst, een knop of geen call to action.
Bij tekstHeb jij gekozen voor tekst, stel dan de URL in, het doel (huidig of nieuw venster) en de tekst die jij wilt tonen als call to action.
Bij knopBekijk hier hoe je de instellingen voor je knop maakt.
Stijlen
Selecteer stijlSelecteer hier de stijl voor je uitschuifbare module.
Stijl voorkantStel hier de volgende aspecten in:
* Content padding: de ruimte tussen de content (teksten) en de rand van de voorkant.
* Achtergrondkleur: de kleur van de achtergrond op de voorkant van je module.
* Doorzichtig: geef hier aan of de achtergrond doorzichtig moet zijn.
* Achtergrond hover/focus: de kleur voor je achtergrond bij hover.
* Doorzichtig: geef hier aan of de hover achtergrond doorzichtig moet zijn.
Stijl achterkantStel hier de volgende aspecten in:
* Content padding: de ruimte tussen de content (teksten) en de rand van de achterkant.
* Algemene uitlijning: selecteer hier de algemene uitlijning voor de achterkant van je module.
* Achtergrondkleur: kies de kleur voor je achtergrond.
* Doorzichtig: geef hier aan of de achtergrond doorzichtig moet zijn.
Overlay (stijl 1)Stel hier de volgende aspecten in:
* Inschakelen overlay: kies hier of jij een overlay wilt tonen.
* Overlay kleur: selecteer de kleur voor je overlay.
* Doorzichtig: kies hier of jij de overlay enigszins doorzichtig toont.
* Icoon: kies hier een icoon voor op de overlay. Wil je hier geen icoon tonen? Verwijder dan het bestaande icoon.
* Heb jij voor een icoon gekozen, kies dan de kleur, de achtergrondkleur en de grootte van het icoon.
Drop down icoon (stijl 2 & 3)Stel hier de volgende aspecten in:
* Icoon kleur: kies hier de kleur voor jouw icoon.
* Icoon grootte: selecteer hier de grootte van de icoon.
* Icoon uitlijning: selecteer hier de uitlijning van je icoon. Kies voor links, gecentreerd of rechts.
Minimale hoogteSelecteer hier of jij een minimale hoogte wilt geven aan je module. Vul hier gelijk in wat deze hoogte mag zijn.
Algemene verticale uitlijningSelecteer hier de algemene uitlijning voor je module. Wil je de teksten centreren of bovenin de module plaatsen.
Lettertype
TagStel hier de HTML Tag in voor je tekst. Gebruik maximaal 1 keer een H1 tag per pagina. Kies voor H2 of H3 om aan te geven welke kopjes belangrijk zijn voor Google. H2 is bijvoorbeeld belangrijker dan H3.
LettertypeWil jij het lettertype gebruiken dat je hebt ingesteld via de customizer? Laat dan de instellingen "standaard" en "default" staan. Wil jij een alternatief lettertype gebruiken? Kies hier dan een andere uit.
TekengrootteStel hier je tekengrootte in. Dit doe je in pixels. Klik je op het pijltje naar rechts, dan kun je meteen je tekengrootte voor de tablet en mobiel instellen.
RegelhoogteStel hier je regelhoogte in. Dit doe je in pixels. Klik je op het pijltje naar rechts, dan kun je meteen je regelhoogte voor de tablet en mobiel instellen.
KleurSelecteer hier de kleur die jij je tekst wilt geven.
Scroll To Top