Tabellen worden vaak gebruikt om verschillende gegevens en informatie georganiseerd en gestructureerd weer te geven. Standaard worden tabellen in WordPress echter weergegeven met visuele randen.
Hoewel deze rand in veel gevallen essentieel is, zijn er veel situaties waarin je de randen moet verbergen om het ontwerp esthetischer te maken. Daarom zoeken veel webdesigners naar manieren om tabelranden te verwijderen.
Dit artikel laat je een eenvoudige handleiding zien voor het verwijderen van tabelranden in WordPress. We zullen deze methode uitleggen aan de hand van zowel de standaard WordPress tabel als een tabel plugin.
Laten we beginnen met de tabelplugin.
Maak prachtige tafels
Met blok-editor
Methode 1: tabelranden van het standaard tabelblok verwijderen
Laten we eens kijken hoe we de randen van een standaard Tabelblok kunnen verwijderen.
Stap 01: Maak eerst een tabel
Ik hoop dat je het al weet Hoe maak je tabellen met het standaard WordPress systeem?. We hebben er ook een gemaakt met wat dummy-informatie om de volgende delen van de tutorial te demonstreren.
Stap 02: Selecteer het tabelblok en verberg de randen
Selecteer de hele tabel door op de Tabel Blok pictogram op de werkbalk. Spring naar de Stijlen tabblad aan de rechterkant.
Kom naar de Grens optie, scroll naar beneden in de rechter zijbalk. Maak de grenswaarde nul (0) door de schaal te verslepen. De tabelrand verdwijnt.
Methode 2: Tabelranden van het Tableberg-blok verwijderen
Als je nu meer controle wilt hebben over de randen, zoals het verwijderen van de binnen- of buitengrenzen en het tonen van de alleen rijen of alleen kolommenkunt u de Tafelberg plugin.
Laten we eens kijken hoe je de plugin gebruikt.
Stap 01: De plugin installeren en activeren
Navigeer naar Plugins > Nieuwe plug-in toevoegen. Haal de plugin op door te typen Tafelberg in het zoekvak. Daarna, Installeer en Activeer het.
Zoek de Tafelberg blok uit de Gutenberg-editor en voeg het toe aan je bericht of pagina.
Stap 02: Een tabel maken
Ga nu naar het bericht/de pagina waar je de randloze tabel wilt toevoegen. Zodra je in de editor bent, klik je op het + pictogram (1) en zoek naar 'Tableberg' (2). Klik vervolgens op het Tableberg-blok om het in te voegen (3).
Stel het rij- en kolomnummer in op de post, wat vergelijkbaar is met de standaard WordPress-tabel. En klik op de knop 'Tabel maken'.
Je krijgt de optie voor het toevoegen van blokken, vergelijkbaar met Gutenberg, in elke cel van de tabel. Hiermee kun je de gewenste inhoud aan de tabel toevoegen.
Je kunt hieronder zien dat we een dummy tabel hebben gemaakt met de plugin. Vervolgens laten we zien hoe je de randen van de tabel kunt verwijderen.
Stap 03: Verwijder de randen van de tabel
Selecteer het hele Tableberg-blok door op de TableBerg pictogram op de werkbalk. Ga vervolgens naar de Stijlen tabblad aan de rechterkant.
Verplaats de zijbalk een beetje. Schakel de optie Binnenrand inschakelen. Maak de Tabel Randgrootte nul (0) door de schaal te verslepen.
Hierdoor worden de randen van de tabel verwijderd. Nu kun je de inhoud van de tabel bewerken om de presentatie aan te passen.
Probeer zelf tabelranden te verbergen
De tutorial van vandaag eindigt hier. Hopelijk kun je door dit artikel te volgen de tabelranden op je WordPress website eenvoudig verbergen. Als je meer tips en suggesties wilt met betrekking tot het maken van tabellen in WordPress, blijf dan bij ons en vergeet niet om je waardevolle feedback te delen via de commentaarsectie.
