Hoe maak ik een beeldschermbrede afbeelding

Zo doe je dit in het CMS van PRO. Overgenomen uit de handleiding van Platform Rijksoverheid Online.

Een deel van de afbeeldingen is van ons. Beeldmateriaal van de Rijksoverheid mogen wij niet overnemen. Waar een afbeelding het resultaat op de site laat zien, staat hier een opname van onze eigen demo-PRO-website. Wat het CMS laat zien staat op de oorspronkelijke pagina op platformrijksoverheidonline.nl.

Je kunt jouw pagina's een unieke uitstraling geven met een 'hero' blok. Dit is een schermbrede afbeelding. Deze afbeelding beslaat de volledige breedte van het scherm en kan wisselen tussen verschillende beelden. Op elke afbeelding kun je optioneel een titel, tekst en een link plaatsen, die consistent blijven bij elke afbeelding.

Instructie van PRO

Elementen van een schermbrede afbeelding

Als je een schermbrede afbeelding wilt toevoegen in het cms heb je verschillende elementen waaruit je kunt selecteren wat het beste past voor jouw pagina. In de afbeelding hieronder zie je de verschillende elementen.

Deze afbeelding kan bekeken worden op Platform Rijksoverheid Online.

In de tabel hieronder zie je wat je bij de verschillende elementen moet invoeren.

Elementen schermbrede afbeeldingTitel van het veldWat vul ik hier in?Hoe bedien ik dit veld?Eventuele toelichtingHoogte van de afbeelding(en)Kies de hoogte van de afbeeldingen: hoog of laag.Kies een optie.AfbeeldingSelecteer de afbeelding(en).Het afbeeldinginvoegveld.Je kan tot 6 afbeeldingen selecteren die schermbreed getoond worden en automatisch afwisselen.InhoudVoeg 'Tekst en call to action', 'Attentieblok' of 'Toptaken' toe.Kies een optie.Je kan alléén attentieblok en toptaken combineren in de schermbrede afbeelding.

De verschillende opties voor de inhoud van de schermbrede afbeelding

Hieronder zie je een voorbeeld van de drie verschillende inhoudsopties van een schermbrede afbeelding.

Tekst en call to action

Voeg een tekstvak toe binnen de schermbrede afbeelding met een korte, duidelijke oproep tot actie, zoals een link of een knop.

Een beeldschermbrede afbeelding boven aan een pagina, met daarin een kop, een korte tekst en een knop “Vraag een regeling aan”.
Dit component op onze eigen demo-PRO-website. Op een echte PRO-site ziet hij er hetzelfde uit, maar in de rijkshuisstijl.

Attentieblok

Gebruik een attentieblok om belangrijke informatie extra op te laten vallen voor de bezoeker. 

Een attentieblok: een tekstblok met een gekleurde achtergrond en een kop, waarmee belangrijke informatie opvalt.
Dit component op onze eigen demo-PRO-website. Op een echte PRO-site ziet hij er hetzelfde uit, maar in de rijkshuisstijl.

Toptaken

Geef bezoekers snel toegang tot de belangrijkste taken door dit blok te gebruiken. Je kan hier bijvoorbeeld de meest bezochte pagina's in plaatsen. Tip: Check ook regelmatig of de lijst onder toptaken nog steeds de belangrijkste taken bevat. Soms zijn pagina's tijdelijk populair of relevant.

Toptaken: een rij van vier gekleurde blokken onder elkaar met per blok één link naar een veelgebruikte taak.
Dit component op onze eigen demo-PRO-website. Op een echte PRO-site ziet hij er hetzelfde uit, maar in de rijkshuisstijl.

Beeldschermbrede afbeelding gebruiken?

Wil je weten wanneer je deze functionaliteit gebruikt? Lees de beschrijving van de beeldschermbrede afbeelding.

Terug naar de handleiding

Bronvermelding

Oorspronkelijke titel
Hoe maak ik een beeldschermbrede afbeelding
Bron
www.platformrijksoverheidonline.nl/handleiding/bloomreach-cms/functionaliteiten/contentblokken-en-functionaliteiten/hoe-maak-ik-een-beeldschermbrede-afbeelding
Uitgever
Platform Rijksoverheid Online, Dienst Publiek en Communicatie, ministerie van Algemene Zaken
Licentie
Creative Commons zero-verklaring (CC0 1.0), zie het copyright van Platform Rijksoverheid Online
Overgenomen op
25-09-2026
Afbeeldingen
Niet overgenomen. Beeldmateriaal van de Rijksoverheid mag niet worden hergebruikt; de schermafbeeldingen staan op de oorspronkelijke pagina.

De Rijksoverheid is het niet automatisch eens met de inhoud van deze website.