Leer de fijne kneepjes van het WordPress thema Divi
Laten we het internet mooier maken! Ik geef je een schat aan informatie over het thema Divi, ik leer je de fijne kneepjes van het systeem te kennen. Ik vergelijk dit thema met andere thema’s en laat je zien hoe je zoveel mogelijk zonder andere plugins en CSS toch prachtige websites kunt bouwen. Dit kan je veel tijd besparen, doe er je voordeel mee.
Naast Divi tips geef ik soms algemene WordPress tips.
De Divi Audio module uitgelegd
Divi modules, Divi thema, Visual Builder, Webdesign tips
Een van de mooiste features van Divi vind ik toch wel de audio module. Ik maak regelmatig sites voor muzikanten en dan is het wel heel gaaf als je audio samples kan laten horen. Het werkt zo eenvoudig en goed dat ik alleen maar positief ben over deze module. Ik laat...
Divi Afteltimer module uitgelegd
Divi modules, Divi thema, Visual Builder, Webdesign tips
De afteltimer of wel countdown timer is het systeem om een moment in de toekomst aan te kondigen. Denk bijvoorbeeld aan het aftellen tot het moment dat jouw nieuwe site live gaat, of voor het moment dat jou eerste soundtrack uitkomt. Je zou dit systeem ook kunnen...
De afbeelding module van Divi
Divi modules, Divi thema, Visual Builder, Webdesign tips
Een van de eenvoudigste maar ook belangrijkste Divi modules vind ik de afbeelding module. Hiermee voeg je een afbeelding toe, in jouw pagina, bericht of project. Je kunt meerdere afbeeldingen in een kolom zetten en je kunt er effecten op toepassen. Zoals dat het zich...
Divi module Accordeon uitgelegd
Divi modules, Divi thema, Visual Builder, Webdesign tips
De Divi accordeon module gebruik ik vaak om een opsomming van onderwerpen of voordelen weer te geven, waarbij ieder onderdeel/ element meer info bevat dan een korte titel. Je kunt daarmee in één weergave / oogopslag zien wat de onderwerpen zijn en door op een plusje...
Aanbevelingen module van Divi uitgelegd
Divi modules, Visual Builder, Webdesign tips
Een review ontvangen voor jouw project, bedrijf of organisatie is tegenwoordig belangrijker dan ooit. Ik adviseer om Google reviews te ontvangen. Maar Divi heeft er ook een systeem voor en dat heet "Aanbevelingen". Ik leg je uit hoe deze module werkt. En ook wat de...
Voeg motion effecten toe in Divi
Divi thema, Mobile design, Visual Builder, Webdesign tips
Hoe leuk is het wanneer je een aantal USP's / voordelen van een onderneming, één voor één kan laten oplichten? In Divi kan dit op sectie, rij, kolom en element niveau en zlefs voor Tablet en Mobiel kan je eigen effecten instellen zodat de beleving altijd goed,...
Bespaar jezelf tijd met Global Blocks in Divi
Divi thema, Tijd besparen, Webdesign tips
Je bent een website aan het bouwen en op de homepage wil je een onderdeel / sectie plaatsen dat ook op andere plaatsen in de website moet worden weergegeven. Bijvoorbeeld de USP's van een bedrijf. Nu wil je dit blok aanpassen, maar dit niet handmatig op die andere...
De styling van twee of meer elementen tegelijkertijd aanpassen
Divi thema, Tijd besparen, Visual Builder, Webdesign tips
Niveau: Gemiddeld In het Wordpress thema Divi, kun je meerdere elementen tegelijkertijd bewerken. Deze nieuwe feature heeft mij veel tijd bespaard en gebruik ik tegenwoordig bij iedere site die ik bouw. Het gaat jouw vast en zeker ook tijd en hoofdpijn besparen. Niet...
In 30 seconden een website met Divi Layout Packs
Divi thema, Layout Packs, Orienteren, Tijd besparen, Webdesign tips
Niveau: Beginner Met het Wordpress Thema Divi kan je in een paar klikken een complete website bouwen. Divi doet het voor jou en het kost niets extra. En er zijn maar liefst op dit moment al 370 verschillende packs en in ieder pack zit de basis van de website. En wat...
Hoe kan je een afbeelding groter weergeven bij het aanklikken van de afbeelding in Divi?
Niveau beginner Wanneer je een pagina hebt met mooie foto’s en je hebt er foto’s tussen staan die je, als bezoeker, ook in het groot zou willen bekijken, dan zou het fijn zijn als er een optie is om dit te realiseren. In Divi kan je dit doen zonder er een plugin voor...
Twee of meer ontvangers instellen in Divi contactformulier
email, Formulieren, Webdesign tips
Het Divi contactformulier kun je eenvoudig toevoegen aan je pagina. Het werkt fijn en eenvoudig, en je kunt het prachtig opmaken zonder een regel code. Dit vind ik één van de mooie features van Divi. Maar er zijn ook een paar weetjes, en het is soms even puzzelen om...
Tekstschaduw verwijderen in Divi slider
Custom code, Divi thema, Orienteren, Visual Builder, Webdesign tips
Nog steeds vind ik het Wordpress thema Divi het fijnste thema om websites in te bouwen maar er zitten toch wel een paar onhandigheden in. Eentje waar ik vaak hoofdpijn van krijg is, de tekstschaduw in een slider. Je kunt niet eenvoudig die schaduw uitzetten via de...
Voeg een WhatsApp widget toe aan je website
Plugins, Social Media, Webdesign tips
Wie gebruikt er geen WhatsApp? Maar toch communiceren de meeste organisaties via de website nog met formulieren. Waarom zorg je er niet voor dat je voor je website bezoekers bereikbaar bent via WhatsApp? Zo verlaag je de drempel om contact op te nemen!
Hoe kan ik Divi installeren in mijn WordPress website
Het thema Divi installeren gaat vrij eenvoudig. Ik leg je in een paar stappen uit hoe je dat zelf kan doen.
Hoe kun je een Woocommerce winkelmandje ontwerpen in Divi?
Theme Builder, Webdesign tips, WooCommerce
Gebruik de kracht van Divi om het winkelmandje van je shop perfect af te stijlen voor een hogere conversie.
Hoe kan je iconen in het WP menu toevoegen
Custom code, Header / menu, Navigatie, Webdesign tips
Het doel van dit artikel is om zelf iconen toe te voegen aan een willekeurig WP menu zonder gebruik te hoeven maken van een Plugin of CSS.
Een sticky element toevoegen in Divi
Header / menu, Visual Builder, Webdesign tips
In deze webdesign tip leg ik je uit hoe je zelf in Divi sticky elementen kunt instellen in het in de visual builder van het thema Divi.
Twee elementen naast elkaar voor mobile weergave in Divi
Custom code, Divi thema, Mobile design, Visual Builder, Webdesign tips
Ik laat je in een paar stappen zien hoe je dit zelf twee elementen naast elkaar kunt zetten voor mobiel in Divi.
Hoe bouw je in Divi een Woocommerce product page?
Divi thema, Theme Builder, Visual Builder, Webshop, WooCommerce
Een belangrijke reden om met Divi te werken is omdat je product templates kunt ontwerpen en per productcategorie een eigen design te maken.
Eenvoudig 301 redirects maken in je pagina zonder een plugin
Ik leg je in dit artikel uit hoe je een 301 redirect kunt maken op een pagina zonder een plugin te gebruiken of de .htaccess aan te passen.
Divi formulieren vergelijken met Gravityforms
Formulieren, Orienteren, Plugins, Webdesign tips
Wat is nu de toegevoegde waarde van Gravityforms als je al gebruik kan maken van het formulier element van divi.
Het thema Divi met Elementor vergelijken
Divi thema, Elementor, Mobile design, Orienteren, Performance, Theme Builder
Ik vergelijk in deze webdesign tip twee thema’s: Elementor en Divi. Ik hoop dat dit je helpt om het thema te kiezen dat bij je past.
Foutmelding Billing No. is a required field oplossen in Woocommerce
Divi thema, Foutmeldingen, Plugins, WooCommerce
Ik heb een tijdje moeten zoeken wat er nu mis ging in Woocommerce en kon via Google geen raad vinden. Maar nu heb ik het gevonden
Divi hamburger menu geeft een “a” ipv van icoon
Divi thema, Header / menu, Mobile design, Navigatie, Performance, Webdesign tips
Ik leg je uit hoe je het probleem van het a icoon dat staat voor het hamburger menu kunt oplossen zonder css.
Kleur aanpassen Hamburger menu
Custom code, Divi thema, Header / menu, Navigatie, Webdesign tips
In deze webdesigntip leer ik je hoe je met eigen CSS je de kleur van dit icoon kunt aanpassen.
Hamburger menu weergeven op desktop
Custom code, Divi thema, Header / menu
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
Custom code, Divi thema, Header / menu, Webdesign tips
Niveau: Gemiddeld 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...
Hamburger menu icon vergroten
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
Custom code, Divi thema, video, Webdesign tips
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...
Daarom kies ik voor Divi!
Ik heb als webdesigner al 96 websites gebouwd in Divi, het is voor mij persoonlijk het beste Wordpress thema dat ik ken. Ik heb ook veel met Enfold gewerkt en Elementor ken ik ook goed. Maar wat Divi voor mij perfect maakt is dat het intuïtief werkt. Het bespaart je veel tijd om een site te bouwen. Je kunt het perfect ontwerpen voor mobiel en zonder extra plugins te installeren kan je al een complete website bouwen. En je kunt een lifetime licentie kopen voor $249. Dus dan mag je het zo vaak gebruiken als je wilt voor een onbeperkt aantal websites als zonder maandelijkse kosten.
Enthousiast geworden over Divi
Als je via deze link het thema koopt, krijg ik een vergoeding van Divi. Dit kost jou niets extra, maar je helpt mij om meer tips en inzichten over Divi te blijven delen dat jou en andere webdesigners daardoor tijd bespaart.
