Hoe verander je de achtergrondkleur van een tabel in WordPress

Standaard worden WordPress tabellen gemaakt met een transparante achtergrond. Maar misschien wil je de achtergrond van de tabel aanpassen aan het ontwerp en de stijl van je website.

Dit kan je helpen om een samenhangende visuele identiteit te creëren en de leesbaarheid en gebruikerservaring te verbeteren. In dit artikel worden twee eenvoudige methoden uitgelegd om de achtergrondkleur in WordPress te veranderen.

Maak prachtige tafels
Met blok-editor

Methode 1: het standaard tabelblok gebruiken

Hieronder zie je een dummy tabel die is gemaakt met het standaard WordPress tabelblok. Klik op het Tabel pictogram op de werkbalk om het hele tabelblok te selecteren.

Selecteer de tabel die is gemaakt door het standaard WordPress tabellenblok

Ga naar het tabblad Stijlen in de rechter zijbalk. Klik op de optie Achtergrond onder de sectie Kleur. Er wordt een kleurvak geopend. Je kunt een effen kleur of een kleurverloop selecteren.  

Zodra je een kleur hebt geselecteerd, zie je dat deze in realtime wordt toegepast op de achtergrond van de tabel.

De achtergrondkleur van de standaard WordPress tabel wijzigen

Methode 2: De Tableberg-plugin gebruiken

Tafelberg is een veelbelovende tabelbouwer plugin voor WordPress. Hiermee kun je verschillende soorten informatie aan de tabel toevoegen, zodat deze veelzijdig is en meerdere doelen kan dienen.

In tegenstelling tot het standaard Tabelblok, kun je met het Tableberg-blok de achtergrondkleuren voor koptekst, voettekst en rijen wijzigen.

De achtergrondkleur van de tabelkop wijzigen

(Zorg ervoor dat je tafel een koptekst)

Selecteer eerst het hele Tableberg blok door op de knop Tableberg pictogram (1). Klik vervolgens op de Tabblad Stijlen (2) in het rechterpaneel met opties. En tot slot, verander de kleur van 'Achtergrondkleur koptekst‘ (3).

De achtergrondkleur van de tabelrij even wijzigen

Selecteer het hele Tableberg blok door op de Tableberg pictogram (1). Klik vervolgens op de Tabblad Stijlen (2) in het rechterpaneel met opties. En tot slot, verander de kleur van 'Achtergrondkleur even rij‘ (3).

De achtergrondkleur van de tabel oneven rijen wijzigen

Selecteer het hele Tableberg blok door op de Tableberg pictogram (1). Klik vervolgens op de Tabblad Stijlen (2) in het rechterpaneel met opties. En tot slot, verander de kleur van 'Achtergrondkleur oneven rij‘ (3).

De achtergrondkleur van de tabelvoetregel wijzigen

(Zorg ervoor dat je tafel een voettekst)

Selecteer het hele Tableberg blok door op de Tableberg pictogram (1). Klik vervolgens op de Tabblad Stijlen (2) in het rechterpaneel met opties. En tot slot, verander de kleur van 'Achtergrondkleur voettekst‘ (3).

Dat is het. Dit is hoe je de achtergrondkleur kunt veranderen van de tabel die is gemaakt met de Tableberg plugin.


Conclusie

Hopelijk kun je nu de achtergrondkleuren van je tabellen in WordPress aanpassen wanneer je maar wilt. Maar vergeet niet dat sommige kleuren een oogverblindend effect hebben op de ogen van lezers en hun leesbaarheidsscore verstoren. 

Bovendien, als je niet de juiste contrasterende kleuren gebruikt, kan dit ook de leesbaarheidsscore verlagen. Hopelijk houd je deze punten in gedachten als je de achtergrondkleur van je tabel verandert. 



Het Tableberg-team

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