Leer de fijne kneepjes van WordPress
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.
Tekstschaduw verwijderen in Divi slider
Custom code, Divi thema, Orienteren, Theme 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 kunnen 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, Theme Builder, Visual Builder, Webdesign tips, Webshop
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
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 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, Theme Builder, 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...
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
Custom code, Divi thema, Formulieren, Plugins, Webdesign tips
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
Divi thema, Footer, Header / menu, 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
Anti Spam, Custom code, Divi thema, Webdesign tips
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
Divi thema, Plugins, SEO, SSL, Webdesign tips
Lees hoe je zelf je in Wordpress site HTTPS kunt maken met of zonder een SSL certificaat.
Een child theme toevoegen in Divi
Custom code, Divi thema, Webdesign tips
In vijf stappen een childtheme toevoegen aan Wordpress – zo doe je dat >
Hoe kan ik Yoast SEO gebruiken samen met Divi?
Divi thema, Navigatie, Plugins, SEO, Webdesign tips
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.
Divi thema, Plugins, Webdesign tips
De beste tip om snel en veilig een backup te maken van de hele Wordpress website.
De juiste versie terugzetten van een pagina of blog in Divi
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 geldt 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...
Heb je geen tijd om er zelf mee aan de slag te gaan?
Mogelijk kan ik je helpen!
Stuur een berichtje naar opdekoffie@bijpieter.nl