Wie man Tabellenränder in WordPress entfernt (2 einfache Wege)

Tabellen werden üblicherweise verwendet, um verschiedene Daten und Informationen in einem organisierten und strukturierten Format anzuzeigen. Die Standarddarstellung von Tabellen in WordPress enthält jedoch visuelle Rahmen.

Obwohl dieser Rahmen in vielen Fällen unverzichtbar ist, gibt es viele Situationen, in denen Sie den Rahmen ausblenden müssen, um die Ästhetik des Designs zu verbessern. Aus diesem Grund suchen viele Webdesigner nach Möglichkeiten, Tabellenränder zu entfernen.

Dieser Artikel zeigt Ihnen eine einfache Anleitung, wie Sie Tabellenränder in WordPress entfernen können. Wir werden diese Methode anhand der WordPress-Standardtabelle sowie eines Tabellen-Plugins erklären.

Beginnen wir mit dem Tabellen-Plugin.

Schöne Tische erstellen
Mit Block-Editor

Methode 1: Entfernen der Tabellenränder des Standard-Tabellenblocks

Sehen wir uns an, wie man die Ränder eines Standard-Tabellenblocks entfernt.

Schritt 01: Erstellen Sie zunächst eine Tabelle

Ich hoffe, Sie wissen es schon wie man Tabellen mit dem Standard-WordPress-System erstellt. Wir haben auch eine mit einigen Dummy-Informationen erstellt, um die folgenden Teile des Tutorials zu demonstrieren.

Tabelle erstellt mit dem Standardsystem in WordPress

Schritt 02: Wählen Sie den Tabellenblock aus und blenden Sie seine Ränder aus

Wählen Sie die gesamte Tabelle aus, indem Sie auf das Symbol Tabelle Block Symbol in der Symbolleiste. Springen Sie in die Stile in der rechten Seitenleiste.

Wählen Sie den Tabellenrand

Kommen Sie zum Grenze und scrollen Sie in der rechten Seitenleiste nach unten. Machen Sie die Grenzwert Null (0) durch Ziehen der Skala. Der Tabellenrand verschwindet dann.

Rahmen der Standard-WordPress-Tabellen ausblenden

Methode 2: Entfernen der Tabellenränder des Tableberg-Blocks

Wenn Sie nun mehr Kontrolle über die Ränder haben möchten, wie z. B. das Entfernen der innere oder äußere Grenzen und zeigt die Nur Zeilen- oder nur Spaltenrahmenkönnen Sie die Tischberg Plugin.

Schauen wir uns an, wie man das Plugin verwendet.

Schritt 01: Installieren und Aktivieren des Plugins

Navigieren Sie zu Plugins > Neues Plugin hinzufügen. Holen Sie sich das Plugin durch Eingabe von Tischberg in das Suchfeld ein. Danach, Installieren Sie und Aktivieren Sie es.

Finden Sie die Tableberg-Block aus dem Gutenberg-Editor und fügen Sie es zu Ihrem Beitrag oder Ihrer Seite hinzu.

Schritt 02: Eine Tabelle erstellen

Gehen Sie nun zu dem Beitrag/der Seite, zu dem/der Sie die randlose Tabelle hinzufügen möchten. Sobald Sie sich im Editor befinden, klicken Sie auf das Symbol + (1) und suchen Sie nach 'Tableberg' (2). Klicken Sie dann auf den Tableberg-Block, um ihn einzufügen (3).

Fügen Sie den TableBerg-Block zu Ihrer Seite oder Ihrem Beitrag hinzu

Legen Sie die Zeilen- und Spaltennummer für den Beitrag fest, was der Standardtabelle von WordPress entspricht. Klicken Sie dann auf die Schaltfläche "Tabelle erstellen".

Festlegen der Zeilen- und Spaltennummer

Sie erhalten die Option zum Hinzufügen von Blöcken ähnlich wie in Gutenberg in jeder Zelle der Tabelle. Mit ihnen können Sie der Tabelle den gewünschten Inhalt hinzufügen.

Hinzufügen von Blöcken und Inhalten zu den TableBerg-Tabellen

Wie Sie unten sehen können, haben wir eine Dummy-Tabelle mit dem Plugin erstellt. Als Nächstes zeigen wir Ihnen, wie Sie Ränder aus der Tabelle entfernen können.

Mit dem TableBerg-Plugin vorbereitete Tabelle

Schritt 03: Entfernen von Rändern aus der Tabelle

Wählen Sie den gesamten Tableberg-Block aus, indem Sie auf die Schaltfläche TableBerg Symbol in der Symbolleiste. Gehen Sie dann auf die Seite Stile in der rechten Seitenleiste.

Wählen Sie den gesamten TableBerg-Block aus, um mit dem Entfernen seiner Ränder zu beginnen

Scrollen Sie die Seitenleiste ein wenig. Schalten Sie die Option Innere Umrandung aktivieren. Machen Sie die Größe des Tabellenrandes Null (0) durch Ziehen der Skala.

Dadurch wird der Rahmen der Tabelle entfernt. Nun können Sie den Inhalt der Tabelle bearbeiten, um die Darstellung anzupassen.

Ausblenden der Tabellenränder

Versuchen Sie selbst, Tabellenränder auszublenden

Das heutige Tutorial endet hier. Wir hoffen, dass Sie mit Hilfe dieses Artikels die Tabellenränder auf Ihrer WordPress-Website leicht ausblenden können. Wenn Sie weitere Tipps und Vorschläge zur Tabellenerstellung in WordPress wünschen, bleiben Sie bei uns und vergessen Sie nicht, Ihr wertvolles Feedback im Kommentarbereich zu teilen.



Das Tischberg-Team

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