Tips en tricks over WordPress en het thema Divi

Leer de fijne kneepjes van het WordPress thema Divi

Ik heb al meer dan honderd websites gebouwd en ben uiteindelijk fan van WordPress geworden.

In eerste instantie werkte ik veel met het thema Enfold, maar door de jaren heen ben ik steeds enthousiaster geworden over  Divi van Elegant Themes.

Ik train regelmatig ondernemers om zelf WordPress websites te bouwen en behandel dan ook vaak het thema Divi. Maar het is ook heel leuk om (als je de tijd hebt) er zelf in te duiken. Er zitten wel veel weetjes in dit thema en een aantal foutjes waar je soms veel tijd door kunt verliezen. Op deze pagina geef ik je gratis tips om meer uit het thema te halen. Ik ga je handvatten geven om zelf een mooie site te bouwen en ik laat ook de uitdagingen in Divi zien en hoe je deze zelf kunt oplossen. 

Een groot voordeel van het thema Divi ten opzichte van Enfold is dat je bij Divi een licentie kunt kopen waarbij je eenmalig een bedrag betaald en je het thema voor al je klanten en sites mag gebruiken. Dat betekent dat je na vijf keer het geld er al uit hebt. Tel uit je winst!

Een ander groot voordeel is dat je bij Divi met de plugin Visual Builder aan de voorkant van de site kunt gaan bouwen. Je weet dan altijd hoe de website er uit zou zien als je de instellingen opslaat. Veel klanten vinden het fijn om met dit systeem te werken, want het maakt het een stuk makkelijker om websites te onderhouden. 

Je kunt zelfs gratis de Divi Builder proberen zonder dat je deze hoeft te installeren.

Divi en WordPress tips

Kleur aanpassen Hamburger menu

Bij het thema Divi vind ik het hamburger net wat te klein als het gaat om gebruiksvriendelijkheid. Je kunt in het thema niet de size ervan aanpassen zonder CSS. In onderstaande code kun je het zelf aanpassen: Stel ik wil de kleur zwart maken dan is dit de juiste css...

Hamburger menu weergeven op desktop

Stel, je hebt een site ontworpen met een hamburger menu voor de desktop weergave. Je kiest voor het thema Divi en nu zoek je waar de setting zit om dit hamburger icoon weer te geven ipv het standaard menu. Well, je kunt het proberen met de themebuilder van Divi,...

Hamburger menu icon vergoten

Bij het thema Divi vind ik het hamburger net wat te klein als het gaat om gebruiksvriendelijkheid. Je kunt in het thema niet de size ervan aanpassen zonder CSS. In onderstaande code kun je het zelf aanpassen: Ga naar de Wordpress systeemaanpasser Open eigen CSS Voeg...

Versie terugzetten van een pagina

Een van de bugs / fouten in Divi is dat er geen melding wordt gegeven wanneer je iemand anders dezelfde pagina wilt aanpassen als degene waar jij in aan het werk bent. (Dit heb ik getest met de Visual Builder  versie 2.25.1 ) Dit geld alleen voor als je aan...

Breedte van verzendknop aanpassen in Divi

DIVI heeft een schitterend contact formulier dat heel goed af te stijlen is je kunt alleen de verzendknop niet zo goed stijlen. Om dit toch goed te krijgen heb je weer CSS nodig. Stap 1: Ontwerp een formulier Stap 2: Maak een verzendknop waarbij de tekst van de kop op...

Twee knoppen naast elkaar

In Divi is het niet mogelijk om in een blok twee knoppen naast elkaar te plaatsen. Een knop wordt dan altijd boven elkaar weergeven. Wil je toch twee knoppen naast elkaar plaatsen dan kan dat alleen met een stukje css. Stap 1: voeg twee knoppen toe in een grijs blok...

Heb je de tijd of energie niet om het zelf te doen?

Kom dan eens een bakkie doen!
Of vraag het mij om het voor jou te doen.  

Kies voor een strippenkaart