Werken met het WordPress afbeeldingsblok: Hoe je afbeeldingen toevoegt in WordPress [+Secret tip]

Voor veel gebruikers kan het werken met afbeeldingen erg frustrerend zijn. Het is niet altijd gemakkelijk om de juiste beeldverhouding te kiezen of om het formaat van afbeeldingen aan te passen zodat ze er goed uitzien in de hele lay-out.

1. Waarom het WordPress Afbeeldingsblok gebruiken
2. Hoe afbeeldingen toevoegen met het afbeeldingsblok van WordPress
3. Extra opmaak afbeeldingen proces
4. Extra tip van ons in het artikel

Oudere WordPress versies (tot v5.0) voegden afbeeldingen toe met de +Add Media knop. Het probleem was dat je zelfs bij een minimale wijziging in de afbeeldingsgrootte de afbeelding opnieuw moest uploaden. Dit betekent tijdverlies en overbodig klikken.

De nieuwe blok-gebaseerde editor Gutenberg verandert de manier waarop je afbeeldingen toevoegt aan WordPress om dit proces eenvoudiger te maken voor eindgebruikers. In dit artikel laten we je een praktische handleiding zien voor het toevoegen en bewerken van het WordPress afbeeldingsblok. Daarnaast leggen we nog een optie uit voor het plakken van afbeeldingen - hoe je een afbeelding kunt kopiëren en plakken naar het inhoudsgebied met slechts een paar klikken. We laten je ook kennismaken met de nieuw toegevoegde functies van WP 5.3.

Maar laten we het eerst hebben over waarom je afbeeldingen zou moeten gebruiken in posts en pagina's.

Waarom is het WordPress afbeeldingsblok onmisbaar voor je website?

Aandacht trekken

Afbeeldingen trekken de aandacht van websitebezoekers. Ze moeten interessant zijn om bezoekers langer op je website te houden. Denk aan een blogbericht zonder afbeeldingen. Het is alleen maar een hoop tekst. Op het eerste gezicht is het niet erg interessant, ook al kan het waardevol zijn en vol informatie zitten. Bovendien kunnen foto's helpen om je onderwerp beter voor te stellen en te beschrijven.

Daarom moeten we WordPress Image block gebruiken om de aandacht te richten op belangrijke dingen.

Illustratieve tekst en context

Afbeeldingen zijn ook een essentieel onderdeel voor het begrijpen van inhoud, omdat ze bezoekers beter laten begrijpen waar het artikel over gaat. Dankzij infographics kun je ingewikkelde verbanden uitleggen en dingen op een eenvoudige manier vertellen. Het helpt bezoekers zich beter te oriënteren in het probleem waar je het over hebt.

Website mooier maken

Bovendien maken afbeeldingen het hele websiteontwerp mooi af. Het gaat niet alleen om de lay-out van de website, maar ook om gebruiksvriendelijkheid. Goed gekozen en geplaatste afbeeldingen kunnen bezoekers helpen om gemakkelijker door je website te bladeren.

Hoe afbeeldingen toevoegen in de blokeditor van WordPress

Om een afbeelding in een bericht of pagina in te voegen, moet je een kernblok - Afbeeldingsblok - toevoegen. Er zijn verschillende manieren om dit te doen:

- Met "+" in de bovenste balk of ergens anders in de editor

- Schuine streep "/" gebruiken en daarna het woord "image" schrijven

Er wordt een nieuw blok aangemaakt waarin je actuele afbeeldingen kunt toevoegen.

Afbeeldingen uploaden naar WordPress

Hoe plaats je afbeeldingen waar je wilt?

• Gebruik Upload en selecteer een afbeelding van uw harde schijf.
• Gebruik de Mediabibliotheek, waar je afbeeldingen kunt selecteren die al naar je website zijn geüpload
• Gebruik de muis en sleep de afbeelding
• URL-adres van afbeelding invoegen

Minder bekende methode om WordPress afbeeldingen toe te voegen

Naast het uploaden van afbeeldingen via het uploadvenster, zoals eerder genoemd, is er nog een andere manier om afbeeldingen in te voegen (en het is zo'n snelle manier!). Met de verbeterde WordPress editor kun je:

• Afbeelding kopiëren van een inhoud of
• Sleep de afbeelding gewoon met een muiscursor

En plaats of verplaats de geselecteerde afbeelding naar de gewenste locatie in het inhoudsgebied.

Dezelfde techniek kun je ook gebruiken als je een afbeelding van je scherm wilt plakken. Er zijn slechts drie eenvoudige stappen nodig. Ten eerste, je moet een screenshot maken met behulp van de printscreenfunctie. Windows 10 biedt bijvoorbeeld zijn standaard Snippet-tool genaamd Snip & Sketch, die ook beschikbaar is via een snelkoppeling - druk gewoon de toetsen Win+Shift+S samen in op je toetsenbord. Selecteer vervolgens het afbeeldingsgebied dat je wilt vastleggen. De laatste stap is het plakken van de gekopieerde afbeelding (of een deel ervan) in het inhoudsgebied met de standaard sneltoets Ctrl+V.

En wat gebeurt er met de WordPress-afbeelding die je in je editor hebt geplakt? Nou, deze wordt automatisch toegevoegd aan de Mediabibliotheek waar je deze afbeelding kunt bewerken.

Beperkte opties voor afbeeldingsmetagegevens

Binnen het bewerken van afbeeldingen kun je de titel, bijschrift, beschrijving en alternatieve tekst instellen. Helaas kun je de bestandsnaam van de afbeelding niet wijzigen - de automatisch gegenereerde naam blijft behouden, zoals afbeelding-1.png enzovoort. Dit type bestandsnaam kan een klein nadeel zijn op het gebied van SEO optimalisatie omdat het in strijd is met de aanbevelingen voor bestandsnamen. Daarom moet je dit aspect in overweging nemen voordat je WordPress afbeeldingen naar het inhoudsgebied verplaatst.

Afbeelding uitlijnen

Het uitlijnen van afbeeldingen is een van de belangrijkste functies. Het maakt niet uit of je het WordPress afbeeldingsblok toevoegt aan een bericht of pagina, je moet altijd rekening houden met de plaatsing, afhankelijk van het ontwerp van de website. Op basis daarvan kun je de uitlijning van afbeeldingen kiezen in de werkbalk erboven. Standaard kun je de afbeelding links, rechts of gecentreerd plaatsen. Bij sommige WordPress thema's kun je afbeeldingen uitlijnen in de breedte of de volledige breedte. Het hangt echt af van de thema-eigenschappen omdat niet alle thema's dit ondersteunen.

Formaat van afbeeldingen wijzigen

De revolutionaire functie van het afbeeldingsblok in WordPress editor is het praktisch aanpassen van het formaat. Sleep gewoon de zijkant van de afbeelding om deze kleiner of groter te maken. Op die manier kun je de afbeeldingsgrootte aanpassen aan de tekst in de inhoud. De editor houdt automatisch de verhoudingen van de afbeelding bij, zodat je je geen zorgen hoeft te maken over vervormingen.

Nieuwe blokstijl die een afbeelding omzet in een cirkelvorm

Als je de laatste beschikbare versie van WordPress gebruikt, dan heb je misschien een nieuwe cirkel-crop stijl opgemerkt die je kunt gebruiken voor je afbeelding. De vorm van de afbeelding kan worden gewijzigd via de bovenste werkbalk door te klikken op het eerste pictogram "Type of stijl blok wijzigen". De standaard (rechthoekige) vorm wordt dan in een cirkelvorm geknipt.

Nieuwe functies in het blok WordPress Afbeeldingen (toegevoegd in WP 5.3)

Ondersteuning voor afbeeldingen met hoge resolutie

Een van de grootste hoogtepunten van WP 5.3 is de verbeterde verwerking van afbeeldingen op het WordPress-platform. Het werken met afbeeldingen heeft nu twee belangrijke functies:

1. Uploaden hervatten - Als je foto's met een hoge resolutie aan het uploaden bent en de internetverbinding hapert, gaat het uploadproces automatisch verder vanaf het onderbroken punt.
2. Automatische afbeeldingsrotatie - de nieuwste WP-versie zorgt ervoor dat verkeerd geroteerde afbeeldingen automatisch naar de juiste positie worden geroteerd wanneer ze worden geüpload

Instellingen in Inspector

Om de exacte afmetingen in te stellen kun je de Inspector gebruiken op de rechter zijbalk in de editor. Instellingen voor afbeeldingsgrootte biedt kant-en-klare formaten zoals miniatuur, medium, groot of volledig formaat. Je kunt de breedte en hoogte instellen in pixels of percentages natuurlijk.

Het is erg snel en praktisch omdat je alle wijzigingen in het formaat van afbeeldingen direct in het blok WordPress Afbeeldingen kunt uitvoeren en alles op één plek in de blokeditor.

Andere blokinstellingen voor afbeeldingen

Hoe een URL-adres toevoegen

Afbeeldingen kunnen worden gebruikt als statische afbeeldingen of ze kunnen ook klikbaar zijn en er kan naar worden gelinkt:

•   Mediabestand
•   Bijlage Pagina
•   Aangepaste URL

Afbeelding bewerken in het afbeeldingsblok van WordPress

Elke afbeelding kan worden bewerkt door op het potloodpictogram te klikken. Er wordt een modaal venster met de mediabibliotheek geopend waarin je alt-tekst, titel, bijschrift en beschrijving kunt schrijven. Op dezelfde manier als je gewend bent te doen in oudere WordPress versies met de klassieke editor.

Waarom is het belangrijk dat deze teksten worden ingevuld?

Als bezoekers op de afbeelding klikken om deze groter te zien, zien ze de titel van de afbeelding (bijvoorbeeld Citadela homepage) en niet de bestandsnaam. Ook, als er een probleem is met het laden van de afbeelding, zal alternatieve tekst worden getoond op je website.

Extra tips

Naast al deze redenen en instellingen voor WordPress Afbeeldingen blokken is er nog het belangrijkste. Je kunt meer bezoekers naar je website krijgen door afbeeldingen te gebruiken. Dus hoe krijg je ze?

Tegenwoordig zijn mensen lui om te lezen. Ze scrollen liever door de afbeeldingen om antwoorden te vinden. Hoe komt het dat jouw foto's en afbeeldingen kunnen ranken? Teksten zijn het antwoord. Heel belangrijk voor SEO-optimalisatie zijn de perfecte titel en beschrijving van de afbeelding. Vergeet niet om alternatieve tekst in te vullen. Dan kan Google de afbeelding beter begrijpen. Zo heb je een grotere kans om te ranken in de zoekresultaten voor afbeeldingen.

2 manieren om afbeeldingsonderschrift toe te voegen

Het toevoegen van een afbeeldingsonderschrift is heel eenvoudig met block editor. Direct onder de afbeelding is ruimte om tekst te schrijven. Dit is de eerste manier - Het bijschrift wordt bij precies deze afbeelding op de opgegeven subpagina geschreven.

De tweede manier is om een afbeeldingsonderschrift te schrijven met het potloodpictogram (Afbeelding bewerken) in de Mediabibliotheek. Op deze manier voegt u het bijschrift van de afbeelding globaal toe aan de hele website. Dat betekent dat als u dezelfde afbeelding op drie verschillende plaatsen gebruikt, deze altijd dit bijschrift zal gebruiken.

Vind je het leuk hoe gemakkelijk het is om afbeeldingen toe te voegen in het WordPress Image blok? Probeer het zelf!

Lees meer over ons gloednieuwe Citadela WordPress thema en de op maat gemaakte lay-out pakketten. Ze zijn speciaal ontworpen en ontwikkeld voor verschillende soorten bedrijven en ondersteunen ook de nieuwe manier van inhoud bewerken via de WordPress blok editor.