Divi tips
Tips & tricks voor de doe-het-zelver
Ik heb een aantal jaar geleden veel praktische blogs geschreven over hoe je met Divi kunt werken. Maar Divi verandert sneller dan ik kan bijhouden. Het is op zich een goede zaak dat Divi niet stilstaat met ontwikkelen. Tegenwoordig tref je (op de Nederlandse vertalingen na) bijna nooit meer bugs aan en de updates zijn minder frequent nodig.
De Visual Builder werkt nog steeds zoals in het begin. Er zijn vooral extra ontwerpfuncties aan toegevoegd en de laatste grote toevoeging was de AI tool om desgewenst content te laten genereren. De volgende stap komt in het fundament van Divi, waardoor de hele tool supersnel en efficiënt zal gaan werken. En dat komt ten goede aan de laadsnelheid van alle Divi websites.
Kijk gerust in mijn oude blogjes. Maar als je actuele handleidingen wilt zien (met filmpjes) dan kun je beter kijken in de documentatie van de makers van Divi.
Of wil je liever 1-op-1 uitleg, toegespitst op jouw eigen situatie, dan kun je me bellen voor Divi les.
En wil je helemaal niet zelf met Divi bezig zijn, maar wel een website nodig hebben, dan maak ik die natuurlijk ook graag voor je.
Achtergronden met Divi
Je kunt elke sectie, rij, kolom en de meeste modules een achtergrond geven. Een achtergrond kan...
Witruimte met Divi
Als je kijkt naar de anatomie van een website, zie je dat witruimte daar een grote rol...
Schaduwranden met Divi
Foto's of andere onderdelen kun je een schaduwrand meegeven zonder te hoeven coderen in css. In de...
Kleurovergangen of gradients
Een achtergrond met kleurovergang (gradient) maak je vrij eenvoudig met de Divi Builder...
Formulier met Divi
Contactformulier In de Divi opbouwfunctie, oftewel de Divi Page Builder, zit een module...
Divi Themabouwer
In oktober 2019 heeft Divi de Theme Builder / Themabouwer gelanceerd. GEWELDIG! In het kort...
Divi lettertype aanpassen
Stel, je wilt de lettergrootte van je webteksten groter maken of het lettertype veranderen. Dan...
Divi kolom opties
Nieuwe kolom opties in de Divi builder Sinds update 3.25.12 worden kolommen in de Visual Builder...
Call-to-action module verticaal uitlijnen
Een veel gehoorde irritatie bij klanten is dat ze het vervelend vinden dat blokje call-to-action...
Dividers met Divi
Om verschillende onderwerpen op een website visueel te scheiden wordt vaak gewerkt met...
Mobielvriendelijk met Divi
In mijn artikel Hoe maak je je website mobielvriendelijk? schrijf ik over de problemen die je met...
Een plaatje op vaste positie zetten met Divi
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.
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.
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.
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...
Pagina dupliceren met Divi
Vaak wil je een aantal pagina's op je website bouwen die op elkaar lijken qua opmaak en structuur....
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...
Bouw je eigen menu met de Divi themabouwer
Divi basis: wat is Divi?
In Wordpress geen website zonder thema Elke Wordpress website draait op basis van een thema. Het...
Divi basis: pagina templates maken / de Divi bibliotheek
Als je meerdere pagina's of berichten (blogs) met ongeveer dezelfde lay-out en/of opmaakt wilt...
Divi basis: de Visual Builder
Met de Divi Visual Builder kun je elk gewenste lay-out op je webpagina bouwen. Bijvoorbeeld: eerst...
Divi scroll effect voorbeelden
In februari 2020 introduceerde Divi de optie 'Scroll effects' waamee je elementen op je scherm...