WordPress & Elementor kennisbank

Footer maken in WordPress met Elementor in 4 stappen

Inhoud van dit artikel:

Een footer maken in WordPress kun je eenvoudig doen met de Theme Builder van Elementor Pro. Dit werkt op dezelfde manier als het maken van een header. In dit artikel leg ik je uit hoe je een footer instelt voor je website en hoe je deze kunt tonen (of juist niet) op bepaalde pagina’s.

Stap 1: Een template aanmaken

Navigeer in je WordPress menu naar ‘Templates → Theme builder’.

Themebuilder elementor openen

Klik op ‘Nieuwe toevoegen’

Kies voor het template ‘Footer’ en vul een naam in.

Stap 2: Een template kiezen of zelf een footer maken

Je krijgt nu de keuze uit een aantal templates die je kunt gebruiken en aanpassen. Kies er één uit of maak zelf je eigen footer.

Stap 3: De footer bewerken

In principe kun je alles in de footer zetten wat je maar wilt. Zo kun je bijvoorbeeld meerdere secties gebruiken, menu’s plaatsen, een inschrijfformulier voor de nieuwsbrief toevoegen, social media buttons plaatsen, sitemap toevoegen of contactgegevens. Ook zie je in je Elementor panel aan de linkerzijde een aantal standaard widgets die je kunt gebruiken:

Site logo:
Plaats het logo van je website

Site title:
Toont de titel van je website die je hebt ingevuld in WordPress onder ‘Instellingen’ –> ‘Algemeen’. 

Page title:
Toont de titel van de pagina waar de bezoeker zich op bevindt. Deze is dus op iedere pagina anders.

Nav menu: 
Hiermee kun je een menu die je hebt ingesteld in WordPress onder ‘Weergave’ –> ‘Menu’s’ plaatsen.

Search form:
Een zoekformulier waarmee bezoekers naar content op je website kunnen zoeken

Sitemap:
Geeft een sitemap (overzicht met alle pagina’s, categorieën, tags etc. op je website) weer. Je kunt hierbij kiezen tussen het weergeven van Post types of taxonomieën.

Breadcrumbs:
Geeft aan waar op de website de bezoekers zich bevindt. Bijvoorbeeld Home –> Diensten –> Websites.

Tip: voeg dynamisch jaartal + copyright teken in je footer

Stap 4: De footer publiceren

Ben je tevreden? Dan kun je hem publiceren. Dit doe je door linksonderin op de button ‘Publiceren’ te klikken. Vervolgens opent een nieuw scherm waarop je kunt instellen voor welke pagina’s je de footer wilt instellen. Het meest gebruikelijke is om de optie gewoon op ‘Entire website’ te laten staan.

Meer weten over de publicatie condities?

Footer uitsluiten voor bepaalde pagina’s

Maak je gebruik van landingspagina’s of wil je bijvoorbeeld in de webshop een andere footer? Dan kun je deze pagina’s hier ook uitsluiten. Klik hiervoor op ‘Add condition’ en selecteer dan ‘Exclude’. Voor het uitsluiten van losse pagina’s maak je gebruik van de optie ‘Singular’.

Tip: voeg ook een scroll to top button toe!

Wil je ook graag een scroll to top op je website tonen? Dan kun je deze ook toevoegen aan de footer.

Sanne IJspeerd

Sanne IJspeerd

Eigenaar SIJ Web | WordPress & Elementor Specialist
Website Strateeg | Marketing Manager in de IT

Ook bloggen op
SIJ Web?
Vergroot je zichtbaarheid en meld je aan als partner!

Populaire plugins

4/5
5/5
4.5/5
Meer doen met Elementor?
Schrijf je in voor de nieuwsbrief
No worries. Ik ga je niet spammen. Je ontvangt max. 2 keer per maand een nieuwsbrief.

Ook interessant voor jou

Elementor loop builder: 10 praktische voorbeelden

Transparante header WordPress maken met Elementor

Scroll to top in WordPress maken met Elementor: 2 methodes

11 reacties

  1. Hi Sanne,

    Klopt het dat ik op elke pagina de header en Footer moet toevoegen en als ik iets wijzig hierin dat ik dit op elke pagina moet wijzigen?

    Heb een Footer template gemaakt, maar als ik hierin iets wijzig (bijv in de iconenlijst) dan wordt dit niet gewijzigd op de andere pagina’s. Ik moet dan de Footer verwijderen en opnieuw toevoegen. Nogal veel werk.

    1. Hoi Jelle,

      Nee, dat is inderdaad niet de bedoeling. Gebruik je Elementor Pro en heb je de Theme Builder gebruikt voor het maken van de footer? In de theme builder publiceer je de footer namelijk automatisch op alle pagina’s.

      Groetjes,

      Sanne

  2. Hi Sanne,

    Ja beide gebruik ik. Heb zojuist weer een fouter gemaakt via de Theme Builder. Moet ik daarna op elke pagina deze footer toevoegen, want ik zie nog geen veranderingen op de pagina’s.

    Bedankt voor je hulp.

    1. Heb je dan misschien de layout van de pagina op ‘Elementor canvas’ staan? (dan worden de header en footer uitgeschakeld). Zo ja, zet deze dan even op ‘standaard’ of ‘Elementor volledige breedte’

  3. YES!! Dat was het. Ik had het op ‘Elementor canvas’ staan.

    Bedankt voor je hulp!

  4. Hoi,

    Wat een fijne uitleg, bedankt. Echter ik wil graag een footer met 2 blokken en geen 4.
    Ik kan helaas niet op het kruisje klikken, bij mij blijven 4 blokken staan. Hoe kan ik er 2 verbergen? Ik hoop dat je me verder kan helpen. Ik maa gebruik van een wordpress website met Elementor

  5. Bedankt voor de heldere uitleg, ik heb de footer kunnen aanmaken maar als ik deze publiceer ben ik mijn theme kwijt op mijn pagina.
    Enig idee wat ik fout doe?

    1. Hoi Nicole,

      Welke thema gebruik je? Als je van thema wisselt heb je dan nog steeds hetzelfde probleem?
      Zo ja, dan heb je de footer waarschijnlijk niet als footer ingesteld. Dit kun je checken bij Templates –> Theme Builder en dan het tabje ‘Footer’.

      Groetjes,

      Sanne

  6. Hallo Sanne,

    Ik heb de oude footer verwijderd en een nieuwe gemaakt.
    Ik heb nu wel mijn pagina’s met footer.maar de header van Colibri op iedere pagina is verdwenen alsmede de instellingen van mijn homepage. Raarr

    1. Hoi Nicole,

      Ik denk dat het thema dat je hebt gebruikt niet compatible is met Elementor. Dit zou je even kunnen checken bij de makers van het thema of soms vind je het antwoord al als je hier op googelt. En anders zou je de header ook met Elementor na moeten maken / instellen.

Mis geen updates

Blijf op de hoogte van de laatste
Elementor Trends & Ontwikkelingen!

No worries, je ontvangt max. 2 keer per maand een mailing.