Heb je je ooit afgevraagd waarom sommige websites er van boven tot onder zo professioneel en gelikt uitzien, terwijl bij andere de onderkant van de pagina een beetje een ondergeschoven kindje lijkt te zijn? De footer is vaak het laatste wat een bezoeker ziet, maar het is tegelijkertijd een van de belangrijkste plekken voor navigatie en conversie. In dit artikel ontdek je hoe je volledige controle krijgt over dit onderdeel van je website. We gaan diep in op de techniek achter het ontwerp, zodat je niet langer afhankelijk bent van de standaardinstellingen die je beperken in je creativiteit.

Wat is de divi theme builder precies?

Voordat we direct in de stappen duiken om de divi footer aanpassen mogelijk te maken, is het essentieel om te begrijpen wat de theme builder eigenlijk is. Voorheen was je in wordpress vaak gebonden aan de vaste structuren van een thema. Als je iets wilde veranderen aan de onderkant van je site, moest je werken met widgets of ingewikkelde code in php-bestanden. De komst van de theme builder binnen het divi ecosysteem heeft dit volledig veranderd.

De theme builder is een krachtige interface binnen wordpress waarmee je sjablonen kunt maken voor specifieke onderdelen van je website. Denk hierbij aan de header, de body van een pagina en natuurlijk de footer. Het grote voordeel is dat je de visuele builder van divi kunt gebruiken om deze onderdelen te ontwerpen. Dit betekent dat je met slepen en neerzetten (drag-and-drop) een ontwerp kunt maken dat op elke pagina van je website exact hetzelfde wordt weergegeven. Dit noemen we een globale footer.

Waarom zou je de divi footer aanpassen via de theme builder?

Er zijn verschillende redenen waarom een ervaren wordpress webdesign expert altijd zal kiezen voor de theme builder in plaats van de standaard wordpress widgets. Ten eerste biedt het een ongekende mate van visuele vrijheid. Je kunt kolommen indelen zoals jij dat wilt, achtergronden toevoegen, animaties gebruiken en elk klein detail van de typografie aanpassen.

Daarnaast is consistentie een cruciaal aspect van een goede gebruikerservaring. Door een globale footer te maken, zorg je ervoor dat wanneer je een wijziging doorvoert, deze direct op de hele website zichtbaar is. Dit bespaart enorm veel tijd en voorkomt fouten. Bovendien kun je met de theme builder ook specifieke footers maken voor verschillende onderdelen van je site. Misschien wil je op je webshop een andere footer tonen dan op je blogpagina’s? Met deze tool is dat een fluitje van een cent.

Als je al eerder hebt geleerd hoe je een divi theme builder header maken moet aanpakken, dan zal de werkwijze voor de footer je heel bekend voorkomen. Het principe is namelijk exact hetzelfde, maar dan voor de onderzijde van je pagina.

Stap voor stap je divi footer aanpassen

Laten we beginnen met het proces. Volg deze stappen nauwkeurig om je eigen unieke footer te creëren. Zorg dat je bent ingelogd in je wordpress dashboard voordat je begint.

• Navigeer naar de theme builder: ga in het linkermenu van wordpress naar ‘divi’ en klik vervolgens op ’theme builder’.
• Voeg een globale footer toe: je ziet hier een blok genaamd ‘standaard website sjabloon’. Klik op het vakje ‘voeg globale footer toe’ en kies voor ‘bouw globale footer’.
• Kies je startpunt: je krijgt nu de keuze om vanaf nul te beginnen, een bestaande lay-out te kiezen of een bestaande pagina te klonen. Voor de meeste controle raden we aan om ‘bouw vanaf nul’ te kiezen.
• Ontwerp je sectie: de footer begint meestal met een standaard sectie. Je kunt hier een achtergrondkleur of zelfs een afbeelding aan toevoegen die past bij de huisstijl van je bedrijf.
• Rijen en kolommen toevoegen: bepaal hoeveel kolommen je nodig hebt. Een veelgebruikte indeling is drie of vier kolommen voor informatie zoals contactgegevens, een menu, sociale media iconen en een inschrijfformulier voor de nieuwsbrief.

Zodra je de basisstructuur hebt staan, kun je modules gaan toevoegen. Denk aan de tekstmodule voor je bedrijfsomschrijving of de kaartmodule voor je locatie. Vergeet niet om regelmatig op de groene knop ‘opslaan’ te klikken rechtsonder in de builder.

Belangrijke elementen voor een effectieve footer

Een goede footer is meer dan alleen een verzameling links. Het is een strategisch onderdeel van je wordpress webdesign. Hier zijn enkele elementen die je zeker moet overwegen bij het divi footer aanpassen:

Contactinformatie: maak het je bezoekers makkelijk om contact met je op te nemen. Vermeld je adres, telefoonnummer en e-mailadres. Je kunt hier ook een kleine kaart toevoegen voor extra duidelijkheid. Als je formulieren gebruikt, kijk dan ook eens naar divi contact formulier styling tips om deze naadloos in je footer te integreren.

Navigatiemenu: soms scrollen mensen helemaal naar beneden en zoeken ze een snelle manier om naar een andere pagina te gaan. Een verkort menu met de belangrijkste links is hier erg nuttig. Dit verbetert de interne linkstructuur van je website, wat weer goed is voor de vindbaarheid in zoekmachines.

Sociale media: de footer is de ideale plek om iconen naar je sociale kanalen te plaatsen. Divi heeft hiervoor een speciale module genaamd ‘sociale media volgen’, die je volledig kunt stylen naar je eigen smaak.

Juridische informatie: vergeet niet om links naar je algemene voorwaarden, privacyverklaring en eventuele copyrightinformatie op te nemen. Dit wekt vertrouwen bij je bezoekers en is vaak wettelijk verplicht.

Geavanceerde instellingen: dynamische content

Een van de krachtigste functies bij het divi footer aanpassen is het gebruik van dynamische content. Dit klinkt misschien technisch, maar het is eigenlijk heel simpel. Dynamische content zorgt ervoor dat informatie automatisch wordt opgehaald uit je wordpress instellingen.

Stel je voor dat je de copyrighttekst in je footer zet. In plaats van elk jaar handmatig het jaartal aan te passen, kun je een tekstmodule gebruiken en op het icoontje voor dynamische content klikken. Kies hier voor ‘huidige datum’ en stel het formaat zo in dat alleen het jaartal getoond wordt. Nu zal je footer elk jaar op 1 januari automatisch up-to-date zijn zonder dat jij er iets voor hoeft te doen. Dit is een typisch voorbeeld van hoe een expert gebruik maakt van de slimme functies binnen divi.

Mobiele optimalisatie van de footer

Tegenwoordig bekijkt meer dan de helft van de bezoekers je website op een mobiele telefoon. Daarom is het essentieel dat je footer er op kleine schermen ook goed uitziet. Bij het divi footer aanpassen in de theme builder kun je eenvoudig schakelen tussen desktop-, tablet- en mobiele weergave.

Vaak zie je dat een footer met vier kolommen op een mobiel apparaat erg lang wordt omdat alle kolommen onder elkaar komen te staan. Je kunt ervoor kiezen om bepaalde elementen te verbergen op mobiel, of de tekst centreren zodat het er rustiger uitziet. Let ook op de klikbaarheid van links; zorg dat er genoeg ruimte tussen de verschillende links zit zodat mensen niet per ongeluk op de verkeerde knop drukken met hun duim.

Conclusie en volgende stappen

Het beheersen van de theme builder is een essentiële vaardigheid voor iedereen die serieus bezig is met zijn website. Door de divi footer aanpassen methode te gebruiken die we hier hebben besproken, til je de uitstraling van je bedrijf naar een hoger niveau. Je creëert niet alleen een mooi ontwerp, maar ook een functioneel onderdeel dat bijdraagt aan de doelen van je website.

Onthoud dat een footer nooit ‘af’ is. Analyseer regelmatig of bezoekers de links in je footer gebruiken en pas het ontwerp aan op basis van hun gedrag. Heb je hulp nodig bij het realiseren van een complex ontwerp of wil je dat een expert meekijkt naar jouw volledige wordpress webdesign? Dan staan er altijd specialisten klaar om je te ondersteunen bij het optimaliseren van je online aanwezigheid. Begin vandaag nog met het experimenteren in de theme builder en ontdek de eindeloze mogelijkheden die divi te bieden heeft voor jouw onderneming.