Je hebt veel tijd en energie gestoken in het bouwen van een prachtige website met het populaire wordpress thema divi, maar er ontbreekt nog een essentieel onderdeel aan de onderkant van je pagina. Bezoekers van je website verwachten tegenwoordig dat ze met één simpele klik naar je facebook, instagram of linkedin profiel kunnen navigeren. Het toevoegen van deze kleine maar krachtige symbolen lijkt misschien een technische uitdaging, maar met de juiste stappen is het voor iedereen haalbaar. In dit artikel ontdek je de verschillende methodes om divi sociale media iconen in de footer te plaatsen, zodat je online bereik en de interactie met je doelgroep direct verbeteren.
Waarom sociale media iconen in de footer onmisbaar zijn
Daarnaast dragen deze iconen bij aan de gebruikerservaring. In plaats van dat een bezoeker handmatig naar je bedrijfsnaam moet zoeken op verschillende platforms, bied je een directe route aan. Dit verhoogt niet alleen de kans op nieuwe volgers, maar het versterkt ook de band met je bestaande klanten. In deze gids leggen we uit hoe je dit proces volledig onder controle krijgt, zelfs als je geen ervaring hebt met programmeren of complexe technische instellingen.
De basisinstellingen van divi gebruiken voor sociale iconen
De meest eenvoudige manier om te beginnen met het toevoegen van iconen is via de standaardinstellingen van het thema. Divi heeft een ingebouwd systeem waarmee je de meest gebruikte platforms kunt activeren zonder dat je een extra plugin hoeft te installeren. Dit bespaart ruimte op je server en houdt je website snel.
Om deze iconen te activeren, navigeer je in je wordpress dashboard naar het menu van divi en kies je voor de optie thema opties. Hier zie je direct een lijst met verschillende sociale media kanalen zoals facebook, twitter en instagram. Je kunt hier simpelweg de schakelaar op ‘inschakelen’ zetten voor de kanalen die je wilt tonen. Vergeet niet om in de velden daaronder de volledige url naar je profiel in te vullen. Als je dit niet doet, zullen de iconen wel verschijnen maar leiden ze nergens naartoe, wat verwarrend is voor je bezoekers.
Deze methode is ideaal voor beginners omdat het weinig configuratie vereist. De iconen verschijnen automatisch in de standaard footer van divi. Echter, als je meer controle wilt over de vormgeving, de kleur of de exacte positie, dan is de volgende methode via de theme builder meer geschikt voor jouw wensen.
Divi sociale media iconen toevoegen via de theme builder
Voor wie een echt unieke uitstraling wil, is de divi theme builder de krachtigste tool die er is. Hiermee kun je een aangepaste footer ontwerpen die precies past bij de huisstijl van je bedrijf. Als je nog nooit met deze tool hebt gewerkt, kan het handig zijn om eerst te lezen over de divi footer aanpassen in de theme builder voor een goede basis.
Volg deze stappen om de iconen toe te voegen in de theme builder:
- open de theme builder: ga naar divi > theme builder in je wordpress dashboard.
- bewerk de globale footer: klik op de knop om de globale footer te bewerken of maak een nieuwe aan als je die nog niet hebt.
- voeg een module toe: klik op het grijze plus-icoon om een nieuwe module toe te voegen en zoek naar de module genaamd ‘sociale media volgen’.
- voeg kanalen toe: binnen de module kun je op het plus-icoon klikken om individuele sociale netwerken toe te voegen, zoals linkedin, pinterest of youtube.
- pas de links aan: klik op het tandwiel bij elk netwerk om de specifieke link naar je profiel in te voeren.
Het grote voordeel van deze methode is dat je elk icoon afzonderlijk kunt stylen. Je kunt de achtergrondkleur van de icoontjes aanpassen aan je merkkleuren of ze een ronde of vierkante vorm geven. Dit geeft een veel professionelere indruk dan de standaardinstellingen.
Geavanceerde styling en vormgeving van je iconen
Nu de iconen op hun plek staan, wil je natuurlijk dat ze er fantastisch uitzien. In de divi sociale media volgen module heb je talloze opties onder het tabblad ‘ontwerp’. Hier kun je de grootte van de iconen aanpassen. Voor een footer raden we meestal een subtiele grootte aan, zodat ze niet alle aandacht opeisen maar wel goed zichtbaar zijn.
Een andere belangrijke instelling is de tussenruimte. Je wilt niet dat de iconen te dicht op elkaar staan, omdat dit op mobiele apparaten lastig aan te klikken kan zijn. Gebruik de instellingen voor ‘marge’ en ‘vulling’ (ook wel padding genoemd) om voldoende witruimte rondom elk icoon te creëren. Dit zorgt voor een rustig en overzichtelijk beeld.
Vergeet ook niet de interactie. Je kunt zogenaamde hover-effecten instellen. Dit betekent dat het icoontje bijvoorbeeld van kleur verandert of een beetje groter wordt wanneer een bezoeker er met de muis overheen gaat. Dit geeft een modern en interactief gevoel aan je website. Mocht je tijdens het ontwerpen tegen problemen aanlopen waarbij de visuele weergave niet goed laadt, bekijk dan onze tips voor het divi visual builder wit scherm oplossen.
Het belang van mobiele optimalisatie voor sociale iconen
Steeds meer mensen bezoeken websites via hun smartphone. Het is daarom cruciaal dat je divi sociale media iconen in de footer ook op kleine schermen goed worden weergegeven. In de divi builder kun je per apparaat instellen hoe de iconen getoond moeten worden. Soms is het mooier om de iconen op een mobiel apparaat te centreren, terwijl ze op een desktop computer aan de rechterkant staan.
Let er ook op dat de iconen groot genoeg blijven om met een duim aan te raken. Een veelgemaakte fout is dat iconen op mobiel zo klein worden dat ze onbruikbaar zijn. Test dit altijd zelf op je eigen telefoon nadat je de wijzigingen hebt opgeslagen. Een goed werkende footer draagt bij aan de algehele betrouwbaarheid van je site.
Veelgestelde vragen over divi sociale media iconen
Hoe voeg ik een sociaal netwerk toe dat niet in de standaardlijst van divi staat?
Als een specifiek netwerk zoals tiktok of een lokale branchevereniging niet in de lijst staat, kun je een nieuw item toevoegen en een eigen icoon uploaden of een vergelijkbaar icoon kiezen en de achtergrondkleur aanpassen. Je kunt ook gebruikmaken van afbeeldingen met een link als alternatief.
Kan ik de kleur van alle iconen in één keer veranderen?
Ja, in de instellingen van de ‘sociale media volgen’ module kun je onder het tabblad ontwerp globale instellingen vinden voor de iconen. Hierdoor hoef je niet elk icoontje apart aan te passen, wat veel tijd bespaart bij het doorvoeren van je huisstijl.
Waarom verschijnen mijn iconen niet nadat ik ze heb ingeschakeld?
Dit kan gebeuren als je een aangepaste footer gebruikt via de theme builder. De standaardinstellingen van de thema opties werken namelijk alleen voor de standaard footer van divi. Controleer ook of je de juiste urls hebt ingevuld bij de instellingen.
Is het mogelijk om de iconen in een cirkel te plaatsen?
Absoluut. Je kunt dit doen door de ‘border radius’ (randstraal) van de iconen op 50% in te stellen in het tabblad ontwerp. Dit geeft de iconen een perfect ronde vorm, wat momenteel een erg populaire trend is in webdesign.
Tips voor een betere conversie met je footer iconen
Het simpelweg plaatsen van iconen is stap één, maar je wilt natuurlijk dat mensen er ook daadwerkelijk op klikken. Een goede tip is om een kleine tekst boven de iconen te plaatsen, zoals “volg ons op sociale media” of “blijf op de hoogte”. Dit nodigt bezoekers uit om actie te ondernemen. In divi kun je dit eenvoudig doen door een tekstmodule boven je sociale media module te plaatsen.
Daarnaast is het slim om alleen de kanalen te tonen waar je ook echt actief op bent. Niets is teleurstellender voor een bezoeker dan klikken op een twitter-icoon en ontdekken dat de laatste post uit 2018 komt. Focus op kwaliteit boven kwantiteit. Als je alleen actief bent op linkedin en instagram, toon dan ook alleen die twee iconen. Dit houdt je footer overzichtelijk en relevant.
Als je ook bezig bent met de bovenkant van je website, vergeet dan niet dat consistentie belangrijk is. Je kunt bijvoorbeeld dezelfde stijl iconen gebruiken in je header. Voor hulp bij het instellen van je navigatie kun je kijken naar onze gids over een divi theme builder header maken voor beginners.
Technische termen eenvoudig uitgelegd
Tijdens het werken met divi kom je soms termen tegen die ingewikkeld kunnen klinken. Hieronder leggen we er een paar uit die relevant zijn voor het toevoegen van je sociale media iconen:
- module: dit is een bouwblok binnen divi. Je hebt modules voor tekst, afbeeldingen, knoppen en dus ook voor sociale media iconen.
- hex-code: dit is een unieke code van zes tekens (bijvoorbeeld #ffffff voor wit) die een specifieke kleur aanduidt. Je gebruikt deze codes om je iconen precies de juiste merkkleur te geven.
- visual builder: dit is de interface waarmee je de website aan de voorkant bewerkt. Je ziet direct wat je doet, alsof je in een tekstverwerker werkt.
- url: dit is het webadres van je sociale media profiel, bijvoorbeeld https://www.facebook.com/jouwbedrijf.
Door deze termen te begrijpen, wordt het werken met wordpress en divi een stuk eenvoudiger en leuker. Je hebt nu alle kennis in huis om je footer te transformeren tot een interactief onderdeel van je website.
Conclusie: een professionele footer met divi
Het toevoegen van divi sociale media iconen aan de footer is een kleine aanpassing met een groot resultaat. Of je nu kiest voor de snelle methode via de thema opties of de uitgebreide mogelijkheden van de theme builder, je zorgt voor een betere verbinding met je bezoekers. Door aandacht te besteden aan styling, mobiele weergave en de juiste links, til je de uitstraling van je website naar een hoger niveau.
Onthoud dat een website nooit echt ‘af’ is. Blijf experimenteren met de vormgeving en kijk wat het beste werkt voor jouw doelgroep. Met de flexibiliteit van divi en de kracht van wordpress zijn de mogelijkheden eindeloos. Veel succes met het optimaliseren van je footer en het vergroten van je online community!
0 reacties