Selecteer een pagina

Wat is de Divi builder?

Divi is een opbouwfunctie waarmee u op een makkelijke manier een pagina kan opbouwen. Dit kan aan worden gezet op elke nieuwe pagina die wordt aangemaakt in uw WordPress omgeving. Divi maakt gebruik van 3 soorten bouwblokken, namelijk:

  • Secties
  • Rijen
  • Modules

Deze 3 bouwblokken zorgen ervoor dat de pagina in de juiste structuur gepubliceerd wordt. Deze blokken worden automatisch ook goed gezet op mobiel waardoor u geen aparte, nieuwe pagina hoeft te maken voor mobiel. Dit komt omdat Divi gebruik maakt van een grid.

Een voorbeeld van hoe de Divi builder is opgebouwd in de back-end

Een voorbeeld van hoe de Divi builder is opgebouwd in de front-end

Divi grid

Doordat Divi gebruik maakt van een grid is het makkelijk om een rij onder te verdelen in verschillende blokken. Hierbij kunt u bijvoorbeeld 2/3e (66.66% breed) van een rij beschikbaar stellen voor tekst en vervolgens 1/3e (33.33%) van de rij beschikbaar stellen voor bijvoorbeeld een afbeelding.

Een voorbeeld hoe een sectie met rij en kolommen is opgebouwd in het grid.
Blauw = de sectie
Groen = de rij
Grijs = de module

Secties, rijen en modules

Divi maakt gebruik van secties, rijen en modules. Door middel van deze blokken kunt u een pagina opbouwen. Secties zijn de grootste bouwblokken van Divi en hierin kunnen rijen verwerkt worden. Doordat Divi een grid gebruikt kun je rijen verschillende kolommen geven. In een kolom kan vervolgens een module worden toegevoegd.

Secties

Het grootste basisblok van Divi en dat gebruikt wordt voor een pagina, is een sectie. Deze dient u als eerste toe te voegen aan een nieuwe pagina zodra de Divi opbouwfunctie wordt aangezet. Deze secties zijn blokken die over de gehele breedte van de pagina worden gebruikt. De hoogte van een sectie wordt vervolgens bepaald door hoeveel rijen er worden gebruikt in de sectie en hoeveel content er in een module staat.

Een voorbeeld van hoe een sectie toegevoegd wordt in de back-end
Een voorbeeld van hoe een sectie toegevoegd wordt in de front-end

Rijen

Rijen worden gebruikt in secties. U kan meerdere rijen toevoegen aan 1 sectie. Een rij heeft vervolgens verschillende kolommen, die u kunt aanduiden zoals op de afbeelding hiernaast. Zodra een rij wordt toegevoegd, krijgt u de optie om aan te geven hoe groot de kolommen in deze rij moet zijn. Zodra de structuur van de rij is gekozen, wordt deze toegevoegd aan de sectie. Vervolgens krijgt u de kans om in deze kolommen modules toe te voegen. U kunt per kolom meerdere modules toevoegen als dit gewenst is.

Een voorbeeld van hoe een rij toegevoegd wordt in de back-end
Een voorbeeld van hoe een rij toegevoegd wordt in de front-end

Modules

Modules zijn de content elementen die toegevoegd kunnen worden aan de kolommen. Er zijn verschillende modules waaronder de tekst- en afbeelding-module die veel gebruikt worden bij het opbouwen van een pagina.

Een voorbeeld van hoe een module toegevoegd wordt in de back-end
Een voorbeeld van hoe een module toegevoegd wordt in de front-end

Niet kunnen vinden wat u zocht?