Een afbeelding toevoegen aan een tabel in WordPress

Visuele inhoud is ongetwijfeld cruciaal om gebruikers te boeien. Of je nu een blogger, affiliate, eCommerce-eigenaar of iets anders bent, het kan om verschillende redenen nodig zijn om grafische inhoud aan je inhoud toe te voegen.

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 vergelijkingen, productspecificaties, prijstabellen, enz.

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

Maak prachtige tafels
Met blok-editor

Methode 1: het standaard tabelblok gebruiken

De standaard Gutenberg blok editor wordt geleverd met de Inline Image optie die je kunt vinden op de Toolbar. Met de Inline Image optie kun je eenvoudig afbeeldingen toevoegen aan je WordPress. Dit is het proces.

Stap 01: Het tabelblok toevoegen aan de editor

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

Het tabelblok toevoegen aan de editor

Definieer het aantal rijen en kolommen.

Definieer het aantal rijen en kolommen

De tabel wordt binnen enkele seconden aangemaakt.

Standaard tabel is aangemaakt

Stap 02: de optie Inline afbeelding toevoegen aan 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 03: 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.

Een afbeelding selecteren en toevoegen

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

Breedte instellen voor de Inline afbeelding

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

Inline-afbeelding toevoegen aan een tabel

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.

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

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

Zoek en voeg het TableBerg-blok toe aan uw Gutenberg-editor

Definieer het rij- en kolomnummer.

Het overzicht van de tabel is klaar.

Het overzicht van de tabel is klaar

Stap 02: het afbeeldingsblok toevoegen aan de tabel

TableBerg bevat de Beeldblok. Het werkt op dezelfde manier als het Gutenberg Image-blok. Voeg het blok Afbeelding toe aan de cel.

Het afbeeldingsblok toevoegen aan de tabel

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

Selecteer de optie voor het uploaden van afbeeldingen

Stap 03: Selecteer en upload een afbeelding

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

Een afbeelding selecteren en uploaden

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.

De afbeelding wordt toegevoegd aan de tabel

Stap 04: 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.

Stylizeer de afbeelding op de tafel

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:



Het Tableberg-team