Les 4 van 5

Les 4: Templates en Global Widgets

Elementor heeft een krachtig templatesysteem waarmee je pagina-ontwerpen hergebruikt. In plaats van elke pagina van nul te beginnen, sla je secties of volledige pagina’s op als template en hergebruik je ze met ÊÊn klik.

Paginasjablonen — de Elementor Template Library

Klik in de editor op het map-icoon (“Sjablonen”) om de Template Library te openen. Je vindt hier:

  • Pagina’s: Volledig ontworpen pagina-layouts die je met ÊÊn klik importeert
  • Blokken: Losse secties zoals hero’s, diensten-overzichten, contactsecties of FAQ’s
  • Mijn templates: Je eigen opgeslagen sjablonen

Let op: veel templates in de bibliotheek vereisen Elementor Pro. Je herkent ze aan het Pro-label. Gratis templates zijn ook beschikbaar maar beperkter in aantal.

Een sectie opslaan als template

Heb je een sectie gebouwd die je vaker wilt gebruiken — bijv. een CTA-sectie met je logo, slagzin en knop? Klik op de sectie → klik op het slotje-icoon → “Opslaan als template”. Geef het een naam. Je kunt het daarna op elke pagina invoegen via de Template Library.

Templates importeren en exporteren

Je kunt templates exporteren als JSON-bestand en importeren op een andere WordPress-installatie. Handig als je een bepaald ontwerp op meerdere sites gebruikt.

Ga naar Sjablonen → Opgeslagen sjablonen → Exporteren. Op de andere site: Sjablonen → Importeer sjablonen.

Global Colors en Global Fonts

Dit is een van de krachtigste functies van Elementor: stel je merkkleur ÊÊn keer in als Global Color, en gebruik die op alle pagina’s. Als je later de kleur wilt aanpassen, doe je dat op ÊÊn plek en verandert het overal.

Ga naar Elementor → Site-instellingen → Global Colors. Voeg je primaire kleur, secundaire kleur en accentkleur toe. Doe hetzelfde voor lettertypen via Global Fonts.

Opdracht

Stel je merkkleur in als Global Color via Site-instellingen. Sla daarna de CTA-sectie die je eerder hebt gebouwd op als template. Open een nieuwe pagina en importeer de template via de bibliotheek.