Tabellen worden meestal gebruikt om informatie op een gestructureerde manier te organiseren en te presenteren. Door knoppen aan de tabel toe te voegen, kun je gebruikers vaak triggeren om nieuwe berichten en pagina's te verkennen of de betreffende producten en diensten te kopen.
Maar de standaard WordPress tabel heeft geen optie om knoppen toe te voegen. TafelBerg is een prachtige plugin om dit probleem op te lossen. Het helpt je om eenvoudig knoppen te maken en toe te voegen aan de cellen, net als Gutenberg-blokken.
Dit artikel legt uit hoe je een knop kunt toevoegen aan een tabelblok in WordPress om het aantrekkelijk te maken.
Maak prachtige tafels
Met blok-editor
Stap 01: Installeer de TableBerg-plugin
Ga naar je WordPress Dashboard. Navigeer naar Dashboard > Plugins > Add New Plugin.
Type Tafelberg in het zoekvak in de rechterbovenhoek. De plugin verschijnt binnen een seconde hieronder. Installeer en Activeer het.
Stap 02: TableBerg-blok toevoegen aan je bericht/pagina
Open de post of pagina waar je de tabel wilt toevoegen. Klik op de Plus (+) pictogram om de Gutenberg-editor te openen.
Type Tafelberg in het zoekvak. Klik op het blok nadat het hieronder is verschenen.
Stap 03: Selecteer het aantal rijen en kolommen
Definieer rij- en kolomnummers voor de tabel. Zoals je in de onderstaande afbeelding kunt zien, hebben we 4 rijen en kolommen gedefinieerd voor onze tabel.
Klik met je cursor op een cel van de tabel. Je ziet een plus (+) pictogram verschijnt. Door op het plus-pictogram te klikken, krijg je vier verschillende blokken die je aan elke cel kunt toevoegen.
Je krijgt het knopenblok in deze blokkenverzameling.
Stap 04: Tabelinhoud en knop toevoegen
Je kunt zien dat we alle benodigde inhoud (afbeelding, lijst, beoordeling en prijs) aan de tabel hebben toegevoegd met behulp van de respectievelijke blokken.
Stap 05: De knop op de tafel stylen
Selecteer de knop. Klik op de Link optie op de werkbalk om je gewenste bericht of pagina aan de knop te koppelen.
Ga naar de Stijlen tabblad aan de rechterkant. Je krijgt verschillende aanpassingsopties zoals Typografie, Rand, Kleur, en Zweefkleur.
Voer de nodige aanpassingen naar wens uit.
Stap 06: Geef een voorbeeld van de tabel
Ga nu naar de voorkant van de post of pagina en bekijk de tabel die je hebt gemaakt. Als het ontwerp en de lay-out niet voldoen, ga dan opnieuw naar de editor en pas de nodige aanpassingen aan.
Conclusie
De TableBerg plugin heeft op dit moment vier blokken. Maar onze ontwikkelaars werken er voortdurend aan om in de komende dagen met nog meer verbluffende blokken te komen om je ervaring met het maken van tabellen te verbeteren.
Blijf op de hoogte van onze nieuwe releases en aankondigingen.
Lees ook:
