Elementor Header & Footer Builder: installeren, instellen en problemen oplossen
Laatst bijgewerkt:
Elementor Header & Footer Builder is een gratis plugin waarmee je met de gratis versie van Elementor een eigen header, footer en losse blokken maakt, zonder Elementor Pro. Je ontwerpt de header als een Elementor-pagina en kiest waar hij wordt getoond. Het hangt wel af van hoe goed je thema meewerkt.
Wat doet de plugin?
Je maakt sjablonen van het type Header, Footer of Blok en ontwerpt ze in Elementor. Met weergaveregels kies je waar een sjabloon verschijnt (hele site, bepaalde pagina’s) en voor welke gebruikers. Blokken plaats je met een shortcode. De plugin levert ook een paar widgets mee voor menu’s, logo, zoekveld en copyrightregel.
Installeren
- Zorg dat Elementor actief is en installeer de plugin via Plugins → Nieuwe plugin (zoek op Elementor Header & Footer Builder).
- Ga naar Weergave → Elementor Header & Footer Builder en maak een nieuw sjabloon van het type Header.
- Stel de weergaveregel in (bijvoorbeeld “Hele website”) en ontwerp de header in Elementor.
- Doe hetzelfde voor de footer.
Instellingen die ertoe doen
- Weergaveregels en uitzonderingen per sjabloon.
- Thema-ondersteuning: de plugin werkt rechtstreeks samen met een aantal thema’s (zoals Astra, GeneratePress en Hello Elementor). Voor andere thema’s is er een compatibiliteitsmethode in de instellingen.
- Kleverige (sticky) header: dat regel je in Elementor zelf of met een add-on; let op mobiel.
Veelvoorkomende problemen en oplossingen
Header verschijnt niet. Het sjabloon staat op concept, de weergaveregel ontbreekt, of het thema wordt niet rechtstreeks ondersteund. Publiceer het sjabloon, stel de regel in en kies in de instellingen van de plugin de andere compatibiliteitsmethode.
Dubbele header: die van het thema en de nieuwe. Het thema blijft zijn eigen header tonen. Kies de compatibiliteitsmethode die de thema-header vervangt, of zet de thema-header uit in de thema-instellingen.
Menu werkt niet op mobiel. Het menu-widget heeft een eigen instelling voor het mobiele menu (breekpunt en knop). Controleer die en test in de mobiele weergave van Elementor.
Opmaak van de header verdwijnt na een update. Cache of verouderde Elementor-bestanden. Leeg de cache en genereer de bestanden opnieuw onder Elementor → Gereedschap.
Twee headers op één pagina door twee sjablonen met overlappende regels. Houd één sjabloon per locatie en gebruik uitzonderingen.
Alternatieven en vergelijking
Met Elementor Pro doe je dit via de Theme Builder, met meer voorwaarden en ook sjablonen voor berichten en archieven. Thema’s als Astra en GeneratePress hebben ook een eigen header-builder. Heb je alleen een eigen header en footer nodig, dan is deze gratis plugin vaak genoeg.
Veilig bijwerken
Werk Elementor en deze plugin bij met een back-up vooraf. Controleer daarna header en footer op desktop en mobiel en leeg de cache.
Wanneer schakel je hulp in?
Verschijnt je header niet, staat hij dubbel of werkt het mobiele menu niet? Wij helpen met instellen, thema-compatibiliteit en oplossen.
Veelgestelde vragen
Heb ik Elementor Pro nodig voor een eigen header?
Nee. Met Elementor Header & Footer Builder maak je die met de gratis Elementor-plugin.
Waarom zie ik twee headers?
Het thema toont zijn eigen header nog. Kies in de plugin de compatibiliteitsmethode die de thema-header vervangt of zet die uit in je thema.
Werkt de plugin met elk thema?
Met een aantal thema’s werkt hij direct. Voor andere thema’s is er een compatibiliteitsinstelling; het resultaat hangt dan af van het thema.
Kan ik ook een blok op meerdere pagina’s tonen?
Ja, met het sjabloontype Blok en de bijbehorende shortcode.
Hulp nodig met Elementor Header & Footer Builder?
Wij helpen met installeren, instellen, bijwerken en het oplossen van fouten en conflicten. Vertel wat er speelt; je hoort vooraf wat we gaan doen.
Hulp aanvragen Site plat? SpoedhulpLees ook: Elementor · Elementor Pro · Astra · GeneratePress · WordPress-thema aanpassen · alle WordPress-plugins