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