Divi uitgelegd

Hoe werkt Divi 5? Zo pak je het logisch aan

Geen volledige handleiding: die houdt Elegant Themes zelf bij in hun helpcentrum. Hier lees je de werkwijze: in welke volgorde je werkt en welke keuzes het verschil maken. Klik op een onderwerp voor de korte uitleg, of lees verder op de eigen pagina.

Stap 1 · Design

Begin bij je ontwerp, niet bij je pagina. Eerst leg je de designvariabelen vast: kleuren, lettertypes en ruimte. Daarna maak je presets: de vaste opmaak van knoppen, koppen en kaarten.

Designvariabelen: waarom begin je hiermee?

Designvariabelen zijn vaste waarden zoals kleuren, lettertypes en afstanden die je één keer instelt en overal gebruikt. Verander je een variabele, dan verandert hij overal waar hij gebruikt wordt.

Presets: wanneer maak je er een, en waarom vóór je bouwt?

Een preset is een opgeslagen stijl voor een onderdeel, bijvoorbeeld een knop. Pas je de preset aan, dan veranderen alle knoppen met die preset in één keer mee.

Stap 2 · Layout

Dan de opbouw. Secties, rijen, kolommen en groepen: de ouder bepaalt hoe de kinderen staan. Kies per plek Flex, Grid of Blok, en werk van desktop naar tablet naar telefoon.

De Visual Builder: waar begin je?

Log in, ga naar de pagina die je wilt aanpassen en klik bovenin de zwarte balk op “Visual Builder inschakelen”. Je bewerkt dan direct wat je bezoekers ook zien.

Secties, rijen, kolommen en modules: wie bepaalt wat?

Een sectie is de grote band over de hele breedte, een rij verdeelt die band, een kolom is een vak in de rij en een module is de inhoud zelf, zoals tekst, een afbeelding of een knop.

Stap 3 · Content

Tot slot de inhoud die zichzelf herhaalt: de Theme Builder voor header en footer, de Loop Builder voor overzichten, dynamische content en condities.

Theme Builder: header en footer één keer maken, overal gebruiken

Ga in je dashboard naar Divi en dan Theme Builder. Klik bij de globale header of footer op het potlood. Wat je daar wijzigt, zie je op elke pagina die dat template gebruikt.

Kom je er niet uit?

Stel je vraag. Je krijgt een helder video-antwoord, of we plannen samen een live sessie via de webcam. Altijd in gewone taal.