Afbeeldingen zijn essentieel voor elke website om deze visueel aantrekkelijk te maken. Daarom moet je leren hoe je het afbeeldingsblok in WordPress gebruikt. Net als elke andere paginabouwer wordt de Gutenberg blokbouwer geleverd met het kernafbeeldingsblok voor het toevoegen van afbeeldingen.
Vandaag delen we de volledige richtlijnen over het imageblock, de voordelen, functies en hoe je het kunt gebruiken. Zorg ervoor dat je van begin tot eind bij ons bent.
Wat is het beeldblok?
De beeldblok is het speciale kernblok met de WordPress blokeditor om afbeeldingen toe te voegen. Met het blok Afbeelding kun je afbeeldingen in je inhoud invoegen, bewerken en aanpassen.
Het core image-blok biedt de volgende voordelen.
- Gebruiksgemak: Het blok Afbeelding is gemakkelijk te gebruiken omdat iedereen het kan gebruiken zonder speciale vaardigheden. Afbeeldingen toevoegen met het blok is ook eenvoudig.
- Aanpassing: Je kunt het formaat van de afbeelding aanpassen, de uitlijning van de afbeelding instellen, bijschriften toevoegen, enz.
- SEO optimalisatie: Je kunt alt-tekst toevoegen aan elke afbeelding met behulp van het afbeeldingsblok, waardoor zoekmachines je afbeelding beter begrijpen.
Maak prachtige tafels
Met blok-editor
Werkbalkfuncties Beeldblok
De werkbalk Afbeelding blokkeren heeft verschillende functies waarmee je de werkbalk kunt aanpassen. De functies van de blokwerkbalk worden hieronder uitgelegd.
- Transformeren: Je kunt dit blok omzetten in een alinea, code, kolommen, enz.
- Slepen: Hiermee kunt u het speciale blok naar elke gewenste plaats slepen.
- Bewegende handgreep: Laat je blok op en neer bewegen.
- Uitlijnen: Met de uitlijningsoptie kun je de uitlijning van de afbeelding instellen op Geen, Breedte, Volledige breedte, Links, Midden en Rechts.
- Duotoon filter: Met het Duotone filter kun je een tweekleurig kleureffect maken zonder de originele afbeelding te verliezen. Ook met deze functie kun je schaduwen en hoge lichten instellen.
- Hyperlink: Met deze optie kun je links toevoegen voor geselecteerde inhoud binnen het blok.
- Gewas: Met de optie Bijsnijden kun je inzoomen, de beeldverhouding wijzigen en de afbeelding draaien.
- Tekst over afbeelding toevoegen: Hiermee kun je tekst toevoegen over de afbeelding en andere blokken binnen het afbeeldingsblok. De Beeldblok in de Afdekblok.
- Onderschrift toevoegen: Je kunt bijschriften toevoegen met de optie.
- Vervangen: Met de optie vervangen kun je je huidige afbeelding vervangen door de andere afbeelding.
- Meer opties: Biedt meer opties met betrekking tot de sectie van het blok, zoals dupliceren, kopiëren, groeperen, enz.
Hoe gebruik je het afbeeldingsblok in WordPress?
We laten je hieronder in een paar eenvoudige stappen zien hoe je het WordPress afbeeldingsblok kunt gebruiken. Je hoeft alleen maar te volgen.
Stap 1: Het afbeeldingsblok invoegen
Om het blok Afbeelding in te voegen, ga je naar je bericht of pagina.
Klik daarna op Blok toevoegen ("+") Blok toevoegen pictogram (1), type "Afbeelding" in het zoekvak (2)en klik op "Afbeelding" (3).
Stap 2: Uw afbeeldingsbestand invoegen
Je kunt een van deze drie opties selecteren.
- Uploaden: Je kunt je afbeeldingsbestanden uploaden.
- Mediatheek: Hiermee kunt u afbeeldingen uit uw mediabibliotheek selecteren die al eerder zijn geüpload.
- Van URL invoegen: Je kunt de afbeelding invoegen met behulp van de links.
Hoe een afbeelding invoegen via de Uploadoptie
Om afbeeldingsbestanden in te voegen, klik je op de knop uploaden, selecteer je je afbeelding en klik je op openen. Daarna wordt de afbeelding geopend in de editor.
Hoe een afbeelding invoegen via de optie Mediabibliotheek
Klik op de knop Mediabibliotheek, selecteer de afbeelding en klik op de knop Selecteren om de afbeelding in de editor in te voegen.
Hoe een afbeelding invoegen via de optie Afbeelding invoegen vanaf URL
Selecteer de knop Invoegen vanaf URL, voer de link in en deze wordt weergegeven in de editor.
Stap 3: Afbeelding aanpassen
Wanneer u de afbeelding in de editor hebt ingevoegd, kunt u de grootte ervan aanpassen vanuit de editor.
Je kunt ook verschillende opties instellen via de Blokkeerinstellingen. Om de blokinstellingen te openen, navigeert u naar Instellingen (1) > Blok (2) > Instellingen (3).
De opties Instellingen bevatten functies zoals:
- Alternatieve tekst: Hiermee kun je alternatieve tekst instellen voor SEO-doeleinden.
- Beeldverhouding: Hiermee kun je de beeldverhouding voor je afbeelding instellen op Origineel, Vierkant, Standaard, Portret, Klassiek, Klassiek portret, Breed en Hoog.
- Resolutie: Je kunt de resolutie instellen op Groot, Medium, Miniatuur en Volledig formaat.
- Breedte: Stel de gewenste breedte in.
- Hoogte: Stel de hoogte in van de afbeelding die je nodig hebt.
De blokstijlen bevatten andere stylingfuncties die je nodig kunt hebben bij het stylen van het afbeeldingsblok.
- Stijlen: Met deze functie kun je de afbeeldingsstijlen instellen op Standaard en Afgerond.
- Filters: Met filters kun je een duotoonfilter instellen voor je afbeelding zonder de originaliteit te verliezen.
- Afmetingen: Met deze functie kun je marges instellen voor je afbeelding.
- Grens & Schaduw: Met deze functie kun je een rand en grensradius toevoegen voor het afbeeldingsblok.
Zo gebruik je dus het afbeeldingsblok en zijn opties.
Laatste gedachten!
Het Afbeeldingsblok in WordPress is een gebruiksvriendelijk en krachtig hulpmiddel waarmee je je inhoud kunt verfraaien met afbeeldingen. Beheers elke functie van dit blok en maak je website visueel aantrekkelijk.
Het afbeeldingsblok is perfect voor het delen van je opvallende producten, het delen van herinneringen of het uitleggen van een concept. Het zorgt er ook voor dat je afbeeldingen er op hun best uitzien.
Dus als je de volgende keer aan een WordPress project werkt, gebruik dan dit handige blok om je inhoud op te waarderen.
Ik hoop dat je deze tutorial inzichtelijk en makkelijk te volgen vond. Laat in het commentaargedeelte hieronder horen wat jullie van de tutorial en het blok vinden.
Vergeet ook niet om dit te delen op je sociale media en anderen op de hoogte te brengen van dit geweldige afbeeldingsblok.
Lees meer!
- Hoe je het voorgeformatteerde blok in WordPress in 3 eenvoudige stappen kunt gebruiken
- Het Codeblok in WordPress gebruiken in 3 eenvoudige stappen
- Het citaatblok in WordPress gebruiken in 3 eenvoudige stappen
- Hoe het blok Lijst gebruiken in WordPress
- De blokken-editor van WordPress gebruiken (beginnershandleiding)
- 7 Beste WooCommerce prijstabel plugins
