Afbeeldingen gebruiken

Afbeeldingen verbeteren de visuele aantrekkingskracht van je site, brengen informatie effectief over en verbeteren de ervaring van je bezoekers. In deze handleiding zijn de vele verschillende manieren beschreven waarop je afbeeldingen toe kan voegen aan een WordPress-website.

Je kan erg veel doen met afbeeldingen, dus hebben we ze opgedeeld over verschillende pagina’s:

• Raadpleeg de handleiding Geaccepteerde bestandstypen om te controleren welke typen afbeeldingsbestanden je naar WordPress.com kan uploaden.
• Je kan een afbeelding toevoegen aan je site met behulp van het afbeeldingblok.
• Upload een galerij met het galerijblok of het tegelgalerijblok.
• Upload een diapresentatie met het diapresentatieblok.
• Upload een afbeelding in kop- of bannerstijl met behulp van het omslagafbeeldingblok.
• Voeg een afbeelding naast tekst toe met behulp van het media- en tekstblok of vergelijk twee afbeeldingen met behulp van het afbeeldingvergelijkingsblok.
• Vind gratis afbeeldingen die je voor je website kan gebruiken via deze bronnen.

• Afbeeldingen bijsnijden, verkleinen, roteren, uitlijnen en bijschriften met behulp van de blokinstellingen in de WordPress-editor.
  • Bekijk meer informatie over deze instellingen in de handleiding Afbeeldingblok of bekijk onze andere mediablokken.
• Bekijk en verwijder afbeeldingen op je site met behulp van het Media-gedeelte van je dashboard.
• Je kan afbeeldingen ook draaien, bijsnijden en omkeren in Media. Zie Een afbeelding bewerken in Media voor meer informatie.
• Optimaliseer je afbeeldingen om ervoor te zorgen dat ze snel laden en zo weinig mogelijk opslagruimte innemen.

• Problemen oplossen met afbeeldingen uploaden – Worden je afbeeldingen niet geüpload? Hier zijn wat tips om afbeeldingen succesvol te uploaden.
• Problemen oplossen met vage afbeeldingen – Ontdek waarom afbeeldingen wazig worden weergegeven op je site, ook al is de originele foto die je hebt geüpload van goede kwaliteit.

Hier volgen een paar voorbeelden van hoe je je afbeeldingen kan weergeven in de WordPress-editor. De afbeeldingen zien er verschillend uit, afhankelijk van het thema dat je op je site gebruikt, dus probeer ze uit op je site!

Alle afbeeldingen zijn eigendom van de gratis fotobibliotheek van Pexels.

Gebruik het Afbeeldingblok om afzonderlijke afbeeldingen toe te voegen.

Standaard stijl:

Ronde stijl:

Om twee afbeeldingen naast elkaar weer te geven, kan je het galerijblok gebruiken:

Als je al een enkele afbeelding hebt ingevoegd, kan je er snel een tweede afbeelding naast slepen. Wanneer je het afbeeldingsbestand van je computer sleept, houd je het ingedrukt tot er een verticale lijn naast je eerste afbeelding verschijnt en laat je het vervolgens los. Hier volgt een videodemonstratie van hoe je een nieuwe afbeelding naast een bestaande sleept en neerzet:

Gebruik het media- en tekstblok om een afbeelding of video naast tekst plaatsen. Verder biedt het een handige optie om de media en tekst op mobiele apparaten te stapelen.

Voor meer opties om tekst rond een afbeelding te plaatsen, ga je naar onze handleiding Afbeeldingen uitlijnen met tekst.

Gebruik een omslagafbeeldingblok voor afbeeldingen in de stijl van een koptekst of banner over de volledige breedte. Je kan de afbeelding instellen op een vaste achtergrond (ook wel een ‘parallax-effect’ of ‘parallax-scrollen’ genoemd), een kleur-overlay toevoegen en zelfs tekst en andere inhoud toevoegen aan de afbeelding.

Vaste achtergrond met het parallax-effect:

Niet vaste achtergrond:

Gebruik het galerijblok om meerdere foto’s tegelijk weer te geven.

Het diapresentatieblok is geweldig om afbeeldingen mee te delen zonder te veel ruimte in te nemen op een pagina of in een bericht.

Het tegelgalerijblok heeft vier verschillende stijlen:

• Mozaïek in tegels
• Rond raster
• Vierkante tegels
• Kolommen in tegels

Mozaïek in tegels

Rond raster

Vierkante tegels met optioneel ronde hoeken

Kolommen in tegels

Gebruik het Blok voor afbeeldingen vergelijken om twee afbeeldingen naast elkaar (of boven en onder elkaar) te plaatsen en gebruik een schuifbalk om verschillen tussen de twee afbeeldingen weer te geven.