Met een vergelijkingstabel kun je meerdere items horizontaal of verticaal met elkaar vergelijken en hun belangrijkste kenmerken markeren, specificatiesen andere functies. Het is een krachtige manier om gebruikers weloverwogen beslissingen te laten nemen.
Hoewel je vergelijkingstabellen kunt maken met de standaard WordPress tabelblokHet heeft echter veel beperkingen. Je kunt geen afbeeldingen, knoppen en lijsten toevoegen aan het standaardblok.
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
Methode 1: Zonder een plugin te gebruiken
Je krijgt een standaard Tabel blok in de WordPress blokbibliotheek. Je kunt er een vergelijkingstabel op basisniveau mee maken.
Stap 1: 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 2: Definieer het kolom- en rijnummer
Definieer het kolom- en rijnummer zoals je wilt voor de tabel. In deze tutorial kiezen we 4*3 voor de vergelijkingstabel.
Stap 3: 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.
Methode 2: De Tableberg-plugin gebruiken
Zoals je kunt zien in de eerste methode, kun je geen afbeelding, knopof anders naar 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 Tablegerg-blok toevoegen
Open een bericht of pagina. Voeg de Tafelgerg blok vanuit de WordPress 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.
Video-handleiding
Lees ook:
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.
