Skip to content

Afbeeldingen toevoegen of wijzigen in Elementor

Elementor maakt het eenvoudig om afbeeldingen toe te voegen en te bewerken op je WordPress-website. Hieronder wordt een gedetailleerde uitleg gegeven over hoe je afbeeldingen kunt toevoegen of wijzigen met behulp van Elementor.

Stap 1: De Elementor Editor openen

  • Inloggen op je WordPress-dashboard

    • Ga naar de inlogpagina van je WordPress-website (meestal jouwwebsite.nl/wp-admin).
    • Voer je gebruikersnaam en wachtwoord in om in te loggen.
  • Pagina of bericht selecteren om te bewerken

    • In het linker zijmenu, ga naar “Pagina’s” of “Berichten”, afhankelijk van waar je de afbeelding wilt toevoegen of wijzigen.
    • Klik op de pagina of het bericht dat je wilt bewerken.
    • Klik op de knop “Bewerken met Elementor” om de Elementor-editor te openen.

Stap 2: Afbeelding toevoegen

  • Afbeeldingswidget toevoegen

    • In de Elementor-editor zie je aan de linkerkant een paneel met widgets.
    • Zoek de “Afbeelding” widget in de lijst of gebruik de zoekbalk bovenaan het widgetpaneel.
    • Sleep de “Afbeelding” widget naar de gewenste plek in je lay-out aan de rechterkant.
  • Afbeelding uploaden

    • Klik op de afbeelding die nu in je lay-out staat. Aan de linkerkant verschijnt het widgetinstellingenpaneel.
    • Klik op het gebied waar “Choose Image” (Afbeelding kiezen) staat.
    • Er verschijnt een pop-up waarin je kunt kiezen uit de mediabibliotheek of een nieuwe afbeelding kunt uploaden.
    • Klik op “Bestanden uploaden” en selecteer een afbeelding van je computer, of kies een bestaande afbeelding uit je mediabibliotheek.
    • Zodra de afbeelding is geüpload of geselecteerd, klik je op “Invoegen” (Insert Media).
  • Afbeelding instellen

    • In het widgetinstellingenpaneel kun je nu de afbeelding bekijken. Hier kun je ook de titel, alt-tekst, bijschrift en beschrijving aanpassen voor SEO-doeleinden.
    • Onder “Stijl” kun je de breedte, hoogte, en andere stijlinstellingen van de afbeelding aanpassen.
    • Onder “Geavanceerd” kun je marges, padding en andere geavanceerde instellingen configureren.

Afbeelding wijzigen

  • Afbeelding selecteren

    • Klik op de afbeelding die je wilt wijzigen. Het widgetinstellingenpaneel verschijnt aan de linkerkant.
    • Klik op de afbeelding in het widgetinstellingenpaneel om de mediabibliotheek te openen.
  • Nieuwe afbeelding kiezen

    • In de mediabibliotheek kun je een nieuwe afbeelding selecteren of een nieuwe afbeelding uploaden door op “Bestanden uploaden” te klikken.
    • Selecteer of upload de nieuwe afbeelding en klik op “Invoegen” (Insert Media).
  • Aanpassingen maken

    • Net zoals bij het toevoegen van een nieuwe afbeelding, kun je nu de instellingen aanpassen voor de nieuwe afbeelding.
    • Bewerk de titel, alt-tekst, bijschrift en beschrijving zoals nodig.
    • Pas de stijl- en geavanceerde instellingen aan om de afbeelding te integreren in je ontwerp.

Extra tips

  • Afbeeldingsgrootte optimalisatie: Zorg ervoor dat je afbeeldingen geoptimaliseerd zijn voor het web om de laadtijden van je website te minimaliseren. Gebruik tools zoals TinyPNG of ILoveIMG om de bestandsgrootte te verkleinen zonder kwaliteitsverlies.
  • SEO-optimalisatie: Voeg altijd relevante alt-tekst toe aan je afbeeldingen. Dit helpt zoekmachines om de inhoud van je afbeeldingen te begrijpen en verbetert de toegankelijkheid voor gebruikers met visuele beperkingen.
  • Afbeeldingsformaten: Gebruik geschikte afbeeldingsformaten (bijvoorbeeld JPEG voor foto’s en PNG voor grafische afbeeldingen met transparantie) om de beste balans tussen kwaliteit en bestandsgrootte te bereiken.
Davy

Davy

Eigenaar meeda | WordPress & Elementor specialist

Gerelateerde artikelen

Globale widgets gebruiken in Elementor

Globale widgets in Elementor zijn een krachtige functie waarmee je een widget op meerdere pagina’s kunt gebruiken en
Lees meer

Caching plugins voor je Elementor website

Het gebruik van caching plugins kan de laadsnelheid en prestaties van je Elementor-website aanzienlijk verbeteren. Er zijn verschillende
Lees meer

Elementor en Woocommerce: Bouw je webshop in Elementor!

Elementor en WooCommerce zijn twee krachtige tools die samen een flexibele en veelzijdige oplossing bieden voor het bouwen
Lees meer