Het inhoudsgedeelte van een pagina is met Elementor snel vormgegeven. Het koptekstgedeelte daarentegen — logo, menu, telefoonnummer, misschien een knop — hoort eerst bij het thema. U kunt het slechts zover aanpassen als het thema voorziet. De Theme Builder heft die grens op.
Wat de Theme Builder overneemt
Daarmee ontwerpt u de gedeelten die buiten de eigenlijke pagina-inhoud liggen: koptekstgedeelte, voettekstgedeelte, de opmaak van afzonderlijke berichten, het blogoverzicht, archiefpagina's, de 404-pagina en bij webshops de productpagina's.
Het principe is steeds hetzelfde: u bouwt een sjabloon, en u legt vast waar dat moet gelden. Het tweede deel is waar het in de praktijk misgaat.
De Theme Builder is een functie van de Pro-versie.
Elementor Pro: Koptekstgedeelte, voettekstgedeelte en berichtopmaak vrij kunnen vormgeven is de meest voorkomende reden voor de overstap naar Pro — meer dan formulieren of pop-ups. Bekijk Elementor Pro
Voorbereiding: het juiste thema
Als Elementor het koptekstgedeelte bouwt, moet het thema er geen tweede leveren. Anders hebt u twee headers boven elkaar.
Het eenvoudigst is een bewust minimaal thema zoals Hello, dat precies daarvoor is bedoeld: het brengt nauwelijks eigen vormgeving mee en laat het veld aan Elementor. Bij omvangrijker thema's zoekt u in de thema-instellingen naar een optie om de eigen header uit te schakelen. Vindt u die niet, dan is dat een aanwijzing dat thema en Theme Builder elkaar in de weg gaan zitten.
Een koptekstgedeelte aanmaken
In het WordPress-menu onder Sjablonen → Theme Builder kiest u Koptekst en maakt u een nieuw sjabloon aan. Elementor biedt kant-en-klare blokken aan; ik bouw meestal vanaf nul, omdat de kant-en-klare varianten zelden bij de rest passen.
Een draagkrachtige opbouw ziet er zo uit: een container, ingesteld als flexrij, met het logo links en het menu rechts. De verticale uitlijning op „gecentreerd“, de horizontale verdeling op „ruimte ertussen“. Dat is de structuur die ook op smalle schermen niet instort.
Voor het menu gebruikt u de widget Navigatiemenu. Die grijpt terug op de menu's die u in WordPress onder Weergave → Menu's hebt aangemaakt — maak het menu dus vooraf aan, anders staat de widget leeg.
De stap die velen vergeten: de weergavevoorwaarden
Voordat u publiceert, vraagt Elementor waar het sjabloon moet gelden. Die vraag is geen formaliteit.
Voor een koptekstgedeelte dat overal geldt, zet u de voorwaarde op Hele website. Wilt u in plaats daarvan een afwijkende header alleen voor de startpagina, dan maakt u een tweede sjabloon aan en zet u daar de specifiekere voorwaarde. De specifiekere regel wint van de algemene.
De meest voorkomende fout die ik zie: sjabloon gebouwd, gepubliceerd, voorwaarde overgeslagen — en dan radeloosheid waarom er op de website niets anders uitziet. U kunt de voorwaarden altijd achteraf instellen via het voorbeeldmenu in de editor of via het sjabloonoverzicht.
Plakkende header, netjes opgelost
Een koptekstgedeelte dat bij het scrollen bovenaan blijft, is een van de meest voorkomende wensen. U lost dat op in de container onder Geavanceerd → Bewegingseffecten → Plakkend: boven.
Twee punten waar het meestal misgaat:
De header verdwijnt achter de inhoud. Zet onder Geavanceerd een voldoende hoge z-index, bijvoorbeeld 999.
De inhoud verspringt bij het scrollen. Dat gebeurt als de plakkende header zijn hoogte verandert. Als u bij het scrollen een kleiner logo wilt tonen, werkt u met de effectinstellingen en controleert u het resultaat op de telefoon — daar valt verspringen het sterkst op.
En een aanbeveling uit de praktijk: op de telefoon neemt een plakkende header kostbare schermhoogte weg. Ik schakel hem daar vaak uit. De zichtbaarheidsopties daarvoor liggen eveneens onder Geavanceerd; hoe ik mobiel in het algemeen te werk ga, leest u in Elementor mobiel optimaliseren.
Het voettekstgedeelte
De footer werkt volgens hetzelfde patroon, maar is minder kritisch — geen sticky, geen menulogica. Let op twee dingen: colofon en privacyverklaring moeten vanaf elke pagina bereikbaar zijn, en de kolommen moeten op de telefoon netjes onder elkaar lopen in plaats van geperst naast elkaar.
Als er iets niet verschijnt
Drie oorzaken dekken de meeste gevallen af: de weergavevoorwaarde ontbreekt. Het thema levert nog steeds zijn eigen header. Of een cachingplugin houdt de oude versie vast — leeg de cache voordat u verder zoekt.
Meer typische struikelblokken en hun oorzaken heb ik verzameld in Veelvoorkomende Elementor-fouten verhelpen.
Als u de Theme Builder liever één keer begeleid opzet in plaats van op de tast door weergavevoorwaarden te gaan: precies dat doen we in mijn Elementor-training.
Tags