Les 2: Modules, global styling en de Divi Library

Divi 4 heeft meer dan 40 ingebouwde modules. In deze les behandelen we de meest gebruikte en leren we werken met global stijlen en de Divi Library — de sleutel tot efficiënt werken op meerdere pagina’s.

De meest gebruikte modules

Blurb

Combinatie van icoon, koptekst en tekst. De meest gebruikte module voor dienstenoverzichten, USP’s en voordelen-lijsten. Drie blurbs naast elkaar in een driekoloms rij is de klassieke Divi-lay-out voor diensten.

Call To Action

Een sectie met koptekst, bodytekst en een knop — alles in één module. Snel in te stellen voor CTA-secties onderaan pagina’s.

Testimonial

Voor klantreviews met naam, functie, foto en beoordeling. Zet meerdere testimonials naast elkaar of gebruik de Testimonials Slider voor een automatisch scrollende weergave.

Pricing Table

Kant-en-klaar prijstabel met kenmerken, prijs en CTA-knop per pakket. Geen custom CSS nodig.

Contact Form

Ingebouwd contactformulier — eenvoudig maar functioneel. Voor complexere formulieren gebruik je CF7 of Gravity Forms en embed je die via de Code-module.

Global stijlen: één keer instellen, overal toepassen

Ga in de Visual Builder naar het hamburger-menu → Thema-aanpasser. Hier stel je sitebreed in:

• Lettertypen: Kopslettertype en bodytekstlettertype — kies uit Google Fonts of upload eigen fonts
• Kleuren: Primaire kleur, linkkleur, achtergrondkleur
• Knoppen: Standaard knopstijl voor alle Divi-knoppen op de site
• Koptekststijlen: H1 t/m H6 lettergrootte en -gewicht

Zet deze waarden goed voordat je begint met bouwen. Wijzigingen hier werken door op alle pagina’s.

De Divi Library

De Divi Library is de template-bibliotheek. Je kunt hier:

• Premade layouts laden: Honderden kant-en-klare paginaontwerpen die je als startpunt gebruikt. Filteer op categorie (portfolio, webshop, restaurant, enzovoort). De layouts zijn volledig aanpasbaar.
• Eigen secties opslaan: Heb je een mooie hero-sectie gebouwd? Sla hem op in de library en hergebruik hem op andere pagina’s of sites.
• Global modules: Sla een module op als “Global” — dan is hij op elke plek waar hij wordt gebruikt identiek. Wijzig hem op één plek en hij verandert overal.

Global modules: krachtig en gevaarlijk

Een global module is gekoppeld aan alle pagina’s waar hij wordt gebruikt. Dat is krachtig voor elementen die overal hetzelfde moeten zijn — zoals een CTA-sectie of contactblok. Maar als je hem per ongeluk wijzigt, verandert hij overal. Wees hier bewust van.

Wil je een global module op één pagina anders hebben? Klik met rechts → “Ontkoppelen van global” om hem op die pagina los te maken.

Opdracht

Stel de huisstijlkleuren en lettertypen in via de Thema-aanpasser. Laad daarna een premade layout in de Library die past bij jouw soort site. Pas de kleuren en teksten aan naar je eigen huisstijl. Sla de hero-sectie op als library-item.