Een banner aan je site toevoegen

Vaak aangeduid als een ‘hero’- of ‘banner’-afbeelding, wordt het Omslagafbeeldingsblok gebruikt om een grote afbeelding, video of tekstbanner aan je site toe te voegen. In deze handleiding lees je hoe je een banner toevoegt en de afbeelding, video of kleur kiest die je wilt weergeven.

In deze video leer je hoe je het Omslagafbeeldingsblok gebruikt om een visuele koptekst of bannerachtige sectie aan je WordPress.com-site toe te voegen. De video laat zien hoe je een achtergrondafbeelding of video toevoegt, tekst of andere blokken erboven plaatst, de lay-out en het focuspunt aanpast, de overlay wijzigt en een voorbeeld van het ontwerp op mobiel bekijkt.

Je kan met het Omslagafbeeldingsblok een bannerafbeelding aan je site toevoegen. Volg de volgende stappen om een banner toe te voegen aan een pagina, bericht of template:

1. Ga naar het dashboard van je site.
2. Ga, afhankelijk van waar je de banner wilt toevoegen, naar een pagina, bericht of template en bewerk die of maak een nieuwe:
   • Pagina: ga naar het gedeelte Pagina’s in je menu.
   • Bericht: ga naar het gedeelte Berichten in je menu.
   • Template: ga naar Weergave → Editor en selecteer de template.
3. Klik op het pictogram + (blokinvoeger) en zoek naar ‘omslag’.
   • Of typ /omslag waar je ‘Typ / om een blok te kiezen’ ziet.

4. Klik op het omslagpictogram om het Omslagafbeeldingsblok in te voegen:

Nadat je een Omslagafbeeldingsblok hebt toegevoegd, selecteer je de media die wordt weergegeven. Je kan uit de volgende opties kiezen:

• Uploaden: klik op de knop ‘Uploaden’ om een bestand vanaf je computer te selecteren.
• Media selecteren: zoek media op een van deze plaatsen:
  • Mediabibliotheek: afbeeldingen en video’s die je al hebt geüpload naar de mediabibliotheek van je site.
  • Je telefoon: gebruik de mobiele Jetpack-app om media rechtstreeks vanaf je telefoon te uploaden.
  • Genereren met AI: geef een korte beschrijving van het type afbeelding dat je wilt gebruiken en AI maakt het ontwerp.
  • Google Foto’s: selecteer media uit je gekoppelde Google Foto’s-account.
  • Pexels: zoek naar gratis afbeeldingen in de Pexels-bibliotheek.
  • Openverse: zoek naar gratis afbeeldingen in de Openverse-bibliotheek.
• Uitgelichte afbeelding gebruiken: geeft de uitgelichte afbeelding van de pagina of het bericht weer als die is ingesteld. Als je een Omslagafbeeldingsblok aan een template toevoegt en deze optie selecteert, wordt automatisch de uitgelichte afbeelding weergegeven van elke pagina of elk bericht dat die template gebruikt.
• Kleur: selecteer een effen kleur voor de banner in plaats van een afbeelding of video toe te voegen.

Je kan vervolgens inhoud zoals tekst en knoppen aan de banner toevoegen, de lay-out van de banner aanpassen en het ontwerp van de banner aanpassen.

Houd rekening met het volgende als je een afbeelding voor je banner selecteert:

• Decoratieve of abstracte afbeeldingen werken het best, omdat de volledige afbeelding op mobiele apparaten mogelijk niet altijd volledig zichtbaar is.
• Typ tekst boven op de afbeelding, in plaats van de tekst in de afbeelding zelf te verwerken. Zo schaalt de tekst goed op alle schermformaten.
• Het Omslagafbeeldingsblok gebruikt de afbeelding als achtergrondafbeelding en schaalt niet mee om op kleinere apparaten de volledige breedte van de afbeelding te tonen. Met de instelling Focuspunt selecteren kan je kiezen op welk deel van de afbeelding de nadruk ligt wanneer die op kleinere schermen wordt bekeken.
  • Als je afbeelding inhoud bevat die op alle apparaten volledig zichtbaar moet zijn, kan je in plaats daarvan een Afbeeldingblok gebruiken.

Het Omslagafbeeldingsblok ondersteunt afbeeldingen, video’s en effen kleuren. Volg de volgende stappen om een video naar het Omslagafbeeldingsblok te uploaden:

1. Voeg een Omslagblok toe aan een pagina of bericht.
2. Klik in de blokwerkbalk op de optie “Media toevoegen“:

3. Kies een van de volgende opties:
   • Uploaden: upload een videobestand vanaf je computer (geschikt abonnement vereist).
   • Mediabibliotheek openen: selecteer een videobestand dat je al hebt geüpload.
   • Video insluiten via URL: plak een URL van YouTube, Vimeo of een andere provider.

Het Omslagblok is decoratief en niet functioneel, dus er wordt geen geluid van een videobestand afgespeeld. Als je het geluid van de video wilt gebruiken, gebruik dan het VideoPress-blok om video’s met geluid af te spelen.

Nadat je een Omslagblok hebt toegevoegd, kun je het mediabestand op elk moment wijzigen. Zo vervang of verwijder je de media in je banner:

1. Ga naar het dashboard van je site.
2. Ga naar de pagina, het bericht of de template waar de banner staat.
3. Selecteer Lijstweergave in de linkerbovenhoek van de editor.
4. Klik op het item Omslagblok in de lijstweergave.

5. Klik in de blokwerkbalk op de knop Vervangen om een nieuwe afbeelding of video te kiezen.

Je kunt een nieuw mediabestand kiezen met een van de volgende opties:

• Mediabibliotheek openen: selecteer een afbeelding die je al hebt geüpload.
• Uploaden: selecteer een afbeelding op je apparaat om naar je site te uploaden. Bekijk ondersteunde bestandstypen.
• Uitgelichte afbeelding gebruiken: gebruik de uitgelichte afbeelding van de pagina of het bericht.
• Resetten: verwijder de afbeelding, maar laat het Afbeeldingsblok staan, zodat je kunt kiezen uit opties zoals uploaden, afbeelding selecteren, genereren met AI of invoegen via URL.
• Je telefoon: voeg een afbeelding toe vanaf je telefoon met de Jetpack mobiele app.
• Genereren met AI: genereer een afbeelding met AI door te beschrijven wat je wilt. 
• Google Foto’s.
• Pexels gratis fotobibliotheek.
• Openverse gratis afbeeldingen.
• Video insluiten via URL: plak een URL van YouTube, Vimeo of een andere provider