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: Het Kolomblok gebruiken (Het beste voor volledig handmatige bediening en aangepaste lay-outs)
• Methode 2: Het Galerij-blok gebruiken (Het beste voor eenvoudige afbeeldingsrasters met minimale styling)
• Methode 3: Het Galleryberg-blok gebruiken (Beste voor geavanceerde lay-outs met lightbox en aanpassingen)
• Methode 4: De Tableberg-plugin gebruiken (Het beste voor gestructureerde afbeeldingsrasters zoals prijzen, schema's of producttabellen)

Maak prachtige tafels
Met blok-editor

Probeer gratis

Krijg Pro

Methode 1: Het kolomblok gebruiken

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: Het Galerij-blok gebruiken

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: De Galleryberg-plugin gebruiken

Als je op zoek bent naar een flexibelere en visueel opgepoetste manier om afbeeldingen in kolommen of rijen weer te geven, dan is de Galerijberg plugin is een fantastische keuze. Het is een Gutenberg-native galerijblok plugin die je het volgende geeft meerdere lay-out opties - zoals Tegels, Metselwerk, Recht en Vierkant - allemaal met ingebouwde lichtbak ondersteuning.

Stap 1: Installeer de Galleryberg-plugin

Ga naar je WordPress dashboard en navigeer naar Plugins > Nieuwe toevoegen. Zoek dan naar "Galleryberg" en installeer en activeer de plugin.

Stap 2: Het Galleryberg-blok toevoegen

Open de pagina of het bericht waar je de afbeeldingen wilt weergeven. Klik vervolgens op de + knop en zoek naar de "Galerijberg" blok. Voeg het toe aan de pagina.

Stap 3: afbeeldingen uploaden of selecteren

Gebruik de mediabibliotheek of upload nieuwe afbeeldingen. Je kunt afbeeldingen herschikken door ze te verslepen.

Stap 4: Kies een lay-out

Selecteer de gewenste lay-out in het paneel met blokinstellingen:

• Tegels: Rasterindeling met gelijke tussenruimte (ideaal voor rijen en kolommen)
• Metselwerk: Gestapelde lay-out in Pinterest-stijl
• Gerechtvaardigd: Netjes uitgelijnde rijen van gelijke hoogte
• Vierkant: Perfecte vierkanten voor uniforme rasterweergave

Stap 5: De Lightbox-optie inschakelen

Schakel in de zijbalk met blokinstellingen de optie Lightbox inschakelen optie.

Je afbeeldingen worden nu geopend in een popup met vloeiende overgangen, zoomeffecten en dianavigatie.

Stap 5: Aanpassen en publiceren

• Stel het aantal kolommen in (van 1 tot 8)Blader in de zijbalk met blokinstellingen naar beneden naar de optie Lichtbak sectie.
• Schakel de Lightbox inschakelen optie.
• Je afbeeldingen worden nu geopend in een popup met vloeiende overgangen, zoomeffecten en dianavigatie.
• Pas de spatiëring, bijschriften, randen en meer aan
• Lightbox inschakelen voor interactieve afbeeldingsvoorbeelden

Klik op Publiceer of Update en je galerij verschijnt in duidelijke, responsieve rijen en kolommen.

Methode 4: De Tableberg-plugin gebruiken

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 behulp van de Tafelberg plugin.

Stap 01: De Tableberg-plugin installeren en activeren

Ga naar Plugins > Nieuwe plug-in toevoegen. Type Tafelberg in het zoekvak. Installeer en activeren zodra de plugin hieronder verschijnt.

Stap 02: Voeg het Tableberg-blok toe aan je 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.

<p>The post How to Display WordPress Images in Columns & Rows first appeared on Tableberg.</p>

Afbeeldingen zijn zo'n belangrijke grafische inhoud. Veel gebruikers weten nog niet hoe ze afbeeldingen moeten toevoegen aan WordPress tabellen. Maar door afbeeldingen aan de tabel toe te voegen, kun je gemakkelijk verschillende soorten tabellen maken, zoals vergelijking, productspecificatie, prijstabellenenz.

In dit artikel laten we je twee eenvoudige methoden zien om een afbeelding toe te voegen aan een tabel in WordPress. Laten we beginnen!

• Methode 1: Het standaard tabelblok gebruiken
• Methode 2: Het Tableberg-blok gebruiken

Maak prachtige tafels
Met blok-editor

Probeer gratis

Krijg Pro

Methode 1: het standaard tabelblok gebruiken

De standaard Gutenberg blok editor wordt geleverd met de optie Inline Image die je kunt vinden op de werkbalk. Met behulp van de Optie Inline afbeeldingkun je eenvoudig afbeeldingen toevoegen aan je WordPress tabellen.

Dit is het proces.

Stap 1: Voeg het tabelblok toe aan de editor

Open een bericht of pagina waar je de tabel wilt toevoegen. Voeg de Tabel blok aan de redactie.

Definieer het aantal rijen en kolommen.

De tabel wordt binnen enkele seconden aangemaakt.

Stap 2: Gebruik de optie Inline afbeelding in de tabel

Plaats je cursor op de cel waar je een afbeelding wilt toevoegen. De werkbalk verschijnt.

Klik op de Meer optie op de werkbalk. Zoek en druk op Inline afbeelding op de lijst.

Stap 3: Selecteer en voeg een afbeelding toe

Je kunt een afbeelding toevoegen uit de Mediabibliotheek of uploaden vanaf je lokale schijf. Kies de gewenste afbeelding. Klik op de Selecteer knop aan het einde.

De afbeelding wordt in een seconde toegevoegd. Nu kun je de grootte vergroten door de breedte te wijzigen.

Voeg op dezelfde manier een nieuwe afbeelding toe aan de andere kolom met dezelfde optie Inline afbeelding.

Methode 2: Het Tableberg-blok gebruiken

Tafelberg is een uitgebreide en beginnersvriendelijke plugin voor het maken van tabellen. Met deze plugin kun je ook tabellen maken en afbeeldingen toevoegen aan hun cellen. We hebben het proces hieronder uitgelegd.

Opmerking: Zorg ervoor dat je de Tableberg-plugin geïnstalleerd en geactiveerd.

Stap 01: Voeg het Tableberg-blok toe aan de editor

Zoek en voeg de Tafelberg blok naar de editor. Het blok werkt op dezelfde manier als het standaard Tabelblok zoals hierboven getoond.

Definieer het rij- en kolomnummer.

Het overzicht van de tabel is klaar.

Stap 2: Voeg het afbeeldingsblok toe aan de tabel

Tableberg bevat de Beeldblok. Het werkt op dezelfde manier als de Gutenberg afbeeldingsblok. Voeg het blok Afbeelding toe aan de cel.

Selecteer de optie om de gewenste afbeelding te uploaden vanuit de betreffende bron. Voor deze tutorial uploaden we de afbeelding vanuit de Mediabibliotheek.

Stap 3: Selecteer en upload een afbeelding

Hopelijk weet je wat je hier moet doen. Kies een afbeelding en klik op de Selecteer knop.

De afbeelding wordt onmiddellijk toegevoegd aan de tabel. Je kunt de grootte van de afbeelding wijzigen door de randlijn te verslepen, zoals in de afbeelding hieronder.

Stap 4: de afbeelding aanpassen en stylen

Kom naar de Tabblad Instellingen op de rechter zijbalk. Je kunt een alternatieve tekst, beeldverhouding, breedte, hoogte en resolutie toevoegen, die niet mogelijk zijn met de optie Inline afbeelding.

Ga naar de Tabblad Stijlen. Je kunt een rand en de randradius toevoegen met opties op dit tabblad.

Zo kun je afbeeldingen toevoegen aan de tabel in WordPress.

Afwerknotities!

Hoewel TableBerg een nieuwe plugin is, wordt het een gamechanger. Het zal de op Gutenberg gebaseerde ervaring om tabellen te maken binnenkort naar een hoger niveau tillen.

Met de TableBerg plugin kun je niet alleen afbeeldingen toevoegen, maar ook verschillende andere soorten inhoud zoals linten, beoordelingen, bullet lists, CTA-knoppen, aangepaste HTML, enz.

Door ze te gebruiken kun je multifunctionele tabellen maken met de plugin. Bekijk enkele berichten:

• Hoe WordPress afbeeldingen in kolommen en rijen weergeven
• Hoe TableBerg uit te proberen zonder het op je site te installeren
• Een productvergelijkingstabel maken
• Een productspecificatietabel maken

<p>The post How to Add an Image to a Table in WordPress first appeared on Tableberg.</p>