De footer van je website is het gedeelte dat bezoekers als laatste zien, maar dat betekent niet dat je het gedeelte moet negeren. Sterker nog, een goed ingerichte footer helpt bezoekers verder op je site en geeft je website een afgewerkte uitstraling. In dit artikel leggen we je stap voor stap uit hoe je de footer aanpast in WordPress, welke methodes er zijn en waar je op moet letten.
Wat is een footer eigenlijk?
De footer is de balk onderaan je website die op elke pagina terugkomt. Hierin zet je meestal je bedrijfsnaam, adresgegevens, contactinformatie, links naar belangrijke pagina’s en een copyright regel. Sommige websites voegen ook social media iconen, een nieuwsbrief formulier of een korte introductietekst toe. Wat je precies in de footer plaatst, hangt af van je branche en je doelgroep.
Een goed ingerichte footer heeft ook SEO voordelen. Interne links in de footer helpen zoekmachines om je belangrijkste pagina’s beter te begrijpen en zorgen dat bezoekers eenvoudig doorklikken naar bijvoorbeeld je dienstenpagina of contactpagina. Let wel op dat je niet te veel links toevoegt. Een footer met tientallen linkjes oogt rommelig en kan zelfs een negatief effect hebben op je SEO.
Drie manieren om de footer aan te passen
Er zijn grofweg drie manieren om de footer in WordPress aan te passen. Welke methode voor jou werkt, hangt af van je thema en je technische kennis.
Footer aanpassen via widgets
De meeste WordPress thema’s ondersteunen widgets in de footer. Widgets zijn kleine bouwblokken waarmee je eenvoudig content toevoegt zonder programmeerkennis. Denk aan tekstblokken, contactgegevens, een navigatiemenu of social media iconen. SAM Design legt uit dat deze methode ideaal is voor beginners omdat je geen technische kennis nodig hebt.
Zo werkt het.
Ga naar Weergave en klik op Widgets. Zoek de widgetgebieden die bij de footer horen. Deze heten vaak Footer 1, Footer 2 en Footer 3, afhankelijk van hoeveel kolommen je thema ondersteunt, zoals ook te zien is in dit overzicht van widgetgebieden. Klik op de knop met een plusteken om een nieuwe widget toe te voegen of bewerk een bestaande widget. Sla je wijzigingen op en bekijk direct het resultaat op je website.
Deze methode is ideaal voor beginners omdat je geen technische kennis nodig hebt en je alles kunt terugdraaien als iets niet bevalt.
Footer aanpassen via de Customizer of thema opties
Veel thema’s bieden aanvullende instellingen voor de footer via de Customizer. Hier pas je bijvoorbeeld de tekstkleur, achtergrondkleur, lettertype of copyright regel aan zonder dat je in de code duikt.
Ga naar Weergave en open de Customizer. Zoek naar een sectie met de naam Footer of Voettekst. De precieze naam verschilt per thema. Pas hier je gewenste instellingen aan en klik op Publiceren om de wijzigingen live te zetten. Het fijne aan de Customizer is dat je direct een voorvertoning ziet, dus je weet meteen of je aanpassing werkt zoals je bedoelt.
Footer aanpassen via het Avada thema
Bij AlphaWeb bouwen we elke website met Avada, een van de populairste premium thema’s voor WordPress. Avada heeft een uitgebreide Theme Options paneel waarin je de footer volledig naar wens inricht, zonder een regel code te schrijven.
Ga in je dashboard naar Avada en klik op Theme Options. Open het tabblad Footer. Hier stel je onder andere het aantal kolommen in, de achtergrondkleur, de tekstkleur en of je een terug naar boven knop wilt tonen. Onder Footer Copyright pas je de copyright regel aan, inclusief het jaartal en je bedrijfsnaam. Wil je widgets toevoegen aan de footer kolommen? Dat doe je gewoon via Weergave en Widgets, net als bij andere thema’s.
Het voordeel van Avada is dat je veel visuele controle hebt zonder technische kennis nodig te hebben. Dit sluit aan bij onze aanpak, we bouwen namelijk elke WordPress website zo op dat je zelf eenvoudig aanpassingen doet zonder dat je daarvoor een ontwikkelaar hoeft in te schakelen.
Footer aanpassen via footer.php
Heeft je thema geen widgetgebieden of uitgebreide footer instellingen? Dan pas je de footer handmatig aan via het bestand footer.php. Let op, dit is een geavanceerde methode en vereist kennis van HTML en PHP.
Ga naar Weergave en open de Thema Editor. Selecteer het bestand footer.php. Voeg je eigen code toe of verwijder elementen die je niet meer wilt tonen. Werk altijd in een childtheme, zodat een thema update je aanpassingen niet overschrijft. Maak bovendien altijd een backup voordat je in de code werkt, zoals ook Bob de Webbouwer benadrukt in zijn WordPress handleiding. Een foutje in PHP kan er namelijk voor zorgen dat je website niet meer laadt.
Voor de meeste ondernemers raden we deze methode af, tenzij je zelf technische kennis hebt of iemand inschakelt die dit voor je doet.
Wat zet je het beste in je footer?
Nu je weet hoe je de footer aanpast, is de volgende vraag wat je er precies in zet. Een sterke footer bevat meestal deze onderdelen.
Contactgegevens zoals je telefoonnummer, e-mailadres en adres. Zo vinden bezoekers snel hoe ze je bereiken, ongeacht op welke pagina ze zich bevinden.
Links naar belangrijke pagina’s, bijvoorbeeld je diensten, portfolio of contactpagina. Je kunt hier ook verwijzen naar je gids over een goedkope website laten maken, zodat bezoekers meer lezen over je werkwijze.
Een copyright regel met het huidige jaartal en je bedrijfsnaam. Dit oogt professioneel en voorkomt verwarring over wie de eigenaar van de content is.
Social media iconen die doorlinken naar je Instagram, LinkedIn of Facebook pagina. Zo blijf je in contact met bezoekers, ook nadat ze je website verlaten. CursusWP raadt hierbij aan om de navigatiemenu widget te gebruiken voor vaste footer links zoals disclaimer en voorwaarden.
Juridische links naar bijvoorbeeld je privacyverklaring en algemene voorwaarden. Deze pagina’s horen standaard in de footer thuis, zodat ze op elke pagina bereikbaar zijn.
Footer compacter maken
Heeft je footer te veel inhoud en oogt het rommelig? Dan zijn er een paar manieren om de footer compacter te maken.
Verwijder overbodige tekst en houd alleen de essentiële informatie over. Minder tekst betekent automatisch een kortere footer.
Pas de padding en marges aan via extra CSS. Ga naar Weergave, Customizer en Extra CSS, en voeg hier je gewenste CSS regels toe om ruimtes te verkleinen.
Optimaliseer specifiek voor mobiel. Veel thema’s bieden aparte instellingen om de footer op mobiele apparaten compacter weer te geven, wat belangrijk is omdat het merendeel van je bezoekers waarschijnlijk via smartphone binnenkomt.
Veelgemaakte fouten in de footer
Bij het inrichten van de footer zien we regelmatig dezelfde fouten terugkomen.
Te veel links plaatsen. Een footer volgestopt met tientallen links oogt onoverzichtelijk en verwatert de waarde van je belangrijkste interne links.
Verouderde informatie laten staan. Een footer met een jaartal uit een oude versie van je website of een telefoonnummer dat niet meer klopt, schaadt het vertrouwen van bezoekers.
Geen aandacht besteden aan mobiele weergave. Test je footer altijd op een smartphone, want een footer die op desktop prima oogt, kan op mobiel te breed of onleesbaar worden.
Geen duidelijke call to action. De footer is een goede plek om bezoekers nogmaals aan te sporen om contact op te nemen of een offerte aan te vragen.
Zelf doen of laten uitzoeken
Voor de meeste ondernemers is het aanpassen van de footer via widgets of de Customizer prima zelf te doen. Werk je met Avada, dan geeft het Theme Options paneel je nog meer controle zonder dat je code hoeft aan te raken.
Loop je toch vast, of wil je liever dat een expert de footer voor je inricht? Bij AlphaWeb bouwen we elke website zo op dat je zelf eenvoudig aanpassingen doet, en we staan klaar als je toch hulp nodig hebt. We combineren onze websites bovendien altijd met snelle en betrouwbare hosting via Cloud86, zodat je footer aanpassingen ook meteen snel laden voor je bezoekers.
Meer lezen over wat WordPress voor jouw bedrijf kan betekenen? Bekijk dan onze uitleg over waarom WordPress de beste keuze is voor je website.
