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!
- Methode 1: Using the default Table Block
- Methode 2: Using the Tableberg Block
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.
Definieer het aantal rijen en kolommen.
De tabel wordt binnen enkele seconden 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.
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.
Method 2: Using the Tableberg Block
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.
Step 01: Add the Tableberg Block to the Editor
Zoek en voeg de TabelBerg 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 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.
Selecteer de optie om de gewenste afbeelding te uploaden vanuit de betreffende bron. Voor deze tutorial uploaden we de afbeelding vanuit de Mediabibliotheek.
Stap 03: 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 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.
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:
