Witruimte met Divi

by | 15 januari 2018 | Divi tips

Als je kijkt naar de anatomie van een website, zie je dat witruimte daar een grote rol in speelt. Witruimte is net zo belangrijk als inhoud. Zonder gebalanceerde witruimte wordt je pagina een onoverzichtelijke brei van plaatjes en tekst. Witruimte geeft ‘lucht’, en ritme. Het helpt je informatie te kunnen structureren en het helpt de bezoeker de informatie te vinden. Met witruimte kun je je webpagina in balans brengen, en desgewenst symmetrisch maken.

Soms moet je (wit)ruimte creëren tussen bepaalde onderdelen. Dat doe je met buffers (padding) en marges (margin). Buffer is de ruimte tussen de inhoud en de buitenrand van een onderdeel. Marge is de ruimte buiten het onderdeel om. Je kunt buffers en marges aangeven in pixels of procenten, aan de linkerkant, bovenkant, rechterkant en onderkant.

Bij secties, rijen en modules ziet het aanpassen van marges en buffer er altijd zo uit –>

Tip! Witruimte creëert rust op een pagina. Het zorgt ervoor dat een lezer de structuur beter begrijpt.

Tip! Bij onderdelen met een achergrondkleur is een buffer nodig, omdat anders de tekst tegen de rand aan geplakt staat.

Recente Divi tips

Afbeelding of tekst aan de onderkant van een kolom plaatsen

Standaard worden plaatjes of tekst aan de bovenkant van een kolom getoond. Maar soms wil je objecten juist allebei aan de onderkant uitlijnen. Bijvoorbeeld als je een staand en een liggend beeld naast elkaar wilt laten zien, met de basis aan de onderkant. In deze Divi Tip laat ik zien hoe je dit met twee simpele handelingen voor elkaar krijgt.

Kolommen gelijke hoogte geven

Heb je blokken naast elkaar staan die niet mooi uitlijnen, die niet even hoog zijn en stoor je je daar aan? Divi heeft een hele simpele oplossing die in de meeste gevallen helpt. Lees mijn Divi Tip als je de oplossing wilt zien.

Website op de schop – hoe pak je dat aan?

Op een gegeven moment denk je: mijn website ziet er ouderwets uit. Je kijkt beter en ziet steeds meer dingen die je wilt veranderen. En als je dan eenmaal begint, blijkt het toch wel veel werk te zijn of is het toch nog steeds niet wat je wilt. Hoe voorkom je dat je verzandt in een mega-verbouwing van je website?

In deze Divi Tip vind je een plan van aanpak voor een grote onderhoudsbeurt op je website.

Afbeelding met tekst erover bij hover

Wat nu als je tekst over een plaatje wilt zetten, maar niet meteen zichtbaar. De tekst moet pas tevoorschijn komen als je er met de muis overheen gaat. Of op mobiel, als je erop klikt.

In deze Divi Tip leg ik uit hoe je dit met slechts 1 Divi module voor elkaar krijgt zonder extra css code.

Hoe voeg je WordPress widgets toe met Divi?

Standaard heeft Wordpress handige widgets, zoals extra menu's, een lijstje met blog categorieën of een lijstje met de laatst gepubliceerde blog titels. Oorspronkelijk werden widgets voornamelijk gebruikt in een klassieke zijbalk of onderin de footer.  Met Divi gebruik...

Pagina dupliceren met Divi

Vaak wil je een aantal pagina's op je website bouwen die op elkaar lijken qua opmaak en structuur. Bijvoorbeeld dienstenpagina's die allemaal een inleiding, voordelen, werkwijze en contactmogelijkheid hebben. Dan is het fijn om eerst een kopie te maken en die...

Recepten maken in Divi met ‘Custom fields’

Flexibele lay-out Als je recepten wilt delen op een Wordpress blog kom je er al gauw achter dat het handig is om een vast stramien, een vaste lay-out te gebruiken. Een recept bestaat immers uit vaste onderdelen. Denk aan ingrediënten, inleiding, werkwijze,...

Divi lettertype aanpassen

Stel, je wilt de lettergrootte van je webteksten groter maken of het lettertype veranderen. Dan hoef je gelukkig niet al je pagina's aan te passen. Via de 'Systeemaanpasser van het thema' of 'Theme customizer' (Engels) kun je typografie instellingen in één keer voor...

Divi Themabouwer

In oktober 2019 heeft Divi de Theme Builder / Themabouwer gelanceerd. GEWELDIG! In het kort betekent het dat je nu zelf de lay-out kunt bepalen van menu header, footer, categorie- en andere archiefpagina's, berichten, zoekresultatenpagina en je 404 pagina. Het is zo...

Divi kolom opties

Nieuwe kolom opties in de Divi builder Sinds update 3.25.12 worden kolommen in de Visual Builder beschouwd als onderdelen / kinderen van een rij. Kolommen kon je altijd al apart opmaken, maar nu is dat beter zichtbaar in de instellingen van een rij. Je kunt de rijen...