040 848 80 69 bob@bobdewebbouwer.com

WordPress handleiding hoofdstuk 5 : Foto’s en video’s in WordPress plaatsen en bewerken

Zoals je in hoofdstuk 3 hebt kunnen lezen kun je in Gutenberg, de standaard editor sinds WordPress 5.0, content toevoegen met zogenaamde blokken.
Voor het toevoegen van een foto of video is een eigen blok beschikbaar.

Als je een foto of andere afbeelding wilt toevoegen klik je op het plus icoontje (1) en selecteer je “afbeelding”. Je kunt dan kiezen uit meerdere manieren om je afbeelding toe te voegen (2)

  • Je kunt een afbeelding in het grijze vlak slepen om deze automatisch te uploaden
  • je kunt op “uploaden” klikken om een afbeelding op je computer te selecteren
  • Je kunt een eerder geuploade afbeelding uit de media bibliotheek kiezen 
  • Je kunt een afbeelding embedden door de URL in te voeren
Voor videofragmenten is een eigen blok beschikbaar.

Media bibliotheek

Alle afbeeldingen, video’s, PDF’s en andere bestanden die je uploadt naar je WordPress website worden opgeslagen in de media bibliotheek. Dit kun je vergelijken met de map “foto’s” op je computer. Door in het WordPress menu op “media” te klikken kun je deze media bibliotheek openen, en je kunt dus ook afbeeldingen vanuit de media bibliotheek toevoegen aan je pagina’s en berichten.

De details van een afbeelding invullen

Wanneer je een foto of video gekozen hebt verschijnt het onderstaande venster aan de rechterzijde van de pagina. Daarin zie je eerst enkele details, zoals de naam van de afbeelding en de afmeting. Vervolgens zie je enkele velden die je zelf kunt vullen.

De tekst die je bij “titel” invult krijgen mensen te zien als ze met de muis over de foto gaan. In sommige thema’s wordt de titel ook bij de foto getoond, evenals het onderschrift wat je daaronder kunt invullen. Bij veel thema’s wordt het onderschrift echter niet getoond, in dat geval kun je dat veld dus gewoon leeg laten.

Het alt-tekst veld mag in principe niet leeg gelaten worden, althans niet volgens de HTML specificaties. Dit veld wordt namelijk gebruikt door screenreaders voor blinden en slechtzienden, en aangezien Google ook blind is gebruiken ook zoekmachines de alt tekst om te bepalen wat er op de afbeelding te zien is. Het alt-tekst veld dient dus een korte omschrijving van de afbeelding te bevatten.

Overige afbeelding instellingen

Wanneer je de afbeelding hebt ingevoegd in je pagina of bericht kun je nog enkele dingen instellen middels de toolbar die boven de afbeelding verschijnt.

Zo kun je instellen hoe de afbeelding uitgelijnd dient te worden (1) en je kunt de blauwe punten (2) met je muis verslepen om de afbeelding te verkleinen of te vergroten.

Als je op de 3 puntjes boven elkaar (3) klikt opent een sidebar met nog meer instellingen aan de rechterkant. Zo kun je hier de eerder genoemde alt tekst aanpassen en selecteren hoe groot de afbeelding dient te zijn.

Verder kun je onder het kopje “link instellingen” bepalen wat er gebeurt als er op de afbeelding geklikt wordt. 

De eerste optie is “mediabestand”. Als je deze optie kiest wordt er een groter exemplaar van de afbeelding weergegeven. Als je een plugin als “fancybox for wordpress” hebt geïnstalleerd krijgt je een mooi plaatje over de huidige pagina, probeer het maar eens door op de afbeelding hiernaast te klikken.

De volgende optie is “bijlagepagina”. WordPress maakt voor iedere afbeelding of ander mediabestand een eigen pagina aan, en als je deze optie selecteert opent de eigen pagina van de betreffende afbeelding.

De derde optie is “aangepaste URL”. Dit spreekt voor zich, als je deze optie selecteert kun je de afbeelding linken aan een willekeurig internetadres. De laatste optie is “geen” , voor als je de afbeelding nergens naartoe wilt linken. Als je er dan op klikt gebeurt er niets.

Als je op het potloodje (4) klikt kun je de gegevens uit de vorige stap aanpassen, en als je besluit je dat je toch liever een galerij met meerdere afbeeldingen wilt maken kun je dat instellen door op het afbeelding icoontje (5) te klikken.

Hulp nodig met je WordPress website?

Deze Wordpress handleiding is geschreven door Bob de webbouwer, een allround website expert die regelmatig blogt over allerlei onderwerpen die je helpen bij (het bouwen van) jouw website. Heb je hulp nodig? Huur Bob de webbouwer dan in om een WordPress website voor je te bouwen, jouw WordPress website te verbeteren of een workshop over dit onderwerp te verzorgen.

Vraag direct een vrijblijvende offerte aan

Heeft dit artikel je zo goed geholpen dat je mij niet meer nodig hebt?
Een kleine eenmalige donatie wordt altijd zeer op prijs gesteld 🙂

Bedrag €*



8 Reacties

  1. Babs

    Hi, ik heb een vraagje. Als ik nu een afbeelding upload via mijn computer staat er als titel “bty” of “ADV” terwijl ik de foto’s op mijn laptop wel hernoemd heb.
    Op de een of andere manier pakst hij de teskt niet.
    Enig idee hoe ik dit kan oplossen?

    Antwoord
  2. Bob de webbouwer

    Hoi Babs,

    Standaard gebruikt WordPress de bestandsnaam als titel, maar de titel wordt meestal niet weergegeven. Vaak wordt de alt tekst als omschrijving gebruikt, maar er zijn ook thema’s of plugins die het onderschrift weergeven. Die moet je dus ook aanpassen.

    Groeten van Bob

    Antwoord
  3. Esther

    Hoe kan ik de afbeelding van mijn logo in de linkerbovenhoek van mijn website aanpassen?
    Bij jullie staan daar ook jullie logo.

    Antwoord
  4. Bob de webbouwer

    Hoi Esther,

    Normaal kun je dat instellen via weergave –> customizer –> kopafbeelding, maar in sommige thema’s (zoals het thema waar ik mee werk) kun je het logo in de thema instellingen wijzigen.

    Groeten van Bob

    Antwoord
  5. jan

    hallo, ik wil graag in de ‘uitgelichte afbeelding’foto s embedden, maar hoe plaats ik daar de link?

    Antwoord
  6. Bob de webbouwer

    Hoi Jan,

    Ik begrijp even niet wat je bedoelt, sorry… wil je een galerij met meerdere foto’s in de uitgelichte afbeelding hebben? Dat is standaard helaas niet mogelijk. Of bedoel je wat anders?

    Groeten van Bob

    Antwoord
  7. jan heller

    Nee wat ik bedoel is het volgende|: Je kunt in een post een foto embedden, niet door de foto te uploaden maar door een link in te voegen. Dat zou ik dus ook graag willen in uitgelichte afbeelding. Tot nu toe moet je eerst een foto downloaden en dan via deze button toevoegen, maar dan is het geen embedden en daar gaat het nu juist om.

    Antwoord
  8. Bob de webbouwer

    Ah zo, nu snap ik ‘m. Dat is standaard niet mogelijk inderdaad, maar met deze plugin moet het volgens mij wel lukken.

    Antwoord

Een reactie versturen

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *