De hoofdafbeelding (header) instellen op een pagina

Inhoudsopgave

De header of het hoofd van de pagina kun je wijzigen via post instellingen. Dit doe je op de volgende manier:

1. Log in in het CMS en ga naar de editor van de website.

2. Ga naar de pagina waar je de header wil aanpassen.

3. Klik in het menu van de editor op Post instellingen (tweede icoon). De post instellingen worden nu geopend.

4. Scroll naar beneden en klik op het + Nieuwe referentie toevoegen bij Hoofd van de pagina of klik op de reeds bestaande referentie. Hier vul je een aantal velden in:

  • Titel: Hier vul je de titel in die getoond wordt in de header.
  • Tekst: Hier vul je de tekst in die onder de titel getoond wordt.
  • Buttons: Hier kun je één of meerdere buttons toevoegen. Klik daarvoor op het blauwe plusje en vul de volgende gegevens in:
    • Tekst: Dit is de tekst die op de button staat, bijvoorbeeld 'Lees meer'.
    • Link: Dit is de pagina of externe URL waar je naar verwezen wordt als je klikt op de button. Kies Inhoud als je wil verwijzen naar een pagina op de website, kies Media als je wil verwijzen naar een PDF-document en kies URL als je wil verwijzen naar een externe website.
    • Open in nieuw tabblad: Zet deze toggle aan als je wil dat de link in een nieuw tabblad geopend moet worden. Dit is handig bij externe websites of PDF-documenten.
    • Kleurthema: Hier kies je de kleur van de knop.
  • Achtergrondafbeelding desktop: Hier upload je de afbeelding die op desktop getoond moet worden.
  • Achtergrondafbeelding mobiel: Hier upload je de afbeelding die op mobiel getoond moet worden. Dit kan een andere afbeelding zijn dan op desktop!
  • Vimeo stream URL: Als je gebruik wil maken van een video in de header, dan kun je hier de Vimeo-link plakken. Hier lees je hoe Vimeo Stream URL's werken.

5. Klik op Pas toe en vervolgens op Opslaan.

6. Je kan de header verwijderen door over het item bij Hoofd van de pagina te hooveren met je muis. Er verschijnt een prullenbak-icoon waarmee je de header kan verwijderen.

Extra hulp nodig?

Heb je extra ondersteuning nodig bij het doorvoeren van wijzigingen op de website of loop je tegen een technisch probleem aan? Stuur een bericht via onze Servicedesk.