Banner toevoegen aan je site

Vaak aangeduid als een “hero”- of “banner”-afbeelding, wordt het Omslagafbeeldingsblok gebruikt om een grote afbeelding, video of tekstbanner toe te voegen aan je site. In deze handleiding wordt uitgelegd hoe je een banner toevoegt en hoe je de afbeelding, video of kleur selecteert om weer te geven.

Deze video is in het Engels.
YouTube biedt automatische vertaalfuncties zodat je de video in je eigen taal kunt bekijken:

Automatisch vertaalde ondertitels inschakelen:

1. Speel de video af.
2. Klik op het ⚙️ Instellingen-pictogram (rechtsonder in het videoscherm).
3. Selecteer Ondertiteling/CC.
4. Kies Automatisch vertalen.
5. Selecteer je voorkeurstaal.

Automatische nasynchronisatie (experimenteel) gebruiken:

1. Klik op ⚙️ Instellingen.
2. Selecteer Audiotrack.
3. Kies de taal waarin je wilt luisteren.

ℹ️ Vertalingen en nasynchronisaties worden automatisch gegenereerd door Google, kunnen onjuistheden bevatten en de automatische nasynchronisatie is nog in testfase, dus niet in alle talen beschikbaar.

Je kan een afbeelding toevoegen aan je site met behulp van het Omslagafbeeldingsblok. 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. Afhankelijk van waar je de banner wilt toevoegen, navigeer je naar een pagina, bericht of template en bewerk of maak je een nieuwe:
   • Pagina: ga naar het gedeelte Pagina’s van je menu.
   • Bericht: ga naar het gedeelte Berichten van je menu.
   • Template: ga naar de Weergave → Editor en selecteer de template.
3. Klik op het pictogram + (blokinvoeger) en zoek naar ‘omslag’.
   • Of typ /omslag overal waar je ‘Typ / om een blok te kiezen’ ziet.

4. Klik op het omslagpictogram om de omslagafbeeldingin te voegen: 

Nadat je een Omslagafbeeldingsblok hebt toegevoegd, selecteer je het medium dat wordt weergegeven. Je kan uit de volgende opties kiezen:

• ‘Uploaden‘: klik op ‘Uploaden’ om een bestand vanaf je computer of apparaat te uploaden.
• Media selecteren: zoek media op een van deze plaatsen:
  • Mediabibliotheek: afbeeldingen en video’s die je al naar de mediabibliotheek van je site hebt geüpload.
  • 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 zal het ontwerp maken.
  • Google Foto’s: selecteer media uit je gekoppelde Google Foto’s-account.
  • Pexels: zoek naar gratis afbeeldingen uit de Pexels-bibliotheek.
  • Openverse: zoek naar gratis afbeeldingen uit de Openverse-bibliotheek.
• Uitgelichte afbeelding gebruiken: geeft de uitgelichte afbeelding van de pagina of het bericht weer wanneer deze is ingesteld. Door een omslagafbeeldingsblok aan een template toe te voegen en deze optie te selecteren, wordt automatisch de uitgelichte afbeelding weergegeven van elke pagina die of elk bericht dat die template gebruikt.
• Kleur: in plaats van een afbeelding of video toe te voegen, selecteer een effen kleur voor de banner.

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

Houd rekening met het volgende bij het selecteren van een afbeelding voor je banner:

• Je kan het beste decoratieve of abstracte afbeeldingen gebruiken, omdat de afbeelding mogelijk niet altijd volledig zichtbaar is op mobiele apparaten.
• Typ een tekst bovenaan de afbeelding, in plaats van de tekst in de afbeelding zelf te plaatsen. Hierdoor zal de tekst op de juiste manier schalen naargelang de schermgroottes.
• Het omslagafbeeldingblok gebruikt de afbeelding als achtergrondafbeelding en zal niet proberen de gehele afbeeldingsbreedte aan te passen voor kleinere apparaten. Met behulp van de instelling Focuspunt seleteren, kan je selecteren op welk deel van de afbeelding je wilt focussen wanneer je deze op kleinere schermen bekijkt.
  • Als je afbeelding content bevat die voor alle maten apparaten in zijn geheel moet worden getoond, kun je beter een afbeeldingblok gebruiken.

Het omslagafbeeldingsblok ondersteunt afbeeldingen, video’s en effen kleuren. Om een video naar het Omslagafbeeldingsblok te uploaden, moet je een WordPress.com-abonnement hebben dat video-uploads ondersteunt. Video-uploads zijn inbegrepen in het Premium-abonnement en hoger. Met een abonnement dat video-uploads bevat, kun je video’s selecteren wanneer je je bannermediakiest.

Het omslagafbeeldingsblok is decoratief in plaats van functioneel, dus het zal geen geluid van een videobestand afspelen. Gebruik in plaats daarvan het VideoPress-blok om video’s met geluid af te spelen.

Nadat je een omslagafbeeldingsblok hebt toegevoegd, kan je het mediabestand op elk moment wijzigen. Media in je banner vervangen of verwijderen:

1. Ga naar het dashboard van je site.
2. Ga naar de pagina, het bericht of de template waar de banner zich bevindt.
3. Selecteer Lijstweergave in de linkerbovenhoek van de editor.
4. Klik op het item Omslagafbeeldingsblok 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: kies een bestaande afbeelding of video uit je mediabibliotheek of andere bronnen zoals Google Foto’s, Pexels of Openverse.
• Uploaden: selecteer een nieuwe afbeelding of video vanaf je apparaat.
• Uitgelichte afbeeldinggebruiken: gebruik de uitgelichte afbeelding van de pagina of het bericht.
• Resetten: wis de bannermedia en geef een effen kleur weer.