3 Möglichkeiten, eine Tabelle zu WordPress hinzuzufügen – schnell und mühelos

Das Hinzufügen einer Tabelle zu WordPress war früher schwierig und erforderte Unmengen an Auszeichnungssprache.

HTML war die ursprüngliche Methode, Tabellen zu Websites hinzuzufügen. Dann kam CSS und machte es noch komplizierter.

Heutzutage können funktionsreiche Tabellen direkt in WordPress oder mithilfe externer Dienste erstellt werden, die dann die Tabelle (oder sogar eine Tabelle) direkt in WordPress einbetten.



Spreadsheets sind immer noch Tabellen, nur mit erweiterter Funktionalität.

Diese sind praktisch, wenn Sie einen großen Datensatz auf logische Weise präsentieren müssen. Eine, mit der Benutzer interagieren können.

Lesen Sie weiter, um die Typen und einfachsten Methoden zum Erstellen von Tabellen zu entdecken und sie schön auf Ihrer WP-Website anzuzeigen.

So fügen Sie eine Tabelle zu WordPress hinzu

Klicken Sie im Blockeditor auf das Symbol (+) und geben Sie „Tabelle“ ein. Wählen Sie den Block „Tabelle“ oder einen Block „Preistabelle“ aus, der CSS-Stil enthält. Alternativ können Sie ein Google Sheet erstellen und es dann in einen WordPress-Beitrag oder eine Seite einbetten oder das TablePress-Plugin installieren, um Ihre Tabelle in WordPress zu erstellen.

Fügen Sie im WordPress-Blockeditor eine mehrspaltige Tabelle hinzu

Die Stammtabelle im Blockeditor ist überraschend anpassbar und einfach zu konfigurieren.

Klicken Sie im Blockeditor auf das Symbol +, geben Sie „Tabelle“ ein und klicken Sie auf den Block „Tabelle“. Eine Eingabeaufforderung wird angezeigt, um die Tabelle zu erstellen.

Geben Sie die gewünschte Anzahl von Zeilen und Spalten ein.

Zu Demonstrationszwecken haben wir eine Rangliste erstellt. Die Art, die Sie vielleicht tun möchten, wenn Sie einen Affiliate-Wettbewerb durchführen, um Affiliates dazu zu bringen, sich stärker zu bemühen, um größere Wettbewerbspreise zu gewinnen.

Sobald Sie Ihre Daten in der Tabelle haben, klicken Sie irgendwo, um den Customizer auf der rechten Seite Ihres WP-Editors zu öffnen.

Von hier aus können Sie den Stil ändern, eine Kopf- und Fußzeile hinzufügen, die Tabellenbreite korrigieren, Text formatieren, Schriftfarben und Hintergründe ändern, die Typografie einschließlich der Schriftgrößen ändern und Ihrer Tabelle einen HTML-Anker hinzufügen.

Das Hinzufügen eines Ankers ist praktisch, um direkt zu Ihrer Tabelle in WordPress zu verlinken, anstatt zu einem Blog-Beitrag.

Anker sind auch praktisch für Mailings. Da Tabellen ein schneller Weg sind, Daten zu übermitteln, kann es hilfreich sein, Preisänderungen mit einem Link direkt zur Tabelle zu versenden.
Empfänger können auf den Link klicken, um direkt zur Preistabelle zu gelangen.

Fügen Sie ganz einfach eine Preistabelle hinzu

Ein nettes Feature des Gutenberg-(Block-)Editors sind die vorformatierten Blöcke. Es hat jetzt eine einsatzbereite 3-stufige Preistabelle.

Klicken Sie auf das +-Symbol, geben Sie „Tabelle“ in das Suchfeld ein und wählen Sie die Preistabelle aus.

Dies fügt ein 3-Spalten-Layout mit 3 Preisblöcken hinzu.

Der Preistabellenblock besteht aus mehreren Blöcken. Ein Überschriftenblock, gefolgt von einem Absatz, einem Trennzeichen, einem Listenblock und schließlich einer Schaltfläche.

Wenn Sie nur zwei Spalten möchten, klicken Sie auf die drei vertikalen Punkte auf einer Spalte und wählen Sie „Spalte entfernen“.

Klicken Sie auf ein beliebiges Element, um die Symbolleiste zu öffnen, und wählen Sie dann die drei vertikalen Punkte aus, um Änderungen daran vorzunehmen.

Dies ist bei weitem die einfachste Möglichkeit, gestylte Preistabellen zu WordPress hinzuzufügen, ohne CSS oder HTML zu verwenden.

Für diejenigen, die den klassischen Editor verwenden, deaktivieren Sie das Plugin, erstellen Sie den Beitrags- oder Seitenentwurf mit dem Blockeditor, speichern Sie ihn als Entwurf und reaktivieren Sie dann das klassische Editor-Plugin.

Wenn Sie zurückgehen, um den Beitrag oder die Seite zu bearbeiten, werden alle Codes automatisch importiert.


Erstellen Sie Tabellen innerhalb von Spalten in HTML

Vor einiger Zeit haben wir eine Tutorial-Abdeckung veröffentlicht wie man Spalten in WordPress erstellt . Ein Teil davon war das Erstellen einer Tabelle mit einem 2-Spalten-Layout.

Um etwas in HTML auf WordPress zu erstellen, müssen Sie den „Text“-Modus im klassischen Editor auswählen oder, wenn Sie den Block-Editor verwenden, den „benutzerdefiniertes HTML“-Block hinzufügen.

Der Code zum Hinzufügen einer Tabelle lautet…

<table style="width: 100%; height: 48px;" border="”5″" width="”1200″" cellspacing="”50″" cellpadding="”50″">
<tbody>
<tr style="background-color: #fff73f;">
<td style="text-align: center; height: 16px;"><strong>Column Title </strong></td>
<td style="text-align: center; height: 16px;"><strong>Next column title</strong></td>
</tr>
<tr style="height: 16px;">
<td style="height: 300px; text-align: center;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pharetra venenatis urna, sit amet venenatis erat sagittis sit amet. Donec sit amet sollicitudin elit. Cras ultricies hendrerit arcu, id blandit lacus feugiat non.</td>
<td style="height: 300px; text-align: center;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pharetra venenatis urna, sit amet venenatis erat sagittis sit amet. Donec sit amet sollicitudin elit. Cras ultricies hendrerit arcu, id blandit lacus feugiat non.</td>
</tr>
</tbody>
</table>

Der obige Code erstellt…


So binden Sie Google Sheets in WordPress ein

Eine nette, aber wenig bekannte Funktion von Google Sheets ist, dass Sie sie im Web veröffentlichen und in WordPress-Websites einbetten können.

Darüber hinaus können Sie das Blatt so einstellen, dass Aktualisierungen in Echtzeit angezeigt werden.

Gehen Sie zuerst zu Google Sheets und wählen Sie das Blatt aus, das Sie einbetten möchten. Klicken Sie auf „Datei“, wählen Sie dann „Teilen“ und dann „Im Web veröffentlichen“.

Eine Popup-Eingabeaufforderung zeigt Optionen zum Teilen im Web mit einem direkten Link oder über eine Einbettung an. Wählen Sie die Einbettungsoption.

Durch Klicken auf den Dropdown-Pfeil für „Veröffentlichte Inhalte und Einstellungen“ können Sie die Datenschutzeinstellungen konfigurieren, z. B. wer auf die Inhalte zugreifen und sie bearbeiten kann.

Wenn Sie Aktualisierungen aus dem Blatt auf Ihr eingebettetes Blatt übertragen möchten, aktivieren Sie das Kontrollkästchen „Automatisch neu veröffentlichen, wenn Änderungen vorgenommen werden“.

Wenn Sie über eine Sammlung von Blättern verfügen, können Sie sie alle als Sammlung oder als einzelnes Blatt einbetten.

Nachdem Sie festgelegt haben, was Sie teilen möchten und wie, klicken Sie auf die Schaltfläche „Veröffentlichen“. Es wird Ihnen einen Einbettungscode geben.

Kopieren Sie den Einbettungscode und fügen Sie ihn in den „Text“-Editor in WordPress ein. Wenn Sie den Blockeditor verwenden, verwenden Sie den Block „Benutzerdefiniertes HTML“.

Drücken Sie die Vorschau vor der Veröffentlichung, da der Einbettungscode von Google keine Größen enthält. Das Ergebnis ist ein winziger Klappentext auf einer Webseite.

Lassen Sie innerhalb des Einbettungscodes nach „headers=false“ ein Leerzeichen und fügen Sie den folgenden Code hinzu:

style="height:500px;width:1100px">

Die Zahlen für die Höhe und Breite können an Ihr Thema angepasst werden. Drücken Sie Vorschau, um zu sehen, wie das Blatt aussieht. Wenn Sie mit dem Erscheinungsbild zufrieden sind, klicken Sie auf „Veröffentlichen“.

Da es sich um eine Tabellenkalkulation handelt, die im Wesentlichen eine komplexe Tabelle ist, können Benutzer nach oben, unten und darüber scrollen und klicken, um zusätzliche Blätter in einer Sammlung zu öffnen, wenn Sie mehr als ein Blatt haben.

Erstellen Sie komplexe HTML-Tabellen in WordPress mit dem TablePress-Plugin

Das TablePress-Plugin ist eines der am aktivsten verwendeten Plugins in WordPress zum Erstellen von Tabellen.

Es eliminiert die Notwendigkeit, sich mit HTML-Code herumzuschlagen, wodurch die Tabellenerstellung schneller und einfacher wird.

Um zu beginnen, gehen Sie zu „Plugins“, wählen Sie „Neu hinzufügen“ und geben Sie „Tablepress“ in das Suchfeld oben rechts ein.

Sobald das Plugin aktiviert ist, wird Ihrer linken Seitenleiste ein neues „TablePress“-Menü hinzugefügt. Klicken Sie auf „Neu hinzufügen“, um mit dem Erstellen Ihres ersten Tisches zu beginnen.

Hierbei ist zu beachten, dass die Tabellen innerhalb der Plugin-Seite erstellt werden. Nicht im WordPress-Editor.

Tabellen werden mit dem TablePress-Plugin erstellt und dann mit einem Shortcode in WordPress-Beiträge und -Seiten eingebettet.

Geben Sie Ihrer Tabelle einen Namen und beginnen Sie auf dem nächsten Bildschirm mit dem Hinzufügen Ihrer Daten.

Scrollen Sie nach dem Hinzufügen der Daten auf der Seite nach unten, und Sie können mit dem Gestalten der Tabelle beginnen. Sobald Sie es zur Veröffentlichung bereit haben, klicken Sie auf „Speichern“ und kopieren Sie dann den Shortcode.

Sie finden den Shortcode oben in der Tabelle, die Sie bearbeiten, oder indem Sie „Alle Tabellen“ in der linken Seitenleiste auswählen.

Laden Sie die Seite oder den Beitrag, auf der Sie die Tabelle einfügen möchten, fügen Sie den Shortcode ein, drücken Sie auf Vorschau und die Tabelle wird in den Inhalt eingebettet.

Das TablePress-Plugin macht das Erstellen von Tabellen in WordPress zum Kinderspiel. Darüber hinaus gibt es eine große Auswahl an Add-Ons, die die Funktionalität für leistungsfähigere Tabellen mit erweiterten Funktionen erweitern, einschließlich der Verwendung von PHP.

Derzeit können TablePress-Erweiterungen vor dem Bezahlen heruntergeladen, ausprobiert und getestet werden, und selbst dann schlägt der Entwickler einen Spendenbetrag vor, anstatt einen Kauf im Voraus zu verlangen.