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.
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.
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.
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.
Stap 02: Het TableBerg-blok toevoegen
Open een bericht of pagina. Voeg de TabelBerg blok van de Gutenberg-editor.
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.
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.
# Afbeeldingen aan de tabel toevoegen
Je kunt zien dat we respectievelijk een afbeelding aan elke kolom hebben toegevoegd.
# 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.
# Knoppen toevoegen aan de tabel
Voeg nu de Knopblok in de tabel. Zo kun je voor elk product een CTA-knop toevoegen.
Zodra de blokken zijn toegevoegd, kun je ze aanpassen vanuit de Stijlen tabblad aan de rechterkant.
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.
