Plaatje of foto: het afbeelding blok

Gutenberg editor, wordpress

Een afbeelding (plaatje of foto) kun je toevoegen met het afbeelding blok.
Als je voor het afbeelding blok kiest, kun je een afbeelding uploaden of kiezen uit de media bibliotheek.

Opties van het afbeelding blok

Als je in het afbeelding blok klikt, kun je bovenaan kiezen uit verschillende opties:

Je kunt de afbeelding links uitlijnen (met tekst en andere inhoud rechts), je kunt de afbeelding centreren en je kunt de afbeelding rechts uitlijnen (met tekst en andere inhoud links). Standaard staat de afbeelding links zonder tekst of andere inhoud er naast. Er is dan geen uitlijn-optie geselecteerd. Als er wel een uitlijn-optie geselecteerd is, kun je daar op klikken om de afbeelding weer standaard links te zetten.

Een afbeelding met inhoud er naast gaat als het ware “drijven” in de inhoud. De afbeelding wordt links of rechts neergezet, en de ruimte er naast wordt opgevuld – afhankelijk van de grootte van het scherm.

Met het potloodje kun je de afbeelding bijwerken.

Instellingen van het afbeelding blok

Aan de rechterkant vind je de instellingen voor het afbeelding blok (in het blok tabblad).

De afbeeldingsinstellingen van het afbeelding blok.

Afbeeldingsinstellingen

Bij de afbeeldingsinstellingen kun je de “alternatieve tekst” (alt-tekst) van de afbeelding toevoegen. Dit is een omschrijving van de afbeelding. Deze wordt gelezen door zoekmachines en wordt voorgelezen aan blinden en slechtzienden. Vul deze tekst dus in!

Bij de grootte van de afbeelding kan de grootte van de afbeelding ingesteld worden 😉

Ik wil mijn afbeelding rechts van de tekst!

Het blijkt nog een uitdaging te zijn om je afbeelding rechts van de tekst te zetten… dus zo doe je dat:

  • Plaats het afbeeldingsblok vóór het paragraaf-blok (met de tekst) waar je de afbeelding naast wilt hebben.
  • Voeg de afbeelding toe
  • en zet de grootte op gemiddeld (of thumbnail) of zorg van tevoren dat de afbeelding klein is, niet groter dan ongeveer 300px breed.
  • Kies dan bij de opties voor “rechts uitlijnen”.

Nu gaat je afbeelding naast de tekst staan.