Een vergelijkingstabel maken in WordPress (met of zonder plugin)

Met een vergelijkingstabel kun je meerdere items horizontaal of verticaal met elkaar vergelijken, waarbij de belangrijkste kenmerken, specificaties en andere eigenschappen worden benadrukt. Het is een krachtige manier om gebruikers weloverwogen beslissingen te laten nemen.

Hoewel je vergelijkingstabellen kunt maken met het standaard WordPress tabellenblok, heeft het veel beperkingen. Je kunt geen afbeeldingen, knoppen en lijsten toevoegen aan het standaard blok.

TafelBerg is een prachtige table builder plugin die al deze beperkingen overwint. In dit artikel laten we je twee methoden zien om een vergelijkingstabel te maken in WordPress - met een plugin en zonder plugin.

Maak prachtige tafels
Met blok-editor

Eerste methode: een vergelijkingstabel maken zonder plug-in

Je krijgt een standaard Tabel blok in de WordPress blokbibliotheek. Je kunt er een vergelijkingstabel op basisniveau mee maken.

Stap 01: Voeg het tabellenblok toe aan uw bericht/pagina-editor

Klik op de plus (+) pictogram. Type Tabel in het zoekvak. Zodra het blok verschijnt, toevoegen aan de editor van je bericht/pagina.

Het Tabelblok toevoegen aan je Post/Pagina-editor

Stap 02: Het kolom- en rijnummer definiëren

Definieer het kolom- en rijnummer zoals je wilt voor de tabel. In deze tutorial kiezen we 4*3 voor de vergelijkingstabel.

Stel het rij- en kolomnummer in

Stap 03: Informatie aan de tabel toevoegen

Voeg nu informatie toe aan de tabel. Je kunt alleen tekstuele informatie toevoegen; geen afbeeldingen, knoppen of andere blokken.

Hier is een demonstratietabel die we hebben gemaakt voor de post.

Demo vergelijkingstabel gemaakt met het standaard WordPress tabellenblok

Tweede methode: maak een vergelijkingstabel met TableBerg

Zoals je in de eerste methode kunt zien, kun je geen afbeeldingen, knoppen of andere elementen toevoegen aan de vergelijkingstabel die is gemaakt met het standaard tabelblok. Maar zonder deze elementen kunnen vergelijkingstabellen gebruikers niet triggeren.

TafelBerg is een prachtige Gutenberg-vriendelijke table builder-plugin die je kan helpen al deze beperkingen te overwinnen.

Stap 01: Installeer de TableBerg-plugin

Log in op je WordPress dashboard. Ga naar Plugins > Nieuwe plug-in toevoegen. Type TafelBerg in het zoekvak om de plugin te vinden. Zodra de plugin hieronder verschijnt, klik je op de Nu installeren knop. Activeer achteraf.

Installeer de TableBerg-plugin

Stap 02: Het TableBerg-blok toevoegen

Open een bericht of pagina. Voeg de TabelBerg blok van de Gutenberg-editor.

Het TableBerg-blok toevoegen

Stap 03: Selecteer het aantal rijen en kolommen

Selecteer het aantal rijen en kolommen zoals bij het standaard tabelblok. Druk op de Tabel maken knop. We selecteren twee (2) kolommen en vier (4) rijen.

Selecteer het aantal rijen en kolommen

Stap 04: Inhoud aan de tabel toevoegen

Voeg koppen toe aan de kolommen. Klik op de Plus (+) pictogram en selecteer het gewenste blok. Selecteer de Beeldblok daarna. Hiermee kun je een afbeelding aan de cel toevoegen.

Afbeeldingsblok toevoegen aan de tabel gemaakt door TableBerg

# Afbeeldingen aan de tabel toevoegen

Je kunt zien dat we respectievelijk een afbeelding aan elke kolom hebben toegevoegd.

Afbeeldingen aan de tabel toevoegen

# Lijsten toevoegen aan de tabel

Selecteer vervolgens de Lijst blok. Met dit blok kun je alle functies van je product opnoemen. Doe dit in de desbetreffende rij van elke kolom.

Lijst toevoegen aan de tabel gemaakt door TableBerg

# Knoppen toevoegen aan de tabel

Voeg nu de Knopblok in de tabel. Zo kun je voor elk product een CTA-knop toevoegen.

Knoppen toevoegen aan de tabel

Zodra de blokken zijn toegevoegd, kun je ze aanpassen vanuit de Stijlen tabblad aan de rechterkant.

De TableBerg-blokken aanpassen

Je kunt dus veelzijdige en multifunctionele vergelijkingstabellen maken met de TableBerg plugin.

Conclusie

Het maken van vergelijkingstabellen kan de gebruikerservaring enorm verbeteren door informatie te presenteren in een gestructureerd en gemakkelijk verteerbaar formaat. TableBerg belooft je WordPress ervaring met het maken van tabellen te revolutioneren met meer verbluffende releases in de komende dagen.

Hier volgt een korte handleiding over hoe verwijder je tabelranden in WordPress zodat je het ontwerp van je tafel boeiender kunt maken.



Het Tableberg-team

Early Bird-aanbieding is nu live!
Dit is de standaardtekst voor de meldingsbalk