Ändern der Tabellenhintergrundfarbe in WordPress

WordPress-Tabellen werden standardmäßig mit einem transparenten Hintergrund erstellt. Möglicherweise möchten Sie den Tabellenhintergrund jedoch je nach Design und Stilisierungsbedarf Ihrer Website ändern.

Dies kann Ihnen helfen, eine kohärente visuelle Identität zu schaffen, die Lesbarkeit zu verbessern und die Benutzererfahrung zu verbessern. In diesem Artikel werden zwei einfache Methoden zum Ändern der Hintergrundfarbe in WordPress erläutert.

Schöne Tische erstellen
Mit Block-Editor

Methode 1: Verwendung des Standard-Tabellenblocks

Unten sehen Sie eine Dummy-Tabelle, die mit dem Standard-Tabellenblock von WordPress erstellt wurde. Klicken Sie auf das Symbol "Tabelle" in der Symbolleiste, um den gesamten Tabellenblock auszuwählen.

Wählen Sie die Tabelle aus, die durch den Standard-WordPress-Tabellenblock erstellt wurde

Gehen Sie in der rechten Seitenleiste auf die Registerkarte Stile. Klicken Sie unter dem Abschnitt Farbe auf die Option Hintergrund. Ein Farbfeld wird sich öffnen. Sie können eine Volltonfarbe oder einen Farbverlauf auswählen.  

Sobald Sie eine Farbe ausgewählt haben, wird sie in Echtzeit auf den Hintergrund der Tabelle angewendet.

Ändern Sie die Hintergrundfarbe der Standard-WordPress-Tabelle

Methode 2: Verwendung des Tableberg-Plugins

Tischberg ist ein vielversprechendes Tabellenerstellungs-Plugin für WordPress. Es erlaubt Ihnen, der Tabelle verschiedene Arten von Informationen hinzuzufügen, um sie vielseitig und für verschiedene Zwecke nutzbar zu machen.

Im Gegensatz zum Standard-Tabellenblock können Sie beim Tableberg-Block die Hintergrundfarben für Kopf- und Fußzeile sowie für die Zeilen ändern.

Ändern der Hintergrundfarbe der Tabellenüberschrift

(Stellen Sie sicher, dass Ihr Tisch eine Kopfabschnitt)

Wählen Sie zunächst den gesamten Tableberg-Block aus, indem Sie auf das Symbol Tischberg-Symbol (1). Klicken Sie dann auf das Registerkarte "Stile (2) im Optionsfeld auf der rechten Seite. Und schließlich ändern Sie die Farbe von 'Hintergrundfarbe der Kopfzeile‘ (3).

Ändern der Hintergrundfarbe der geraden Tabellenzeilen

Wählen Sie den gesamten Tableberg-Block aus, indem Sie auf das Symbol Tischberg-Symbol (1). Klicken Sie dann auf das Registerkarte "Stile (2) im Optionsfeld auf der rechten Seite. Und schließlich ändern Sie die Farbe von 'Hintergrundfarbe für gerade Zeilen‘ (3).

Ändern der Hintergrundfarbe der ungeraden Tabellenzeilen

Wählen Sie den gesamten Tableberg-Block aus, indem Sie auf das Symbol Tischberg-Symbol (1). Klicken Sie dann auf das Registerkarte "Stile (2) im Optionsfeld auf der rechten Seite. Und schließlich ändern Sie die Farbe von 'Ungerade Zeile Hintergrundfarbe‘ (3).

Ändern der Hintergrundfarbe der Tabellenfußzeile

(Stellen Sie sicher, dass Ihr Tisch eine Fußzeilenbereich)

Wählen Sie den gesamten Tableberg-Block aus, indem Sie auf das Symbol Tischberg-Symbol (1). Klicken Sie dann auf das Registerkarte "Stile (2) im Optionsfeld auf der rechten Seite. Und schließlich ändern Sie die Farbe von 'Hintergrundfarbe der Fußzeile‘ (3).

Das war's. So können Sie die Hintergrundfarbe der mit dem Tableberg-Plugin erstellten Tabelle ändern.


Schlussfolgerung

Hoffentlich können Sie jetzt die Hintergrundfarben Ihrer Tabellen in WordPress jederzeit anpassen. Aber denken Sie daran, dass manche Farben die Augen der Leserinnen und Leser überfordern und ihre Lesbarkeit beeinträchtigen. 

Und wenn Sie nicht die richtigen Kontrastfarben verwenden, kann dies auch die Lesbarkeit der Tabelle beeinträchtigen. Ich hoffe, Sie werden diese Punkte beim Ändern der Hintergrundfarbe Ihrer Tabelle beachten. 



Das Tischberg-Team

Das Frühbucherangebot ist jetzt verfügbar!
Dies ist der Standardtext für die Benachrichtigungsleiste