Home Kennisbank Menu's & footer Hoe pas ik de footer en de onderste balk aan?

Hoe pas ik de footer en de onderste balk aan?

Robert Oosterloo
Bijgewerkt op · 4 min lezen

De footer staat onderaan elke pagina. Hij bestaat uit kolommen met bijvoorbeeld je contactgegevens en een menu, met daaronder een smalle balk: de socket. De vorm stel je in bij de Algemene opties, de inhoud bij de widgets.

In het kort

  • Kleur, aantal kolommen en breedtes: Algemene opties, tabblad Footer.
  • De inhoud van de kolommen: Widget’s, gebieden Footer gedeelte 1, 2 enzovoort.
  • Gebruik voor telefoon, e-mail en adres altijd de shortcodes. Dan kloppen ze overal.
  • De socket heeft een eigen kleur en een eigen menu (Socket menu).

Open Algemene opties en klik op het tabblad Footer. Je ziet de opties Footer kleur, Aantal footer widget areas, Aangepaste footer widget breedte, Socket uitschakelen en Socket kleur. Onder Extra staan nog een paar losse opties. Klik na het aanpassen op Bijwerken.

Algemene opties, tabblad Footer, met de velden Aantal footer widget areas en Aangepaste footer widget breedte rood omkaderd
Hier kies je de kleur, het aantal kolommen en hun breedte.

Nog geen website op leflite?

Wij bouwen hem samen met jou. Daarna pas je alles zelf aan, precies zoals in dit artikel.

  • Online binnen een week
  • Hosting, SSL en back-ups inbegrepen
  • Vanaf €49,95 per maand
Website van Inspirare Coaching op een laptop

Kies bij Footer kleur een kleur uit je huisstijl. De tekstkleur past zich vanzelf aan, zodat hij goed leesbaar blijft.

Aantal kolommen

Bij Aantal footer widget areas vul je in hoeveel kolommen de footer heeft. Standaard zijn dat er 4. Elke kolom is een widgetgebied in Widget’s: Footer gedeelte 1, Footer gedeelte 2, enzovoort.

Aangepaste breedtes, bijvoorbeeld 4,3,3,2

Zonder aangepaste breedte zijn alle kolommen even breed. Wil je een bredere eerste kolom, vul dan bij Aangepaste footer widget breedte de breedtes in, gescheiden door komma’s. De hele breedte is 12. Een paar voorbeelden bij 4 kolommen:

  • 3,3,3,3: vier even brede kolommen.
  • 4,3,3,2: de eerste kolom iets breder, de laatste smaller.
  • 6,2,2,2: een brede eerste kolom, bijvoorbeeld voor je logo en een korte tekst.

Geef altijd alle breedtes op

Vul je minder breedtes in dan er kolommen zijn, dan bedenkt de website de rest zelf. Dat pakt soms onverwacht uit, bijvoorbeeld een halve lege rij. Vul daarom voor elke kolom een breedte in, en zorg dat ze samen 12 zijn. Op mobiel staan de kolommen altijd onder elkaar.

De inhoud: Widget’s

De tekst, links en menu’s in de kolommen zet je in Widget’s. Klap Footer gedeelte 1 open en voeg een blok toe. Hoe dat werkt, lees je in de footer vullen met widgets.

Widget's met de widgetgebieden Footer gedeelte 1 tot en met 4, rood omkaderd
Elk footergebied is een kolom in de footer. Hier vul je de inhoud.

Je contactgegevens: gebruik shortcodes

Typ je telefoonnummer, e-mailadres en adres niet over, maar gebruik de shortcodes, zoals [theme_option field="company_phone"]. Ze halen de gegevens uit Bedrijfsgegevens. Telefoon en e-mail worden dan vanzelf klikbaar. Verandert je nummer, dan pas je het op één plek aan en klopt het overal. Lees je telefoonnummer, e-mail of adres op de hele site wijzigen en je telefoonnummer automatisch in een tekst zetten.

Een donkere footer met vier kolommen: logo met tagline, contactgegevens, een menu en social media, met daaronder de socket met copyright, privacylinks en de tekst Website ontwikkeld door Lef Creative
De footer met vier kolommen en daaronder de socket.

De socket: kleur, menu en uitzetten

De socket is de smalle balk helemaal onderaan.

  • Socket kleur: een eigen kleur. Kies Transparent als hij dezelfde kleur moet hebben als de footer.
  • Socket menu: een klein menu, bijvoorbeeld met je privacyverklaring en algemene voorwaarden. Maak het in Menu’s en koppel het aan de locatie Socket menu.
  • Socket uitschakelen: zet je dit aan, dan is er geen socket.

De copyrighttekst

Links in de socket staat ‘Copyright’, het huidige jaar en je domeinnaam. Het jaar gaat vanzelf mee. Rechts staat ‘Website ontwikkeld door Lef Creative’. Deze teksten staan vast in het thema. Wil je ze anders, neem contact met ons op.

Lukt het niet?

  • Een kolom staat op een nieuwe regel. De breedtes zijn samen meer dan 12, of je hebt niet alle breedtes ingevuld.
  • Er zijn meer of minder footergebieden dan je verwacht. Pas Aantal footer widget areas aan en sla op. Ververs daarna Widget’s.
  • Een kolom is leeg. Het bijbehorende Footer gedeelte heeft geen widget. Voeg er een toe.
  • Het socketmenu staat er niet. Koppel een menu aan de locatie Socket menu.
  • Je oude telefoonnummer staat nog in de footer. Het is getypt in plaats van met de shortcode. Vervang het door de shortcode.
  • Kom je er niet uit? neem contact met ons op.

Veelgestelde vragen

Kan ik de tekst "Website ontwikkeld door Lef Creative" weghalen?

Die tekst staat vast in het thema. Neem contact met ons op als je hem anders wilt.

Deel dit artikel

Robert Oosterloo

Robert Oosterloo is eigenaar en UX/UI-designer van Lef Creative in Kollum. Hij ontwerpt websites, webshops en software voor ondernemers in Noord-Nederland.

Lees ook

Ook zo’n website?

Je leest hier hoe makkelijk je een leflite-site zelf bijhoudt. Wil je er ook een? We denken vrijblijvend met je mee.

Liever direct contact? Bel Robert op 06 35 66 47 73 of stuur een .