Hoe tabelranden verwijderen in WordPress (2 eenvoudige manieren)

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.

Tabel gemaakt met het standaardsysteem in WordPress

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.

Selecteer de tabelrand

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.

Verberg de randen van de standaard WordPress tabellen

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).

Voeg het TableBerg-blok toe aan je pagina of bericht

Stel het rij- en kolomnummer in op de post, wat vergelijkbaar is met de standaard WordPress-tabel. En klik op de knop 'Tabel maken'.

Stel het rij- en kolomnummer in

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.

Blokken en inhoud toevoegen aan de TableBerg-tabellen

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.

Tabel voorbereid met de TableBerg-plugin

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.

Selecteer het hele TableBerg-blok om de randen te verwijderen

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.

Verberg de tabelranden

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.



Het Tableberg-team

Early Bird-aanbieding is nu live!
Dit is de standaardtekst voor de meldingsbalk