Waarvoor gebruik je het Omslagafbeelding blok?
Dit media blok is handig voor pagina of post headers. Geef je pagina direct een professionele uitstraling met het Omslagafbeelding blok. Combineer je titel (en intro) met een speciale achtergrond, bijvoorbeeld een afbeelding of video. Of natuurlijk een achtergrondkleur.
Hoe voeg je een Omslagafbeelding blok in de blok editor toe?
- toevoegen:
- /omslagafbeelding blok (cover)
- + teken in de Gutenberg editor, zoek omslagafbeelding
- toolbar settings
- uitlijning aanpassen
- inhoud (tekst) positie aanpassen
- verander naar de volledige schermhoogte
- afbeelding vervangen
- blok settings
- fixed achtergrond (bij scrollen blijft de afbeelding op dezelfde plaats in beeld)
- herhaalde achtergrond. Creëer een patroon met één afbeelding, netals de tegels van een mozaïek vloer.
- Focus op punt (alleen wanneer fixed achtergrond uit staat). Fine-tune welk deel van de foto je ziet door de focal picker over de foto te slepen.
- Met dimensies kan je de hoogte van je cover naar wens aanpassen.
- overlay kleur aanpassen. Gebruik wanneer je foto misschien wat licht is, bijvoorbeeld een 25% zwart overlay. De foto is iets donkerder en daarmaa de tekst beter leesbaar. Transparantie van de overlay stel je met de opacity slider in.
Belangrijk om te weten
Denk aan contrast en accessibility wanneer je een foto of video in je omslagafbeelding blok als achtergrond gebruikt. Maak gebruik van de overlay om er zeker van te zijn dat je bezoeker je tekst kan lezen.
Supersnel stap voor stap
- /omslagafbeelding
- selecteer afbeelding in je media library
- typ je tekst
- uitlijning wide width
- sleep focus picker tot je achtergrond er goed uitziet.
- voeg andere content elementen toe, bijvoorbeeld een knop
