Met een doorzoekbare tabel kunnen gebruikers snel specifieke gegevens vinden binnen een grotere dataset die in tabelvorm wordt gepresenteerd. Deze functie helpt gebruikers niet alleen bij het vinden van de informatie die ze nodig hebben, maar houdt ze ook betrokken door ze een intuïtieve browse-ervaring te bieden.
Door deze functie in te schakelen in je tabellen kunnen gebruikers kostbare tijd besparen bij het verkennen van gegevens. Dit kan frustraties aanzienlijk verminderen en de tevredenheid van gebruikers verhogen. Met de Tabelberg plugin kunt u deze functie eenvoudig inschakelen in uw tabellen.
In deze handleiding geven we een stap-voor-stap uitleg over het maken van een doorzoekbare tabel in WordPress. Download de plugin door op de onderstaande knoppen te klikken.
Maak prachtige tafels
Met blok-editor
Zodra de plugin op je site is geïnstalleerd, kun je de onderstaande tutorial volgen.
Note: We will use the Tableberg Pro plugin here. If you’ve installed the plugin yet, get the plugin hier.
Stap 01: Voeg het Tableberg-blok toe aan de editor
Net als bij elk ander Gutenberg-blok, zoek en voeg je de Tabelberg blok aan de redactie.
Stel in de aantal kolommen en rijen die je wilt. Druk vervolgens op de Maak knop.
Zodra de kolommen en rijen klaar zijn, kun je de gewenste informatie toevoegen.
Stap 02: Inhoud aan de tabel toevoegen
Een interessante functie van Tableberg is dat je verschillende aangepaste blokken aan de tabel kunt toevoegen, zoals de Gutenberg-blokeditor.
Plaats je cursor op een cel van de tabel. De plus (+) pictogram verschijnen. Voeg vervolgens de gewenste blokken en inhoud toe aan de cellen.
Je kunt bijvoorbeeld afbeeldingen aan de tabelcellen toevoegen met het blok Afbeelding.
We have already prepared the table with the necessary information. Since our prime objective is to show you how to add a search bar to the WordPress table to make it searchable, we don’t want to waste time on other things.
Voor inspiratie kun je deze gids bekijken op hoe een tabel maken met Tableberg.
Stap 03: De zoekbalk inschakelen
Selecteer de hele tabel door op de Tableberg pictogram op de werkbalk. Ga vervolgens naar de Tabblad Instellingen op de rechterzijbalk.
Kom naar de [PRO] Zoeken sectie door het tabblad te scrollen. Schakelen op de Zoeken inschakelen optie. Je zult zien dat de zoekbalk boven aan de tabel is verschenen.
Stap 04: Selecteer een positie voor de zoekbalk
U kunt de zoekbalk op de links, midden, rechts, of breed. Selecteer de gewenste optie.
Dat was het. Je tabel is nu doorzoekbaar.
Stap 05: Een voorbeeld van de zoekbalk
Ga naar het voorbeeldgedeelte van de post. Typ iets in de zoekbalk dat in de tabel staat. Je ziet meteen het resultaat.
Laten we eens kijken naar de videoclip hieronder. Het werkt prima aan onze kant.
Stap 06: De doorzoekbare tabel stylen
Ga opnieuw naar het tabblad Stijlen terwijl je de tabel geselecteerd houdt. Je ziet talloze aanpassingsopties om de tabel te stylen.
Enkele cruciale dingen die je daar bijvoorbeeld kunt doen zijn:
- De kleuren van de kolommen, rijen en cellen afzonderlijk wijzigen
- De celafmetingen en opvulling wijzigen
- Blokafstand toevoegen
- De binnen- en buitenranden aanpassen/verwijderen/kleuren
- De wereldwijde lettertypen bijwerken
Ik hoop dat je ze alleen kunt doen. Of Ontdek onze doe-het-zelf documentatieposts voor de benodigde gids.
Video-handleiding
Slotopmerkingen!
Zoals gezegd is de optie zoekbalk erg handig voor tabellen met uitgebreide datasets. Maar om ervoor te zorgen dat je doorzoekbare tabellen effectief zijn, moet je het ontwerp van je tabellen schoon en georganiseerd houden.
Ten tweede moet de zoekbalk op een geschikte plaats staan zodat gebruikers hem gemakkelijk kunnen vinden. Voeg indien mogelijk ook de filteroptie toe om je tabel sorteerbaar te maken, zodat mensen de tabelrijen en -kolommen naar behoefte kunnen herschikken.
Hier is een gids over hoe maak je een tabel sorteerbaar in WordPress.
