Omdat WordPress footers zo handig en veelzijdig zijn, is het slim om op een gegeven moment wat meer te leren over de footer, hoe deze werkt, de mogelijkheden om ze te bewerken en hoe je vooraf ingestelde footercontent kan verwijderen die niet relevant is voor jouw branding. Daarom willen we je in dit artikel laten zien hoe je een footer in WordPress kunt bewerken, samen met een volledige uitleg van de voordelen van een footer en wat je er allemaal in kan stoppen.

Footers van websites bevatten vaak alle informatie die niet in of bij het hoofdmenu van een website passen. En bedenk het zo gek nog niet of je kan het vinden in een footer, van links naar ondersteunende documenten en socialmediapagina’s.

Tijd om aan de slag te gaan!

Bekijk onze videogids voor het bewerken van de WordPress footer

Wat is een WordPress footer?

Een footer is niet iets dat je alleen in WordPress vindt. De meeste websitebouwers en contentmanagementsystemen bieden de mogelijkheid om een footer op te nemen. WordPress biedt echter zijn unieke footer functionaliteit, samen met een vooraf ingesteld footer ontwerp dat over het algemeen wordt geleverd met het thema dat je installeert.

Een WordPress footer bevindt zich aan de basis van je website. Het is een statisch contentgebied dat helemaal onderaan wordt weergegeven, ongeacht op welke pagina een gebruiker terechtkomt. Hoewel bezoekers ze niet zo vaak bezoeken als de header, is de footer nog steeds uiterst belangrijk om gebruikers bijvoorbeeld socialmediaknoppen, links naar klantensupport en contactgegevens te bieden.

 Een voorbeeld van een footermenu van een restaurant.
Een voorbeeld van een footermenu van een restaurant.

Over het algemeen kun je, als je een website op WordPress maakt, verwachten dat er standaard een footer in je ontwerp wordt geplaatst. WordPress heeft een kernbestand ingebouwd in het systeem dat speciaal is bedoeld om de footer (footer.php) te beheren.

Footers komen in alle soorten en maten, en je kunt ze bewerken met verschillende kleuren, lettertypen en achtergronden. Je kunt ook contentelementen in de footer invoegen, zoals lijsten met blogposts, beveiligingsbadges en zelfs formulieren en afbeeldingen.

Websitefooters: uiterst nuttig, maar het bewerken kan al snel voor verwarring zorgen. 🥴 Lees hier hoe je aan de slag gaat ⬇️Klik om te tweeten

De footer is eigenlijk de afsluiting van je hele website. Het toont essentiële links en informatie voor diegenen die geïnteresseerd zijn in en diep in je content zijn gegraven. De footer voltooit daarnaast het algehele ontwerp van je site, net zoals de laatste dia in een diavoorstelling of de conclusie van een toespraak.

 Een footer met contactgegevens en copyrightinformatie
Een footer met contactgegevens en copyrightinformatie

Redenen om een WordPress footer te hebben (en te bewerken)

Het is verleidelijk om je footer te vergeten of deze helemaal als laatste te doen bij het ontwerpen van je site. Veel mensen willen zelfs hun footers verwijderen, omdat ze er niet veel waarde in zien. Dit is geen goed idee. De footer heeft zeker wel waarde, zelfs als deze niet zoveel wordt bekeken of aangeklikt als je hoofdmenu of primaire contentgebieden.

Om je een idee te geven van wat een footer waardevol maakt, volgt hier een lijst met alle redenen om er een te hebben en om te leren hoe je een footer in WordPress kunt aanpassen aan je merk.

  • De WordPress footer biedt een statische module die op elke pagina van je website wordt getoond, waardoor deze beter zichtbaar is dan een standaard pagina die verdwijnt wanneer iemand wegklikt.
  • Het maakt het ontwerp van de website compleet, zowel visueel als in je WordPress bestanden. Het vertelt WordPress waar de code moet eindigen en geeft gebruikers aan wanneer de content eindigt. En het zorgt uiteraard voor een strakkere interface.
  • Veel internetgebruikers verwachten specifieke links en content in de footer, dus gaan ze rechtstreeks naar de footer om ze te vinden. Denk aan links naar klantenservice en socialmediaknoppen.
  • De footer biedt conversie- en engagementmogelijkheden, zoals een call-to-action aan het einde van een blogpost. Je kunt formulieren, links naar andere content of zelfs een bedrijfsslogan toevoegen.
  • Het is een plek om belangrijke links op te nemen die misschien niet in het hoofdmenu passen.

Nu we de voordelen van het gebruik van een footer weten, is het tijd voor de hamvraag: wat plaats je nu zoal in een footer? Elk thema is weer anders, maar het is gebruikelijk om een bericht als “Powered by WordPress” in de footer te zien na het installeren van een nieuw thema.

Het "Powered By WordPress" bericht.
Het “Powered By WordPress” bericht.

In andere gevallen zie je dat themaontwikkelaars hun eigen vooraf gemaakte ontwerpen of berichten toevoegen, met een bericht dat zij verantwoordelijk zijn voor je thema.

A simple default footer provided in a free theme.
A simple default footer in a free theme.

Dat op zichzelf is niet slecht, maar het doel is om je WordPress footer aan te passen om naar je waardevolle pagina’s te linken, content met betrekking tot je merk op te nemen en de standaardcontent zoals berichten van themaontwikkelaars of WordPress te wissen. Het is daarnaast verstandig om de stijl aan te passen aan je branding met aangepaste lettertypen en kleuren.

Wat zijn dan enkele elementen die je in je WordPress footer kan plaatsen?

  • Formulieren waarmee gebruikers zich te abonneren op je nieuwsbriefberichten of blogupdates
  • Links naar klantenservice-bronnen, zoals FAQs, kennisbankartikelen en forums
  • Pictogramlinks om digitale producten zoals apps en podcasts te downloaden
  • Een lijst met aankomende evenementen
  • Een lijst met recente blogpostartikelen
  • Links naar loyaliteits- en affiliateprogramma’s
  • Links naar informatieve pagina’s, zoals een Over ons of Carrièrepagina
  • Badges en pictogrammen om je reputatie, eerdere onderscheidingen of sitebeveiliging te promoten
  • Socialmediapictogrammen die naar de pagina’s linken
  • Een volledige sitemap voor eenvoudigere navigatie door je hele website
  • Juridische verklaringen zoals auteursrechtclaims, privacybeleid en algemene voorwaarden
  • Contactgegevens zoals je adres, locaties, telefoonnummer en openingstijden, of een contactformulier
  • Een zoekvak voor verbeterde navigatie
  • Alle andere extra pagina’s die niet in je hoofdmenu passen maar toch een plaats op je site nodig hebben
 Footer met een formulier voor een mailinglijst, sociale knoppen en copyrightinformatie
Footer met een formulier voor een mailinglijst, sociale knoppen en copyrightinformatie

Zo bewerk je een footer in WordPress (zelfgehoste versie)

Er zijn een handvol tactieken om de footer van een WordPress.org (zelfgehoste) website te bewerken. In de volgende secties zullen we het hebben over het bewerken van een footer in WordPress met behulp van de Theme Customizer, widgets, plugins en code. Als bonus bespreken we het beheer van de WordPress footer met een visuele paginabouwer zoals Elementor.

WordPress footer bewerken met Theme Customizer

De snelste en meest efficiënte manier om een WordPress footer te bewerken, is door de ingebouwde WordPress Theme Customizer te gebruiken. De precieze instellingen die je in de Theme Customizer kan bewerken hangt af van het door jou gekozen thema, maar de Customizer zelf bevindt zich altijd op de exacte locatie op het WordPress dashboard.

Om het proces te starten, ga je naar het dashboard en klik je op Appearance en vervolgens op  Themes.

De Themes knop in WordPress.
De Themes knop in WordPress.

Klik vervolgens op de Customize knop onder het momenteel actieve thema.

Voel je vrij om wat van thema’s te wisselen om te zien hoe de footers veranderen bij elk thema.

Pas je actieve thema aan.
Pas je actieve thema aan.

Als iets sneller alternatief kun je ook klikken op Appearance > Customize, waarmee je direct naar de WordPress Theme Customizer van het actieve thema gaat.

Klik op de Customize knop.
Klik op de Customize knop.

De WordPress Theme Customizer presenteert een afbeelding van je website aan de rechterkant en verschillende menu-items aan de linkerkant die leiden naar instellingen en aanpassingstools. Nogmaals, elk thema heeft verschillende aanpassingsopties, dus jouw pagina kan er een beetje anders uitzien dan wat er in onze screenshots staat.

 De Theme Customizer met footer in beeld.
De Theme Customizer met footer in beeld.

Een geweldige plek om te beginnen met het aanpassen van je footer is bij de kleuren.

Ons huidige thema heeft een Colors knop, waardoor het gemakkelijk is om te bepalen waar we heen moeten.

Selecteer de Colors knop als die beschikbaar is in je thema.

 Het Colors tabblad.
Het Colors tabblad.

Kies de Select Color knop onder het Header and Footer Background Color veld.

Gebruik de kleurenkiezer om alle soorten kleuren te testen en te zien welke passen bij je merk of er goed uitzien aan het einde van je pagina.

Bij dit specifieke thema passen eventuele kleuraanpassingen ook de lettertypekleuren aan, waardoor ze er duidelijk uitzien, ongeacht de achtergrondkleur.

 Selecteer een achtergrondkleur voor header en footer.
Selecteer een achtergrondkleur voor header en footer.

Zoals je kunt zien, verandert een donkerdere WordPress footerkleur automatisch de lettertypekleuren voor links, headers en alineatekst, zodat je dat niet alleen hoeft te doen.

De tekst verandert van kleur wanneer je de achtergrondkleur in dit thema wijzigt.
De tekst verandert van kleur wanneer je de achtergrondkleur in dit thema wijzigt.

Laten we nu een ander thema proberen. In dit geval hebben we het Twenty Twenty thema verwisseld voor het Storefront thema.

En ja hoor, de WordPress Customizer voor het Storefront thema geeft knoppen weer die niet worden weergegeven in het Twenty Twenty thema.

Daarom bepaalt je thema hoeveel controle je hebt over de footer in de WordPress Customizer. Sommige thema’s zijn in dit opzicht beter dan andere.

Voor het Storefront thema hebben we een Footer tabblad. Klik daarop om te zien wat er beschikbaar is voor het aanpassen van de footer.

 Het footer tabblad in het Storefront thema
Het footer tabblad in het Storefront thema

In tegenstelling tot het vorige thema, verandert Storefront niet automatisch tekst- en linkkleuren wanneer je de achtergrondkleuren aanpast. Je kunt echter al deze kleuren afzonderlijk beheren, met velden voor de  Background ColorHeading ColorText Color, en Link Color.

 Footer kleurinstellingen.
Footer kleurinstellingen.

Footer kleurinstellingen.

Na het kiezen van kleuren kunnen we de resultaten zien in onze WordPress footer preview. Hierna moet je op de Publish knop klikken om de nieuwe footerkleuren aan de frontend te zien.

 Een nieuwe achtergrond- en tekstkleur in de WordPress footer.
Een nieuwe achtergrond- en tekstkleur in de WordPress footer.

Maar hoe zit het met de links en tekstelementen die standaard in de footer worden weergegeven?

Nogmaals, de primaire methode om de footercontent aan te passen, is in de WordPress Customizer. In de komende secties leggen we uit hoe je op twee manieren tekst kunt toevoegen en verwijderen, en content kunt koppelen aan de footer: als menu-items en als widgets.

Widgets toevoegen aan je WordPress footer

Een manier om de footercontent te bewerken, is door widgets toe te voegen. WordPress widgets hebben veel functies, samen met verschillende locaties waar ze naartoe kunnen gaan, inclusief de zijbalk en footer, op voorwaarde dat je thema dat ondersteunt.

Zoek terug in de WordPress Customizer naar het Widgets tabblad.

 Het Widgets tabblad.
Het Widgets tabblad.

Bekijk de lijst met gebieden waar je widgets op je website kan plaatsen. Mogelijk zie je nu wat gebiedsopties, zoals de zijbalk, het bovenste menu en het onderste menu. Hopelijk bevat je thema ook de footer als een gebied om widgets te plaatsen. Als dat niet het geval is, zijn er andere manieren om je footer te bewerken, maar als je liever met widgets werkt, kun je overwegen over te schakelen naar een ander thema dat widgets in de footer mogelijk maakt.

Dit thema biedt vier widgetlocaties in de footer, gerangschikt in vier kolommen die naast elkaar zijn gestapeld om een prachtig deling te maken waarbij zoveel mogelijk content in de footer past.

 Kies een footerkolom.
Kies een footerkolom.

Klik op een van de locaties van de footer widgetsom een gebied weer te geven en klik op Add A Widget. Nu krijg je een uitschuifweergave te zien van alle beschikbare widgets van WordPress en het thema. Nogmaals, jij ziet mogelijk een geheel andere set widgets, aangezien sommige thema’s hun eigen widgets bevatten, of je hebt mogelijk een extensie of plugin geïnstalleerd om meer widgets aan je dashboard toe te voegen.

Widgets variëren van archieven tot audio en aangepaste HTML tot productfilters.

Het enige dat je hoeft te doen, is de widgets selecteren die je aan dit specifieke widgetgebied wilt toevoegen. Ze verschijnen aan de linkerkant zodat je hun individuele instellingen kunt reorganiseren en configureren.

 Scroll door de lijst met widgets.
Scroll door de lijst met widgets.

Na wat geklik, hebben we nu verschillende widgets in drie van de footerkolommodules geplaatst, waaronder een hoofdmenu, een lijst met recente berichten en een paar producten uit onze winkel. Je zult ook merken dat we een zoekbalk hebben toegevoegd om de navigatie voor onze gebruikers wat gemakkelijker te maken.

Een belangrijk gebied om op te merken is het gedeelte met widgetinstellingen. Elke widget heeft zijn eigen instellingen aan de linkerkant, dus zorg ervoor dat je door die velden loopt en ze er precies zo uit laten zien als je wilt.

 Een voltooide WordPress footer met verschillende widgets.
Een voltooide WordPress footer met verschillende widgets.

Zoals je misschien zult leren tijdens het bladeren door de themainstellingen, hebben niet alle thema’s manieren om menu’s rechtstreeks aan het footergebied toe te voegen met behulp van de standaard Add Menu instelling. Ons thema hier heeft bijvoorbeeld plekken om menu’s te activeren als primaire, secundaire, draagbare en mobiele menu’s, maar niets voor footers.

We zullen menu’s in de volgende sectie behandelen, maar we wilden wel alvast een snelle oplossing uitleggen om een menu met een widget toe te voegen, voor het geval je thema menu’s niet op de gebruikelijke manier ondersteunt.

 Sommige thema's hebben geen plekken om menu's in footers te plaatsen.
Sommige thema’s hebben geen plekken om menu’s in footers te plaatsen.

In wezen hoef je alleen maar naar een van je widgetfootermodules te gaan en naar de navigatiemenu-widget te zoeken. Hier kun je op een dropdown veld klikken om alle gemaakte menu’s op je website te bekijken. Voel je vrij om een menu specifiek voor je footer te genereren (in de Menus sectie van het dashboard) en deze toe te voegen als een widget in deze sectie.

Kies als alternatief voor het hoofdmenu of welke menu’s je ook hebt gemaakt. Ze zouden allemaal moeten verschijnen in het dropdownmenu van de menuwidget.

Nu verschijnt het menu van je keuze in de footer, zolang je de navigatiemenuwidget in het rechterfootergedeelte hebt toegevoegd en op de Publish knop hebt geklikt. Je kunt zelfs een titel voor dat menu typen als je wilt uitleggen wat voor soort links je hebt geplaatst.

 Een navigatiemenuwidget.
Een navigatiemenuwidget.

Aangepaste tekst, afbeeldingen en code invoegen als footerwidgets

Veel WordPress widgets bieden vooraf geconfigureerde lijsten met content, zoals de Recent Posts widget of de zoekbalk.

Soms wil je echter de WordPress footer bewerken om volledig aangepaste content op te nemen, zoals eenvoudige tekst, afbeeldingen of een stukje code, om iets geheel nieuws te creëren.

WordPress biedt voor elk van deze toepassingen een widget.

Het enige dat je hoeft te doen, is naar de Theme Customizer > Widgets. te gaan. Kies vervolgens het widgetgebied dat aangeeft waar je de widgets wilt hebben in de footer.

Klik op de Add A Widget knop en zoek naar “image”.

Voeg de afbeeldingswidget toe en pas de titel aan. Klik op Add Image en overweeg om ook een link naar de afbeelding op te nemen. Je kunt de afbeeldingsgrootte bewerken door op Edit Image te klikken.

 De afbeeldingswidget.
De afbeeldingswidget.

Zoek vervolgens naar “text” in de widgetbibliotheek.

Voeg de tekstwidget toe aan je footer en typ alles wat je maar wilt. Ook deze widget bevat een titelveld en een visuele editor, een die je ook krijgt bij het maken van een blogpost of pagina in WordPress. We hebben geprobeerd afbeeldingen in te voegen via de Text widget (aangezien dit technisch mogelijk is), maar veel thema’s laten dit niet toe.

De Text widget.
De Text widget.

Ten slotte zul je merken dat het gebruik van een aangepaste HTML widget de beste manier van handelen is, vooral als je volledige controle wilt over het ontwerp van de footer of als je een uniek ontwerp wilt opnemen voor zoiets als een aanmeldingsformulier voor e-mail.

Zoek daarvoor naar “HTML” in de widgetbibliotheek en kies de Custom HTML widget.

 De Custom HTML widget.
De Custom HTML widget.

Plak of typ je custom HTML en houd het voorbeeld aan de rechterkant in de gaten om ervoor te zorgen dat het eruitziet zoals het hoort. Mogelijk moet je ook wat CSS styling toevoegen om het eruit te laten zien zoals jij dat wilt.

 Plak HTML code in de widget.
Plak HTML code in de widget.

Zoals altijd, vergeet niet om aan het einde op de Publish knop te klikken.

Menu’s toevoegen aan de WordPress footer

Menu’s maak je in WordPress door naar Appearance > Menus. te gaan. Nadat je een menu hebt gemaakt, kan je deze toevoegen, in ieder geval de locaties die worden ondersteund door het door jou gekozen thema.

Het is ook mogelijk om je menu binnen de WordPress Customizer te maken, dus het hangt er gewoon van af waar je je het prettigst voelt bij het toevoegen van nieuwe pagina’s en links aan je menu’s.

Bekijk onze videogids voor het toevoegen van menu’s aan de WordPress footer

Ter herinnering: niet alle WordPress thema’s staan menu’s in de footer toe. Sommige hebben zelfs maar een of twee menulocaties, dus je moet controleren of je thema menu’s ondersteunt. Als dit niet het geval is, raadpleeg dan de vorige sectie voor een tijdelijke oplossing waarbij een widget wordt gebruikt om een menu in de footer op te nemen.

Als je een thema gebruikt dat menu’s in de footer mogelijk maakt, ga je naar de WordPress Customizer en klik je op het Menus tabblad.

 Het “Menus” tabblad
Het “Menus” tabblad

Je zult hoogstwaarschijnlijk een lege menupagina zien met verschillende knoppen. Met een van de knoppen kun je selecteren welke menu’s moeten worden weergegeven en waar ze moeten worden weergegeven. Het View All Locations tabblad vertelt je welke gebieden in je thema menu’s ondersteunen.

Ten slotte werkt de Create New Menu  knop ongeveer hetzelfde als het standaard venster voor het maken van menu’s in het dashboard, behalve dat je de Customizer niet hoeft te verlaten.

Klik op de Create New Menu knop. Als je al een menu klaar hebt staan, kun je dit toevoegen aan de footer door naar View All Locations te gaan.

 “Create New Menu” knop
“Create New Menu” knop

Geef je menu een naam (in dit geval gebruiken we de voor de hand liggende naam van de footer) en vink het vakje aan met de naam  Footer Menu. Dit vertelt WordPress dat je wilt dat het footer menu dat je maakt, wordt weergegeven op de locatie van de footer. Het zijn twee losse dingen dingen; de ene is het eigenlijke menu en de andere is de regio van je website waar het menu naartoe gaat. Je bent meer dan welkom om de naam van je footermenu te wijzigen als je dit verwarrend vindt.

Klik op de Next knop onderaan het venster om door te gaan.

 Voeg het footermenu toe.
Voeg het footermenu toe.

Nu heb je een menu met de naam Footer, maar er ontbreken knoppen of links om er een echt functioneel menu van te maken.

Klik op de Add Items knop om links en knoppen naar pagina’s in je menu te plaatsen.

 De Add Items knop.
De Add Items knop.

Er verschijnt een nieuw uitschuifvenster met alle opties om aan je menu toe te voegen. Je kunt bijvoorbeeld aangepaste links opnemen naar interne of externe pagina’s, berichten van je blog, pagina’s van je eigen site (reeds gemaakte pagina’s), producten, tags en categorieën, samen met alle andere soorten contentpagina’s die je hebt.

 Voeg pagina's en andere elementen toe aan het menu.
Voeg pagina’s en andere elementen toe aan het menu.

Elk menu item dat je kiest, wordt geplaatst en weergegeven in het menuvenster, waar je ze kunt reorganiseren en op elk item kunt klikken om de individuele instellingen te bewerken. Voor dit voorbeeld hebben we vijf links naar pagina’s op onze website toegevoegd, waaronder de blog, een livestreampagina en een pagina Over het bedrijf.

Raadpleeg onze lijst aan het begin van dit artikel voor ideeën over wat je in je footer kunt opnemen.

 Een voorbeeld van een menu in de footer.
Een voorbeeld van een menu in de footer.

Footer bewerken in WordPress met plugins

WordPress beschikt al over ingebouwde tools om je footer aan te passen, maar de mate waarin je de footer van je specifieke site kunt bewerken, is afhankelijk van het thema van je keuze en of je al dan niet met code wilt knoeien.

Bekijk onze videogids voor de beste footer plugins

Zoals je verderop in dit artikel zult leren, moet je voor het verwijderen van het standaard “Powered By” bericht wat tekst in het footer.php bestand tikken en wat code verwijderen. Verschillende aspecten van het bewerken van footers kunnen dus buiten je mogelijkheden liggen als je niet de ervaring of bereidheid hebt om met code te werken of als je geen nieuw thema wil.

Dat is waar WordPress plugins van pas komen. Heel wat plugins bieden bewerkings- en uitbreidingsfeatures voor footers, zodat je niet handmatig code hoeft te bewerken en zodat je snel wijzigingen in je footer kan aanbrengen of verwijderen, zoals kleuren of kolommen.

WordPress footerplugins die we aanbevelen, zijn onder meer:

  • Footer Mega Grid Columns — Deze plugin lost alle problemen op die je hebt als de footer van je thema geen rasterindeling met drie kolommen heeft. Sommige thema’s bieden slechts één of twee kolommen, terwijl anderen een footer volledig van het thema verwijderen. Footer Mega Grid Columns voegt een footerwidget toe om niet alleen drie kolommen weer te geven, maar indien nodig ook extra.
  • Remove Footer Credit  — Gebruik deze plugin om het footerbericht dat daar door WordPress of je themaontwikkelaar is geplaatst, volledig te verwijderen. Je hebt ook de mogelijkheid om je eigen HTML code in te voeren om je eigen footer te maken of een stukje content dat meer geschikt is voor je site.
  • Header Footer Code Manager – Deze plugin heeft een lichte leercurve, maar het is een ideale oplossing voor intermediaire WordPress gebruikers die liever toegang hebben tot footer- en headercoderingsgebieden in het dashboard, in plaats van de sitebestanden te openen. Je kunt een onbeperkt aantal stijlen en scripts toevoegen aan de footer, wat vaak handig is voor het tonen van informatie na elke blogpost of pagina.
  • Footer Putter — Gebruik deze plugin om een widget in te voegen voor copyrightinformatie of voor je handelsmerken. Dit is een vrij handige oplossing om details over je bedrijf in het footergebied te plaatsen, inclusief zaken als links, kantooruren, telefoonnummers en meer.
  • Footer Text— Als een van de eenvoudigste manieren om je WordPress footer aan te passen, activeert de Footer Text plugin een frontend- en backend-bewerkingsvenster om te wijzigen wat er in je footer staat. Het wordt geleverd met een WYSIWYG editor (What You See Is What You Get), dus het is mogelijk om je tekst op te maken en mogelijk items zoals afbeeldingen toe te voegen.

In de volgende secties zullen we onderzoeken hoe je sommige van deze plugins kunt gebruiken voor taken zoals het toevoegen van socialmediaknoppen of het invoegen van aangepaste code in de WordPress footer.

Bewerk handmatig de WordPressfooter met code

Een meer technische manier om je WordPress footer te bewerken, is door in het footer.php bestand te tikken en de content ervan te bewerken.

Je moet ervaring hebben met coderen – of leergierig zijn – om deze methode voor jou te laten werken, maar er zijn ook enkele kleine aanpassingen die alle beginners aankunnen (voornamelijk het verwijderen van de vooraf ingestelde tekst in de footer). Bekijk onze handleiding voor het toevoegen van header- en footercode voor de meest gedetailleerde informatie.

Om toegang te krijgen tot het footer.php bestand, open je je WordPress sitebestanden met behulp van een FTP client. We raden je aan dit artikel te lezen over het gebruik van SFTP om verbinding te maken met WordPress, aangezien SFTP een stuk veiliger is dan FTP.

Eenmaal verbonden met je WordPress sitebestanden via je FTP client, zoek je de /public map. Klik op /wp-content en dan /themes om alle thema’s te tonen die momenteel op je WordPress dashboard zijn geïnstalleerd. Noteer welk thema actief is op de site en open de map ervan.

 Gebruik een FTP client om je sitebestanden te openen.
Gebruik een FTP client om je sitebestanden te openen.

Alle WordPress thema’s hebben ergens in de themamap een footer.php bestand. Scroll door de reeks bestanden om dat footer.php bestand te vinden.

 Kies het footer.php bestand van het juiste thema.
Kies het footer.php bestand van het juiste thema.

Open het bestand met de editor van je keuze. Eenmaal daar kun je de huidige code bewerken of nieuwe content toevoegen, afhankelijk van wat je doel is. De sectie get_template_part wordt vaak aangepast om nieuwe stukjes tekst in te voegen, maar dat laten we aan jou over, aangezien elke footer anders is.

Het geopende footer.php bestand.
Het geopende footer.php bestand.

Als alternatief kun je de footercode bewerken door een plugin te gebruiken die een visueel veld weergeeft voor het footer.php bestand. Zo hoef je geen FTP client te installeren en te koppelen aan je website. Dit is een intuïtiever, beginnersvriendelijk proces waarbij je ook in de toekomst bewerkingen kan maken vanuit je dashboard.

Installeer en activeer hiervoor de Header Footer Code Manager plugin.

De Header Footer Code Manager plugin.
De Header Footer Code Manager plugin.

Nadat het is geïnstalleerd, klik je op het HFCM tabblad dat in het WordPress dashboard verschijnt. Geef het fragment vervolgens een naam, kies waar je het wilt weergeven en stel de locatie in als footer.

Het belangrijkste onderdeel is het Snippet/Code veld, dat je invult met de gewenste code. Sommige mensen gebruiken deze plugin voor zaken als verificatie of trackingcodes die niet aan de frontend verschijnen. Je kunt het echter ook gebruiken om nieuwe tekst in te typen en bijna volledige controle te krijgen over de content in je footer.

Zorg ervoor dat je op de Save knop klikt om de resultaten te zien.

 Plak een fragment of code.
Plak een fragment of code.

Gebruik een pagebuilder met footerdesigner

Een bonusmanier om je WordPress footer aan te passen, zonder dat je code of veel van de standaard WordPress footertools nodig hebt, is met een paginabuilder. Niet alle paginabuilders bieden footereditors, dus het is belangrijk om onderzoek te doen en ervoor te zorgen dat je huidige pagebuilder deze aanbiedt of degene die je van plan bent te kopen footerfeatures heeft.

Bekijk onze videogids voor het bewerken van de WordPress footer met paginabouwers

Hoe dan ook, dit is een relatief eenvoudige feature voor een pagebuilder, dus het is een goed idee om alleen voor een pagebuilder te gaan als je van plan bent je hele site ermee aan te passen.

Een paar andere paginabuilders bieden bewerking van footers, maar onze favorieten zijn Elementor en Visual Composer.

Om een aangepaste footers te maken met Visual Composer, moet je de Proversie hebben. Er zijn enkele tijdelijke oplossingen om het onderste deel van je website te bewerken met de gratis versie, maar de echte drag-and-drop builder voor de footer vereist een upgrade.

Eenmaal geïnstalleerd, klik je op de Pages knop in je dashboard. Scroll door de pagina’s die je wilt bewerken en selecteer de Edit With Visual Composer link op een van die pagina’s.

Edit With Visual Composer.
Edit With Visual Composer.

Dat brengt de Visual Composer designer naar voren, met een live voorbeeld van je webpagina aan de rechterkant en drag-and-drop ontwerptools  zoals elementen en templates aan de linkerkant.

Een van de gemakkelijkste manieren om een mooie footer te implementeren, is door simpelweg een template te kiezen (waarvan er veel gratis zijn). Deze templates bieden professionele designs voor je hele site, samen met een mooie footer die aanpasbaar is.

 Een vooraf gemaakte footer die wordt geleverd met een van de Visual Composer templates.
Een vooraf gemaakte footer die wordt geleverd met een van de Visual Composer templates.

Om te zien wat er beschikbaar is, klik je op het Templates tabblad en vervolgens op de Get More Templates knop. Visual Composer biedt templates voor alle aspecten van je site, inclusief footers, headers en zijbalken.

"<strong

Het volgende venster toont een grote bibliotheek met templates, allemaal gecategoriseerd onder filters voor zaken als Elements, Templates, Blocks en Footers.

Kies het Footers tabblad om alle vooraf gemaakte footertemplates weer te geven.

Nogmaals, dit deel van Visual Composer vereist de Pro versie. Eenmaal actief, kun je door de tientallen footertemplates bladeren om ze op je website te implementeren en ze naar wens te bewerken.

Footers in Visual Composer.
Footers in Visual Composer.

Een van de andere paginabuilders met footerbewerkingstools heet Elementor. Net als Visual Composer biedt Elementor een volledige websitebuilder voor het maken van homepages, productpagina’s, footers en meer.

Houd er rekening mee dat je bij deze methode gratis footercontentblokken ontvangt, maar de daadwerkelijke footerbuilder gebruikt de Pro versie van Elementor. Net als Visual Composer moet je upgraden voor volledige functionaliteit.

Om te beginnen installeer en activeer je zowel Elementor als de Elementor Header Footer en Blocks Template plugins.

Elementor plugins.
Elementor plugins.

Klik op Templates > Theme Builder om de volledige websitebuilder van Elementor te openen.

 De Elementor Theme Builder.
De Elementor Theme Builder.

Hier zie je een menu om verschillende delen van je site te bewerken, zoals de header, footer en enkele pagina’s.

Selecteer de delen van je site die je wilt aanpassen in het menu aan de linkerkant of met de pictogramknoppen in het midden van de pagina. Zoals je kunt zien, is er op twee plaatsen een Footer link.

Bewerkingsopties voor footers in Elementor.
Bewerkingsopties voor footers in Elementor.

De footereditor werkt op dezelfde manier als elke andere editor in Elementor: je kunt de layout wijzigen, de stijl aanpassen en op het blok klikken om nieuwe content in te voeren. Elk aspect van de footer is aanpasbaar bij het gebruik van Elementor, waardoor het een van de meer flexibele en wenselijke opties is als het gaat om controle over de footer en het leren bewerken van een footer in WordPress.

De footer bewerken met Elementor.
De footer bewerken met Elementor.

De Header Footer and Blocks plugin biedt contentmodules die speciaal zijn gemaakt voor headers en footers. Wat betreft de footerblokken, kun je kiezen uit modules zoals copyrightinformatie, afbeeldingen, sitetitels en slogans.

Om deze blokken te gebruiken, ga je naar Appearance > Header Footer and Blocks in het dashboard.

Je kunt ook een uniek blok maken en ervoor kiezen om het te bewerken in de Elementor pagebuilder. Eenmaal in Elementor scrol je omlaag naar de blokverzameling voor Headers Footers en Blocks en sleep je een van deze elementen naar je huidige ontwerp om een paar van de meest voorkomende contentitems in een footer te activeren. Zoals vermeld kun je in deze blokken alles vinden, van zoekbalken tot sitelogo’s en winkelwagenpictogrammen tot copyrighttekst.

Footer blok voorbeelden.
Footer blok voorbeelden.

Zo bewerk je een footer in WordPress.com

WordPress.com, de gehoste versie van WordPress, bevat footers voor veel van zijn thema’s, met opties om de footers met een paar klikken te verwijderen of te wijzigen. De methoden voor het bewerken van footers in WordPress.com zijn enigszins vergelijkbaar met hoe het is gedaan in de zelf-gehoste WordPress.org versie, maar met een paar verschillen.

Bekijk onze videogids voor het bewerken van een footer op WordPress.com

Allereerst ziet de interface er niet precies hetzelfde uit.

Je moet inloggen op je WordPress.com dashboard en je footerbeheren in de Theme Customizer. Gelukkig zijn veel van de thema’s die worden aangeboden voor WordPress.com vergelijkbaar of precies hetzelfde als wat je zou vinden voor WordPress.org. Dat betekent echter ook dat de manier waarop je de footer in WordPress.com bewerkt, afhangt van welk thema je installeert.

Ga om te beginnen naar Appearance > Customize in het dashboard.

 Ga naar de Theme Customizer.
Ga naar de Theme Customizer.

Kijk naar de Theme Customizer tabbladen die beschikbaar zijn voor dat specifieke thema. De meeste thema’s hebben een Widgets tabblad, maar je moet uitzoeken of er een footergebied voor het plaatsen van widgets bij je thema wordt geleverd. Klik op de Widgets tabbladen om erachter te komen.

Klik op het Widgets tabblad.
Klik op het Widgets tabblad.

Het huidige thema dat we gebruiken, biedt een Footer Widget module. Als je geen optie ziet om widgets in de footer te plaatsen, overweeg dan een nieuw thema te proberen of gebruik menu’s in plaats van widgets.

Klik voor dit voorbeeld (met een footer widgetgebied) op de Add A Widget knop.

 Add A Widget knop.
Add A Widget knop.

Er verschijnt nu een uitschuifmenu met een verzameling widgets. Je kunt de widgets selecteren die het meest nuttig zijn voor jou.

Nogmaals, het thema bepaalt hoeveel widgets je in de footer kunt plaatsen zonder dat het er te rommelig uitziet. Het lijkt erop dat dit specifieke thema ongeveer drie kolommen met widgets mogelijk maakt voordat het ontwerp er rommelig uitziet.

Voor ons voorbeeld kiezen we een widget Contact info en Map, samen met een Follow Blog widget, die bezoekers vraagt zich aan te melden met hun e-mailadres.

 De lange lijst met WordPress widgets.
De lange lijst met WordPress widgets.

Het voorbeeld aan de rechterkant toont de widgets in actie. We raden aan om door het instellingenvenster van elke widget te gaan om individuele elementen zoals de weergavetekst te configureren en te kiezen welke velden je in elke widget wilt weergeven.

Zorg ervoor dat je op de Save Changes knop klikt, zodat de widgets aan de frontend van je website verschijnen.

 Een voltooide footer met de widgets voor aanmelden mailinglijst en contactinformatie.
Een voltooide footer met de widgets voor aanmelden mailinglijst en contactinformatie.

Je hebt misschien opgemerkt dat WordPress.com automatisch de titel van je site en een WordPress credit helemaal onderaan je footer toevoegt. Je kunt de sitetitel meestal verwijderen als je dat wilt, maar voor het verwijderen van WordPress credit moet je betalen voor het Business abonnement.

Om beide elementen te wijzigen, klik je op de Site Identity knop.

 Ga naar Site Identity.
Ga naar Site Identity.

Ga eerst naar de onderkant van de instellingen om het Footer Credit veld te vinden. Klik op die dropdown om alle mogelijke opties weer te geven.

 De Footer Credit dropdown.
De Footer Credit dropdown.

Elk van de credits heeft een soort verwijzing naar WordPress. Een WordPress credit is niet erg als je een persoonlijke blog of online tijdschrift hebt, maar we raden je aan om te upgraden naar het Business abonnement en de credit te verwijderen als je site voor een legitiem bedrijf is.

Daarna kun je ide dropdown klikken en de Hide optie kiezen om het credit volledig te verwijderen.

 Je moet het Business abonnement hebben om de WordPress credit te verbergen.
Je moet het Business abonnement hebben om de WordPress credit te verbergen.

Het credit verdwijnt dan in de preview en laat alle widgets achter die je samen met de sitetitel aan de footer hebt toegevoegd.

 Een footer zonder het WordPress credit.
Een footer zonder het WordPress credit.

Sommige thema’s hebben de mogelijkheid om de sitetitel ook uit de footer te verwijderen. De eenvoudigste manier is om het selectievakje Display Site Title and Tagline uit te schakelen. Dat verwijdert de sitetitel in de footer en mogelijk de header. Voor de header raden we sowieso aan om een logo te uploaden.

Elk thema heeft zijn eigen manier om de sitetitel en tagline te verwijderen. Soms is het helemaal niet mogelijk, of staat de sitetitel überhaupt niet in de footer. Probeer bij twijfel de inhoud van het Site Title veld te verwijderen als je het selectievakje Display Site Title and Tagline niet hebt ingeschakeld.

 Een footer zonder de sitetitel.
Een footer zonder de sitetitel.

Een andere manier om content in je WordPress footer in te voegen, is door het Menus venster te gebruiken. Niet alle thema’s staan menu’s in de footer toe, maar het is een goed idee om dit op zijn minst te controleren.

Klik op het Menus tabblad om door te gaan.

 Klik op het Menus tabblad
Klik op het Menus tabblad

Selecteer View All Locations. Dit geeft een lijst met waar je menu’s in dit specifieke thema mag plaatsen.

 Selecteer de “View All Locations” optie
Selecteer de “View All Locations” optie

Voor ons voorbeeldthema hebben we nogal wat menulocatie-opties, waaronder een voor de footer. Je zult niet zoveel geluk hebben met elk thema dat je tegenkomt, dus wees voorbereid om ze te verwisselen of overweeg in plaats daarvan de widgetmethode te gebruiken om je footer te bewerken.

Bij thema’s die footermenu’s ondersteunen, klik je op het Footer dropdown veld.

 Dit thema heeft een plek om een menu in de footer te plaatsen.
Dit thema heeft een plek om een menu in de footer te plaatsen.

We kozen voor een kant-en-klaar Social menu voor de footer. Voel je vrij om de Create New Menu link te selecteren als je nog geen geschikt menu hebt.

Het resultaat is een eenvoudig tekst-/linkmenu dat verschijnt boven alle widgets die je al aan de footer hebt toegevoegd. Het is mogelijk dat je geen widgets aan je thema kunt toevoegen, waardoor je mogelijk niet exact hetzelfde format ziet.

Houd er rekening mee dat alle menu’s slechts lijsten met tekst en links zijn, dus je kunt niet zoiets als een menu met socialmedia-pictogrammen opnemen, tenzij je een afzonderlijke plugin overweegt die dat ondersteunt.

 Een menu toevoegen aan het footergebied.
Een menu toevoegen aan het footergebied.

Zo voeg je socialmedia-pictogrammen toe aan de WordPress footer

Een populaire optie binnen het footergebied is de klassieke lijst met socialmedia-knoppen. Veel websites voegen ze toe in hun primaire menu’s, maar het is ook een geweldig idee om ze ook onderaan je website te hebben, of als alternatief voor het plaatsen van de sociale knoppen bovenaan je site. Als je vindt dat je header al rommelig is, kun je ze prima alleen in de footer plaatsen.

Heel wat plugins bieden widgets om pictogrammen en links naar je social media aan je footer en header toe te voegen. Daarom raden we af om zelf met code aan de slag te gaan.

Zoek je een hostingoplossing die je concurrentievoordeel geeft? Kinsta zorgt ervoor met ongelofijke snelheden, topbeveiliging en auto-scaling. Bekijk onze pakketten

Hoewel er veel plugins voor sociale pictogrammen bestaan, is het ons doel om er een te vinden die specifiek een strakke widget biedt voor het toevoegen van je links en het makkelijk maakt om snel de knoppen aan te passen.

Een populaire, hoog gewaardeerde oplossing heet Social Icons Widget & Block van WPZoom. Het heeft meer dan 400 pictogrammen voor social media en andere platforms, samen met een widget om je pictogrammen rechtstreeks in je footer te plaatsen. Bovendien kan je ook je eigen aangepaste pictogrammen uploaden en instellingen voor kleuren en indelingen wijzigen.

Social Icons Widget plugin van WPZOOM.
Social Icons Widget plugin van WPZOOM.

Nadat je de plugin hebt geïnstalleerd, kun je naar de Settings pagina gaan en bepaalde lettertypepakketten uitschakelen als je ze niet wilt. Ze zijn echter allemaal al actief, dus sla de instellingen over als je liever alles voor je beschikbaar hebt.

Om sociale pictogrammen aan je WordPress footer toe te voegen, ga je naar Appearance > Customize.

 Naar de Theme Customizer gaan.
Naar de Theme Customizer gaan.

Dit brengt je naar de WordPress Theme Customizer, waar je widgets aan de footer kunt toevoegen (zolang je thema widgets in de footer ondersteunt). Zoals we eerder in het artikel hebben vermeld, is de enige manier om een thema te omzeilen dat geen footer widget heeft, het vinden van een nieuw thema of het zelf coderen van de footer.

Zoek en klik op het Widgets tabblad om door te gaan.

 De Widget knop in de Theme Customizer.
De Widget knop in de Theme Customizer.

Dit thema heeft twee gebieden om widgets aan de footer toe te voegen. Dat is niet bij alle thema’s het geval, dus het kan zijn dat jouw thema geen gebieden met footerwidgets heeft. Aan de andere kant heb je misschien geluk en heb je vier of vijf plekken om widgets in je footer te plaatsen. Het hangt allemaal af van het thema dat je hebt geïnstalleerd.

Klik op een van de Footer tabbladen.

De locaties van de footerwidget.
De locaties van de footerwidget.

Het is mogelijk om een groot aantal widgets – of in ieder geval welke widgets je ook hebt geïnstalleerd – toe te voegen aan de footer.

Klik op de Add A Widget knop om het menu met widgets weer te geven die voor jou beschikbaar zijn.

 De Add A Widget knop.
De Add A Widget knop.

Het uitschuifmenu biedt een zoekbalk en een lijst met mogelijke widgets. Scroll naar beneden om de widget genaamd Social Icons By WPZOOM te vinden.

 De Social Icons widget bevindt zich in de lijst met widgets.
De Social Icons widget bevindt zich in de lijst met widgets.

Je zou nu de standaardpictogrammen en -knoppen voor social media moeten zien in de preview van je website.

Je moet echter nog steeds de instellingen voor deze knoppen aanpassen om de grootte van die knoppen, de kleur en naar welke links je wilt dat ze leiden, te bepalen.

Begin met het typen van een titel voor de widget, die in de footer verschijnt (je kunt deze ook leeg laten als je dat wilt). Ga verder door instellingen op te geven, zoals of je pictogramlabels, nofollow links en specifieke pictogramuitlijningen wilt.

 Wijzig de instellingen voor sociale pictogrammen en zoek naar de nieuwe ontwerpen aan de rechterkant.
Wijzig de instellingen voor sociale pictogrammen en zoek naar de nieuwe ontwerpen aan de rechterkant.

Ga verder met de instellingen om de pictogramstijl, achtergrondstijl en opvulling te specificeren. Je kunt ook een pictogramgrootte en -kleur kiezen. Houd er rekening mee dat je op de Save knop onder aan de widgetaanpassingsmodule moet klikken om de resultaten van je wijzigingen in de preview te zien.

 Pas instellingen aan zoals pictogramstijl, achtergrondstijl en meer.
Pas instellingen aan zoals pictogramstijl, achtergrondstijl en meer.

Het Icons veld bevat enkele standaard sociale pictogrammen die je kan kiezen. Maak een lijst van de socialmedia-sites die je voor je bedrijf beheert en kopieer en plak de links in de respectieve velden. Verwijder alle pictogrammen die niet relevant zijn voor je bedrijf.

Om de pictogrambibliotheek te openen en meer pictogrammen toe te voegen, klik je op de Add More knop onder aan de lijst met velden.

 Voeg zoveel sociale pictogrammen toe als je wilt.
Voeg zoveel sociale pictogrammen toe als je wilt.

De plugin biedt een grote verzameling pictogrammen, met opties om pictogramkleuren, hoverkleuren en de bron van de pictogramkit in te stellen. De primaire kit heet Socicons, maar verschillende andere kits worden gratis met de plugin geleverd. Klik op de Select Icon Kit dropdown om je opties te bekijken.

Blader ten slotte door de pictogrammen die bij elke kit worden geleverd. Velen van hen herken je misschien niet eens, dus houd je alleen aan degenen die je actief beheert en die waarde zullen bieden voor je klanten.

In ons voorbeeld kiezen we het YouTube pictogram om ook aan onze footer toe te voegen.

Klik op de Save knop om het in de lijst te plaatsen en klik vervolgens op de volgende Save knop onder aan het widgetvak om je wijzigingen te zien.

 De plugin heeft tientallen pictogrammen om uit te kiezen.
De plugin heeft tientallen pictogrammen om uit te kiezen.

Zoals je kunt zien, hebben we wijzigingen aangebracht in de grootte en vorm van de pictogrammen, terwijl we ook een extra sociaal pictogram hebben toegevoegd. Als je wijzigingen er niet helemaal goed uitzien, ga je terug naar de widgetinstellingen om de problemen op te lossen.

Onthoud altijd dat je op de Publish knop drukt, zodat de widget van kracht wordt op de frontend van je website. We raden ook aan om zelf de frontend te controleren om ervoor te zorgen dat de sociale pictogrammen op de juiste manier verschijnen.

 Een preview van de voltooide socialmedia-knoppen.
Een preview van de voltooide socialmedia-knoppen.

Zo voeg je een achtergrond toe aan je WordPress footer

Footerachtergronden zijn mogelijk met behulp van enkele footerplugins en paginabuilders. Je hebt echter ook de mogelijkheid om een afbeelding of gekleurde achtergrond achter je footer te plaatsen met behulp van de basisinstellingen die bij je thema horen.

Bekijk onze videogids over het toevoegen van een achtergrond aan je WordPress footer

Als al het andere faalt, laten we je zien hoe je CSS code invoegt om een achtergrond toe te voegen aan de WordPress footer.

Controleer eerst je thema-instellingen om te zien of er achtergrondmogelijkheden voor footers toegevoegd. Het Abletone thema biedt bijvoorbeeld een Footer Background Image tabblad in de Theme Customizer.

 Dit thema heeft een Footer Background Image feature.
Dit thema heeft een Footer Background Image feature.

Je hoeftdan  alleen maar op de Select Image knop  te klikken en een afbeelding in je mediabibliotheek te zoeken, een nieuwe vanaf je computer te uploaden of een stockfoto te zoeken die aan je behoeften voldoet.

 De Select Image knop in de Theme Customizer.
De Select Image knop in de Theme Customizer.

Na het uploaden verschijnt de afbeelding als achtergrond voor je WordPress footer. Sommige thema’s bieden extra instellingen voor het uitrekken of naast elkaar plaatsen van de afbeelding, maar zonder de CSS zelf te bewerken, zit je vast aan de instellingen die bij het thema horen.

 Je kunt de thumbnail preview op de achtergrond zien.
Je kunt de thumbnail preview op de achtergrond zien.

Als je echter geen thema, paginabuilder of plugin hebt waarmee je een footerachtergrond kunt toevoegen, kan het toevoegen van CSS code deze taak afhandelen, ongeacht je thema of paginabuilder.

Ga naar de Theme Customizer in WordPress en klik vervolgens op het Additional CSS menu item.

 Klik op het “Additional CSS” tabblad
Klik op het “Additional CSS” tabblad

Plak deze CSS code in het veld, maar vervang de YOURIMAGEURL door de URL van je gewenste afbeelding:

footer { background: url(YOURIMAGEURL) repeat; }

Je kunt de URL voor elke afbeelding vinden in de detailweergave nadat deze is geüpload naar je mediabibliotheek.

Zorg ervoor dat je op de Publish knop klikt om deze aan de frontend te zien.

Je kunt ook andere stukjes code invoegen om elementen zoals de grootte en achtergronduitrekgrootte of herhaling te wijzigen. Zoals je je misschien kunt voorstellen, is het toevoegen van de CSS code iets minder eenvoudig dan klikken op pluginknoppen, maar een snelle online zoekopdracht kan je helpen de juiste code voor je behoeften te vinden.

 Plak je eigen CSS code in het veld.
Plak je eigen CSS code in het veld.

“Powered by WordPress” tekst verwijderen

In het vorige gedeelte hebben we besproken hoe je de WordPress credit in je WordPress.com footer kunt verwijderen. Het is wat uitdagender op een zelf-gehoste WordPress site, aangezien de meeste thema’s geen manier bieden om de credit te verwijderen in het Site Identity gedeelte van de Theme Customizer.

Daarom moeten we kijken naar andere manieren om de tekst “Powered by WordPress” in de footer te verwijderen.

 Een voorbeeld van het bericht "Powered By WordPress".
Een voorbeeld van het bericht “Powered By WordPress”.

Hoe je dit doet, lees je onze uitgebreide handleiding over het verwijderen van de “Powered By WordPress” tag uit je footer. Dit Kennisbank artikel behandelt alle volgende onderwerpen:

  • Waarom je het bericht “Powered By WordPress” zou willen verwijderen
  • Wanneer je het misschien niet wilt verwijderen
  • Te vermijden methoden bij het verwijderen van het bericht
  • Hoe het bericht te verwijderen met een plugin
  • Hoe het “Powered By WordPress” bericht handmatig te verwijderen
  • De footercredit vervangen door je eigen code

Het bewerken van de footercredit met een plugin is aanzienlijk eenvoudiger voor de gemiddelde WordPress gebruiker. Als je echter de handmatige route volgt, heb je volledige controle over de footer en hoef je geen andere plugin op je dashboard te installeren.

Is het legaal om “Proudly Powered by WordPress” te verwijderen?

Aangezien WordPress het een beetje lastig maakt om de tekst “Proudly Powered by WordPress” uit je footer te verwijderen, kun je je afvragen of het koosjer is om het bericht te verwijderen.

Het antwoord is dat je meer dan welkom bent om de tekst “Powered by WordPress” in je footer te verwijderen zonder je zorgen te hoeven maken over juridische gevolgen of schendingen van de Servicevoorwaarden van WordPress. Dit komt omdat het gebruik van WordPress onder een GPL (General Public License) valt, wat betekent dat iedereen WordPress kan herdistribueren en wijzigen op elke manier die hij of zij nodig acht.

Over het algemeen raden we ten zeerste aan om de tekst “Proudly Powered by WordPress” te verwijderen, omdat het bericht niets met je merk te maken heeft en een andere organisatie promoot. Ja, het is leuk om iets over WordPress te zeggen, maar niet ten koste van je eigen branding en waardevolle websiteruimte.

Nu zijn footerberichten die worden weergegeven door je themaontwikkelaar een ander verhaal. We zullen daar in de volgende sectie over praten.

Zo verwijder je de tekst “Powered by XYZ Theme” in WordPress Footer

We weten nu dat je geen problemen zult hebben met de wet of WordPress wanneer je het footerbericht “Proudly Powered by WordPress” verwijdert. Maar hoe zit het wanneer themaontwikkelaars een “Powered by XYZ Theme” bericht in de footer hebben geplaatst?

Gelukkig valt de overgrote meerderheid van WordPress thema’s ook onder dezelfde algemene openbare licentie, waardoor het volkomen acceptabel is om die tekst te verwijderen en te vervangen door iets dat beter geschikt is voor jouw bedrijf. Het is echter verstandig om contact op te nemen met je themaontwikkelaar om er zeker van te zijn dat ze geen vereiste in hun algemene voorwaarden hebben die bepalen dat je dergelijke credits in de footer moet laten staan.

Je kunt dit doen door simpelweg aan de ontwikkelaar te vragen of het thema onder een General Public License valt. En als dat niet het geval is, of als hun algemene voorwaarden het een vereiste maken om de credit achter te laten, raden we je aan een ander thema te zoeken, want dat is niet bepaald een wenselijk item op je website.

Dus hoe ga je om met het verwijderen van de tekst “Powered by XYZ Theme” in je footer?

Bekijk onze videogids voor het verwijderen van “Powered by WordPress” uit je WordPress footer

Sommige plugins die het bericht “Powered by WordPress” verwijderen, kunnen ook berichten verwijderen die door de thema ontwikkelaar zijn ingevoegd. Dit is echter niet altijd het geval.

Daarom raden we aan om voor een van de volgende methoden te kiezen:

  • Bewerk de footer-sitebestanden rechtstreeks om het creditbericht te verwijderen.
  • Vraag de themaontwikkelaar om het voor je te verwijderen.
  • Upgrade naar de premium versie van het thema.

Het bewerken van de footer-sitebestanden vergt wat technische kennis, maar je kunt dit vaak binnen enkele minuten voor elkaar krijgen. De ontwikkelaar vragen om de ontwikkelaarscredit van het thema te verwijderen, zou kunnen werken, maar je hoopt in wezen dat je een vriendelijke ontwikkelaar krijgt die bereid is je door het proces te leiden. Meestal bieden ze dit niet aan als je alleen de gratis versie van hun thema gebruikt.

De eenvoudigste optie is om te upgraden naar de premium versie van dat thema. Veel ontwikkelaars van premium thema’s geven vereenvoudigde, gratis versies van hun thema’s weg in de hoop dat je upgradet voor verbeterde features en meer controle.

Aangezien je het upgraden naar een premium thema en het praten met de ontwikkelaar alleen kan doen, zullen we het vooral hebben over het bewerken van de themasitebestanden om van het creditbericht af te komen.

Bekijk om te beginnen de footer van je thema om te bevestigen of je onderaan een ontwikkelaarscredit hebt. Als dat zo is, let dan op de exacte tekst die wordt weergegeven, omdat dit kan helpen bij het zoeken naar het bericht binnen je sitebestanden.

 Een credit voor themaontwikkelaars in de footer.
Een credit voor themaontwikkelaars in de footer.

Maak verbinding met je sitebestanden via een FTP client, zoals eerder in dit artikel is besproken. Elke themaontwikkelaar verschilt van waar ze de footercredit plaatsen, maar een goede plek om te beginnen is /public/wp-content/themes.

Kies het thema dat je op je website hebt geactiveerd.

Zoek de juiste themamap.
Zoek de juiste themamap.

Vanaf hier is een optie om het hoofd footer.php bestand te openen in een teksteditor of PHP IDEI en te zoeken naar verwijzingen naar de footercredit. Gebruik de Find functie in de door jou gekozen editor om de exacte tekst in te typen en te zoeken die als creditbericht in je footer wordt weergegeven.

Zoals met alle thema’s, is dit misschien niet het juiste bestand om de footercredit te verwijderen; het hangt helemaal af van hoe het thema is gebouwd. Als je geen geluk hebt met het footer.php bestand, ga dan ergens anders verder met zoeken.

 Het footer.php bestand.
Het footer.php bestand.

Een van de meest voorkomende plaatsen om informatie over de code van het footercredit te vinden, is in de map /template-parts. We ontdekten dat dit het geval was voor het huidige testthema dat we voor deze tutorial hebben geïnstalleerd.

We kunnen naar de /footer map gaan en vervolgens op het site-info.php bestand klikken. Dat site-info.php bestand (of een variant daarvan) is een gebruikelijke plaats voor het opslaan van de footer-creditinformatie van het thema.

Het site-info.php bestand.
Het site-info.php bestand.

Voel je vrij om ofwel de footercredits te verwijderen of ze te vervangen door iets anders. Voor deze situatie verwijderen we eenvoudig de credits hook en de do_action credits code onderaan.

 Verwijder de credits hook en de do_action code van de credits.
Verwijder de credits hook en de do_action code van de credits.

En dat heeft met succes het volledige credit verwijderd dat wordt getoond voor de thema ontwikkelaar. Het had geen effect op andere content van de footer, zoals je widgets en menu’s.

 Geen footercredit meer!
Geen footercredit meer!

Zoals eerder vermeld, is een manier om de footercredit te verbergen, waarbij je ook de themaontwikkelaar ondersteunt en veel betere features ontvangt, het upgraden naar de premium versie van het thema. Kijk of er zich een knop in je dashboard gevindt om te upgraden naar een Pro versie, of ga naar de site van de ontwikkelaar om een betaling te doen.

 Overweeg om te upgraden naar premium themaversies om footercredits te verwijderen.
Overweeg om te upgraden naar premium themaversies om footercredits te verwijderen.

Zo verwijder je de WordPress footer volledig

Hoewel we dit voor de meeste sites niet aanbevelen, is het soms zinvol om de WordPressfooter in bepaalde situaties helemaal te verwijderen.

Als je vindt dat een WordPress footer te veel rommel veroorzaakt (wat gebruikelijk is bij landingspagina’s), of als je in plaats daarvan de footer niet zou laten crawlen door zoekmachines, is het misschien niet slecht om de footer helemaal weg te halen.

Houd er echter rekening mee dat je de footer niet uit je WordPress bestanden verwijdert. Het footer.php bestand is een onderdeel van de bestanden van de WordPress core, dus je moet het laten staan. We kunnen echter CSS code gebruiken om WordPress te vertellen de footer en de inhoud ervan niet weer te geven.

Om de WordPress footer volledig te verbergen, ga je naar de Theme Customizer en klik je op het Additional CSS tabblad.

Klik op het “Additional CSS” tabblad.
Klik op het “Additional CSS” tabblad.

Het doel is om hier CSS te plakken die WordPress vertelt dat we de footer op onze website niet willen zien.

We proberen alles in dit voorbeeld te verbergen, van de copyrightinformatie tot de WordPress en credits van de themaontwikkelaars. Je kunt deze methode ook gebruiken om items zoals widgets en menu’s in je footer te verbergen.

 De Additional CSS module.
De Additional CSS module.

Plak de volgende code in het CSS vak:

footer{

display:none;

}

Dit vertelt WordPress om alles in het footer.php bestand te verbergen. Het bestand blijft bestaan in je bestandsdirectory, voor het geval je in de toekomst opnieuw content wilt toevoegen.

De Theme Customizer preview zou nu een lege ruimte moeten tonen. Zorg ervoor dat je op de Publish knop klikt om de resultaten aan de frontend te zien.

 De CSS code plakken.
De CSS code plakken.

Hoewel deze CSS voor de meeste thema’s zou moeten werken, kan het zijn dat de themaontwikkelaar een andere bestandsconfiguratie heeft. Een andere manier om mogelijk de meeste footercontent te verwijderen, is door de volgende code te gebruiken in plaats van de eerder besproken code:

.site-info { display:none; }

Het is minder waarschijnlijk dat deze optie werkt, maar het is niet onwaarshijnlijk voor themaontwikkelaars om een bestand met de naam site-info.php in de map met footer template-parts te maken.

Van links naar ondersteunende documenten en socialmedia-pagina's, de footer van je website bevat veel belangrijke informatie. 💪 Leer hoe het werkt in deze handleiding ⤵️Klik om te tweeten

Samenvatting

WordPress footers hebben veel toepassingen, van het toevoegen van socialmedia-knoppen tot het weergeven van recente blogposts, ondersteuningspagina’s en formulieren. Het doel is om te profiteren van deze extra ruimte, aangezien het niet verstandig is om je hoofdmenu vol te zetten met te veel links of om je zijbalk te vullen met een stortvloed aan content.

Je hebt veel manieren geleerd om een WordPress footer te bewerken. We hopen dat je nu met succes footers op elke WordPress site kunt bewerken en aanpassen!

Laat het ons weten in de comments hieronder als je vragen hebt over het bewerken van de footer in WordPress!


Bespaar tijd en kosten en maximaliseer siteprestaties met:

  • Directe hulp van WordPress-hostingexperts, 24/7.
  • Cloudflare Enterprise integration.
  • Globaal bereik met 35 datacenters verspreid over de wereld.
  • Optimalisatie met onze ingebouwde Application Performance Monitoring.

Dat alles en nog veel meer, in één pakket zonder langlopende contracten, met migraties en een 30 dagen geld-terug-garantie. Bekijk onze pakketten of neem contact op met sales om het pakket te vinden dat bij je past.