In deze handleiding leer je hoe je het uiterlijk en de achtergrond van je paginakopteksten kunt aanpassen. De koptekst kan per pagina op je website afzonderlijk worden ingesteld (behalve de navigatiebalk – die is op alle pagina’s hetzelfde).
Let op: De koptekstinstellingen kunnen niet worden aangepast in de mobiele versie van de editor. Om de koptekst te bewerken, moet je inloggen via een computer.
Je opent de instellingen door op het tandwielpictogram in de rechterbovenhoek van de koptekst te klikken. Daar kun je verschillende opties aanpassen om het ontwerp van je paginakoptekst te wijzigen.
Type koptekst
Hier kun je het type koptekst wijzigen. Beschikbare opties zijn Enkel navigatie, Navigatie & koptekst of Navigatie & inhoud. De beschikbare instellingen verschillen afhankelijk van het gekozen type koptekst.
Let op: Het type koptekst kan niet worden gewijzigd voor blogartikelen, omdat deze een ander type pagina gebruiken.
Enkel Navigatie
Deze instelling toont alleen de balk met het logo en het menu, gevolgd door de rest van de website. Je kunt de achtergrond aanpassen en de eigenschappen van de navigatiebalk wijzigen. De instellingen van de navigatiebalk hebben invloed op de balk op alle pagina’s van je website. In de basisinstellingen kun je de achtergrond van de navigatiebalk wijzigen.
Navigatie & titel
Dit type koptekst wordt meestal gebruikt op de startpagina’s van sjablonen. Je kunt maximaal drie kopteksten toevoegen: de koptekst, een subkoptekst en een titel boven de koptekst. Daarnaast kun je een knop toevoegen.
Navigatie& inhoud
Met dit type koptekst kun je alle Webnode-inhoud invoegen, zoals formulieren of afbeeldingengalerijen. De achtergrond van de navigatiebalk en de inhoud kunnen afzonderlijk worden ingesteld. Zo kun je zowel de navigatiebalk als het koptekstgedeelte een eigen achtergrond geven.
Navigatie-achtergrond en sectie-achtergrond
Je kunt de achtergrond van de navigatiebalk wijzigen door op Navigatie-achtergrond te klikken.
Je kunt een van de aanbevolen achtergronden selecteren of op de plusknop klikken om een andere achtergrond te kiezen of je eigen achtergrond te uploaden.
Hier kies je een achtergrond uit de galerij of upload je je eigen afbeelding.
Evenzo kunnen de achtergrondinstellingen voor secties (zoals de koptekstsectie) alleen worden toegepast wanneer het kopteksttype Navigatie & inhoud is geselecteerd.
De aanbevolen resolutie voor een headerafbeelding is 1920 × 1280 px, met een bestandsgrootte van ongeveer 600 KB. Grotere afbeeldingen kunnen ervoor zorgen dat pagina’s langzamer laden en dat er meer data wordt verbruikt.
Het proces om dit te wijzigen is hetzelfde als voor de navigatiebalk (zie hierboven).
Als je een niet-effen achtergrond instelt voor de navigatiebalk en/of sectie, kun je ook achtergrondeffecten toevoegen, zoals een filter, afbeeldingspositie, kleuroverlay of animatie.
Geavanceerde instellingen
Inhoudsuitlijning (alleen voor navigatiebalk en kopteksttype)
Hier stel je in hoe de inhoud binnen de paginakoptekst wordt uitgelijnd.
Inhoudsbreedte
De inhoudsbreedte voor de navigatiebalk en het type kopteksten bepaalt voornamelijk waar de inhoud begint. Bij links uitgelijnde inhoud kun je bijvoorbeeld precies instellen waar de kopteksten beginnen.
Minimale hoogte
Deze instelling bepaalt de grootte van de koptekst. Dit is handig wanneer je wilt bepalen hoeveel van de achtergrondafbeelding zichtbaar is.
Decoratieve rand
Deze functie voegt een donker kader toe rond de koptekst, subkoptekst en de titel boven de koptekst.
Navigatieinstellingen
LET OP: Voor het type Enkel navigatie kun je dit menu alleen openen via de geavanceerde instellingen.
Menutype
Hier kun je de positie of stijl van menu-items wijzigen. Klassiek, Gecentreerd en Onderaan verschillen qua positie. Hamburger met achtergrond en Hamburger zijn hamburgermenu’s en verschillen in pictogram.
Menustijl
De menustijl bepaalt hoe de paginanamen in het menu worden weergegeven. Items kunnen worden omkaderd, doorgestreept, anders worden gespatieerd of een hover-effect hebben. Dit kan niet worden toegepast op Hamburger en Hamburger met achtergrond.
Navigatiehoogte
Hier stel je de hoogte van de navigatiebalk in.
Inhoudsbreedte
Met deze instelling pas je de afstand aan tussen het logo en de menu-items in de navigatiebalk.
Zoeken op de site
Meer informatie vind je in onze artikelen Hoe voeg je een zoekbalk toe en Hoe kan ik een zoekbalk toevoe.
Klevend (vast) menu
Wanneer deze optie is ingeschakeld, blijft de navigatiebalk bovenaan staan, zelfs wanneer je naar beneden scrolt.
Scheidingsteken
Deze optie voegt een lijn toe die de navigatiebalk scheidt van de rest van de pagina.
Aanvullende paneelinstellingen
Om de aanvullende paneelinstellingen te configureren, raadpleeg onze handleidingen Contacten toevoegen aan de koptekst van de website, Hoe kun je een taalwisselaar aan de koptekst van je website toevoegen, Hoe kun je sociale netwerken aan de koptekst van de website toevoegen en Hoe kan ik een valuta-wisselaar aan de koptekst van een website toevoegen(indien je project een actieve online winkel heeft).
