Het is geen geheim meer dat visuele content zoals afbeeldingen een krachtige rol spelen bij het overbrengen van concepten en verhalen. Tekst alleen kan lezers vaak niet boeien. Daarom is het opnemen van relevante afbeeldingen in blogberichten en pagina's verplicht geworden.
Met WordPress kun je op verschillende manieren afbeeldingen aan je site toevoegen. Een van de meest effectieve manieren is om afbeeldingen in kolommen en rijen toe te voegen. Zo kun je je afbeeldingen op een georganiseerde manier presenteren.
In deze blogpost laten we je zien hoe je WordPress afbeeldingen op verschillende manieren kunt weergeven in Kolommen & Rijen.
- Methode 1: Afbeeldingen weergeven in WordPress met behulp van het Kolomblok
- Methode 2: Afbeeldingen weergeven in WordPress met behulp van het Galerij-blok
- Methode 3: Afbeeldingen weergeven in WordPress met de TableBerg-plugin
Maak prachtige tafels
Met blok-editor
Methode 1: Afbeeldingen weergeven in WordPress met behulp van het Kolomblok
WordPress heeft een standaard kolomblok. Je kunt er nog veel meer blokken aan toevoegen, waaronder het afbeeldingsblok. Dit is de handleiding.
Stap 01: Het Gutenberg Kolomblok toevoegen
Vinden en Kolom toevoegen door op het pluspictogram (+) in de editor te klikken.
Selecteer het aantal kolomvariaties dat je wilt toevoegen aan het kolomblok. Voor deze tutorial selecteren we de 50/50 kolomvariatie.
Stap 02: Het afbeeldingsblok toevoegen aan het kolomblok
Zoals we al zeiden, kun je andere Gutenberg-blokken binnen het kolomblok plaatsen. Nu, klik op het pluspictogram (+) binnen de kolom. Zoeken en het blok Afbeelding toevoegen aan.
Je kunt nu afbeeldingen toevoegen vanuit de Mediabibliotheek of de lokale schijf. Doe wat je wilt.
Stap 03: Het afbeeldingsblok stylen binnen het kolomblok
Je ziet dat we een afbeelding hebben toegevoegd. Je kunt deze centraal uitlijnen met de uitlijnoptie op de werkbalk. Pas de grootte van de afbeelding aan met het pictogram met de randcirkel. Tot slot kun je de afbeelding verder stileren met de opties op het tabblad Stijl.
Voeg op dezelfde manier ook een afbeelding toe aan de andere kolom.
Methode 2: Afbeeldingen weergeven in WordPress met behulp van het Galerij-blok
WordPress heeft een standaard Galerij blok waarmee je meerdere afbeeldingen kunt toevoegen met dezelfde blok lay-out.
Stap 01: Het galerijblok toevoegen
Vind en het blok Galerij toevoegen aan de editor.
Je mag afbeeldingen uploaden vanaf je lokaal station of de Mediatheek. In deze tutorial uploaden we afbeeldingen vanuit de Mediabibliotheek.
Stap 02: Afbeeldingen selecteren en uploaden
Selecteer de afbeeldingen die je wilt uploaden naar het Galerij-blok. Je kunt zoveel afbeeldingen selecteren als je wilt. Eenmaal klaar, klik op de knop Een nieuwe galerij maken.
Als je wilt, kun je bijschriften toevoegen aan elke afbeelding. Geen probleem als je niets toevoegt. Klik op de Knop Galerij invoegen aan het einde.
Je kunt zien dat er afbeeldingen zijn toegevoegd aan de galerij. Vervolgens kunt u het blok Afbeelding aanpassen met opties uit de Instellingen en Tabblad Stijlen op de rechterzijbalk.
Hopelijk kun je het alleen, dus ik ga niet in op de details.
Methode 3: Afbeeldingen weergeven in WordPress met de TableBerg-plugin
TableBerg is een gebruiksvriendelijke plugin voor het maken van tabellen. Hiermee kun je verschillende aangepaste blokken aan de tabelcellen toevoegen om multifunctionele tabellen te maken. In dit gedeelte laten we je zien hoe je afbeeldingen kunt toevoegen in WordPress met de TableBerg plugin.
Stap 01: Installeer en activeer de TableBerg-plugin
Ga naar Plugins > Nieuwe plug-in toevoegen. Type TafelBer in het zoekvak. Installeer en activeren zodra de plugin hieronder verschijnt.
Stap 02: Voeg het TableBerg-blok toe aan uw bericht/pagina
De plugin wordt geleverd met een Gutenberg-blok met de naam TableBerg. Zoek en voeg de TabelBerg blok naar je redacteur.
Definieer het rij- en kolomnummer voor de tabel. Het proces is vergelijkbaar met het standaard tabelblok. Doe het zelf.
Stap 03: Het afbeeldingsblok zoeken en toevoegen aan de tabel
Hopelijk is je tabel klaar. Selecteer de cel waar je een afbeelding wilt toevoegen. Zodra je een cel hebt geselecteerd, wordt de plus (+) pictogram verschijnt.
Klik op het pluspictogram (+). Je krijgt het blok Afbeelding. Klik op het blok Afbeelding.
Je krijgt opties om afbeeldingen te uploaden vanaf de lokale schijf of de Mediabibliotheek. Klik op de gewenste optie en upload de afbeelding.
Stap 04: De geüploade afbeelding stylen
Hopelijk is je afbeelding al geüpload naar de tabel. Ga naar het tabblad Stijlen in de rechter zijbalk. Daar vind je opties zoals Duotone, Border en Radius om je afbeeldingsblok te stylen.
Je kunt dus afbeeldingen uploaden naar de WordPress tabel met de plugin. Verken hoe maak je een teamlid sectie in WordPress met behulp van het kolomblok.
Laatste opmerkingen!
Om een website succesvol te onderhouden, moet je je inhoud op verschillende manieren uploaden en presenteren. Soms moet dezelfde inhoud op verschillende manieren in verschillende berichten en pagina's worden gepresenteerd. En dat geldt ook voor het afbeeldingsblok.
Hopelijk ben je na het lezen van deze tutorial in staat om je afbeeldingsblok op verschillende manieren toe te voegen in WordPress en variaties aan te brengen in de inhoud.
