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
Divi hamburger menu geeft een “a” ipv van icoon
Met dat de fantastische performance update van augustus 2021 is Divi nu niet meer het sloomste jongetje van de klas. Sterker nog je kunt een 100% score halen in Google Page Speed Insides maar pas wel op met de instellingen van de Divi performance tab. Ik heb namelijk...
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,...
Size veranderen van hamburger menu dropdowntekst
Als je Wordpress gebruikt in combinatie met het thema Divi is het lastig om de size van de dropdowntekst aan te passen. Ik heb een tijdje zitten zoeken naar waar de instelling is om dit te doen maar kwam er iet uit. Mocht jij ook vastlopen, dan kun je met onderstaande...
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...
Een mail versturen vanaf je website
Ik ga je in een paar eenvoudige stappen leren hoe je zelf zo’n mailscript kunt gebruiken in combinatie met het thema Divi.
Youtube video background toevoegen in Divi
Video's kunnen powerful zijn in een website, vooral als je die op home plaatst en de bezoeker in een korte tijd wilt triggeren. Maar wat nu een probleem is met Divi, dat achtergrondvideo streamen vanaf YouTube of Vimeo op dit moment nog niet zo eenvoudig is. Het had...
De juiste afbeelding van je website pagina koppelen aan je Facebook bericht.
op een een of andere manier koppelt Facebook niet het juiste plaatje van jou WordPress website aan het Facebook bericht. Ik laat je in zien hoe je dit kunt oplossen.
Hoe kun je de plugin Gravity Forms gebruiken samen met het Divi thema
In dit artikel ga ik je in vier stappen uitleggen hoe je een formulier dat je hebt gemaakt in Gravity Forms kunt toepassen in je website en ik ga je ook laten zien hoe je voor verschillende weergave (dus desktop, tablet en mobiel) verschillende formulieren kunt laden veel plezier met het lezen van dit artikel. En maak er iets moois van!
Vrij je site ontwerpen met de Divi Theme builder
In dit artikel geef ik je de gouden tip om vrij je site te ontwerpen in Divi door middel van de Divi Theme Builder.
Hoe voorkom je spam met het Divi thema
Een probleem waar ik wel eens tegenaan loop is dat je vaak spam krijgt als je het standaard contactformulier van Divi gebruikt. Tegenwoordig heeft Divi daar verschillende oplossingen tegen spam. Een eenvoudige oplossing is de Re-Capcha setting.
SSL en Divi
Lees hoe je zelf je in Wordpress site HTTPS kunt maken met of zonder een SSL certificaat.
Een child theme toevoegen in Divi
In vijf stappen een childtheme toevoegen aan Wordpress – zo doe je dat >
Hoe kan ik Yoast SEO gebruiken samen met Divi?
De oplossing om de Yoast SEO plugin te gebruiken wanneer je gebruik maakt van het thema Divi en de Divi Builder.
Hoe kan ik eenvoudig een backup maken van mijn hele website.
De beste tip om snel en veilig een backup te maken van de hele Wordpress website.
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...
Een link maken naar een plaats in de pagina (anker)
Soms kan het slim zijn om vanuit het menu een link te maken naar een locatie op diezelfde pagina. Nu is dat in Divi een fluitje van een cent geworden. Volg de stappen hieronder beschreven en je kunt het zelf. Stap 1: kies de locatie op de pagina waar de link naar...
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...
Hoe kan ik tekst onder in de socket / footer van de site mooi centreren?
In Divi is het niet mogelijk om tekst onder in de footer / socket te centreren. Een voorbeeld van een Divi Webshop waar ik de tekst wilde centreren is antegenesis.nl Je kunt proberen de volgende stappen uit te voeren om het voor elkaar te krijgen. Stap 1: Ga naar...
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...