TablePress: Tabellen in WordPress mit dem gewissen Extra

|
Layout-Auswahl der neu erstellten Tabelle

Tabellen eignen sich hervorragend, um Inhalte strukturiert darzustellen. Wer sie in WordPress integrieren will, musste in Vergangenheit auf Quellcodes zurückgreifen. Es geht aber bequemer. ;) Wir stellen TablePress vor.

TablePress ist ein kostenfreies Plugin vom deutschen Entwickler Tobias Bäthge. Mit mittlerweile über zwei Millionen Downloads gehört es zu den beliebtesten Erweiterungen in WordPress. Lasst euch von der Installation bis hin zur Veröffentlichung eine Übersicht geben.

TablePress in eure WordPress Installation bringen

TablePress lässt sich, wie von WordPress Plugins gewohnt, mit recht wenig Aufwand integrieren. Dafür folgt ihr diesen Schritten:

  1. In die WordPress Installation einloggen.
  2. In der Seitenleiste unter Plugins auf Installieren klicken.
  3. Nach „TablePress“ suchen.
  4. Die Erweiterung installieren und im nächsten Schritt aktivieren.

Geht nun abschließend auf den in der Seitenleiste neu erschienenen Eintrag TablePress.

Tabellen einrichten und gestalten

Um eine neue Tabelle anzulegen, wählt in der Seitenleiste unter TablePress den Eintrag Neue Tabelle. Hier könnt ihr den Namen der Tabelle definieren, anschließend, falls gewünscht, eine Beschreibung angeben und die Menge an Zeilen und Spalten festlegen. Keine Sorge: Sämtliche dieser Angaben sind nicht endgültig und können im Nachhinein noch angepasst werden. Mit einem Klick auf Tabelle hinzufügen wird die Tabelle angelegt.

Unter Tabellen-Inhalt ist nun die eigentliche Definition des Inhalts möglich. Überlegt euch vor dem Anlegen, wie die Tabelle aufgebaut sein soll. Wo sollen Überschriften definiert werden und wo nicht?

Tabellen-Inhalt
Layout-Auswahl der neu erstellten Tabelle

Unter dem Tabellen-Inhalt finden sich die erweiterten Optionen zur Gestaltung. So erlauben die Bearbeitungsfunktionen das Einbinden von Links, Bildern aber auch das Erweitern der Tabelle um Zeilen und Spalten.

bearbeitung funktionen
Verschiedene Bearbeitungsfunktionen für Tabellen per TablePress

Sind Kopfzeilen gewünscht? Abwechselnde Zeilenfarben? Oder ein Mouse-Over-Effekt? Das alles lässt sich unter Tabellen-Einstellungen definieren. Erfahrene Anwender können zudem CSS-Klassen angeben.

tabelle einstellungen
Konfigurationsmöglichkeiten für TablePress Tabellen

Für erweiterte Funktionen kommt der letzte Bereich ins Spiel, betitelt mit Funktionen der DataTables-JavaScript-Bibliothek. In diesem Bereich lassen sich Sortierfunktionen, Filter, Umblätter-Möglichkeiten sowie horizontales Scrollen aktivieren. Funktionen wie diese machen TablePress zu einem mächtigen Begleiter bei der Pflege von Tabellen.

Abschließend werden mit dem Button Änderungen speichern, falls benötigt zuvor Vorschau, die Anpassungen gesichert.

Die Tabelle in eine Seite oder einen Beitrag einbinden

tablepress shortcode
Shortcode TablePress

So, die Tabelle ist erstellt und bereit veröffentlicht zu werden. TablePress arbeitet hierfür mit individuellen Shortcodes. Sie finden sich in der Ansicht zur Tabellenbearbeitung unter Informationen über die Tabelle.

Den Shortcode könnt ihr per Doppelklick markieren, kopieren und anschließend auf eine beliebige Seite oder einen beliebigen Artikel einfügen. Nach dem Veröffentlichen dürftet ihr die Tabelle eingebunden vorfinden.

Die Arbeit mit Shortcodes scheint kompliziert zu sein. Warum lassen sich Tabellen nicht direkt im Artikel oder in der Seite bearbeiten? Der große Vorteil bei dieser Lösung ist, dass ihr eine Tabelle zentral für die mehrfache Verwendung bearbeiten könnt.

Ein weiterer Vorteil: Einzelne Tabellen lassen sich sehr bequem und mächtig gestalten. Ideal für alle, die nach mehr als „nur“ einer HTML-Tabelle suchen.

Ähnliche Artikel:

Webentwicklung

WordPress 6.3 – Die neuen Features

WordPress 6.3 geht an den Start! Was es kann und wo es euch Arbeit abnimmt, hat Lukas sich angeschaut. Seine Favourites stellt er hier vor.

Kommentare

Cristine Keidel am
Hallo, ich war zunächst begeistert von Tablepress. Allerdings hat sich inzwischen einiges geändert im Netz und Tablepress hat hier nicht Schritt gehalten mit der Weiterentwicklung: Jetzt macht es mein SSL-Zertifikat kaputt und hat negativen Einfluß auf mein Ranking: AMP funktioniert nicht und im Zuge von Mobile first können die Tabellen nicht mithalten, weil sie nicht responsive sind.

Hat hier jemand eine Lösung? Sonst muss ich mir leider eine Alternative suchen.
Viktor Peters am
Hallo Cristine,

vielen Dank für deinen Kommentar.

Ich habe zu den zwei von dir beschriebenen Problemen (Probleme mit SSL sowie keine Reponsive-Darstellung) gesucht. Da TablePress von zahlreichen Webseiten verwendet wird und vom Entwickler regelmäßig aktualisiert, dürfte es eigentlich auch mit technischen Entwicklungen gehen. Aber tatsächlich sind Reponsive Tables nicht standardmäßig im Plugin integriert, sondern über einen Download erhältlich: https://tablepress.org/extensions/responsive-tables/. Damit müsste es dann auch auf mobilen Seiten funktionieren.

Bzgl. der SSL-Problematik: Im Support-Forum von TablePress gab es vor einigen Jahren ein ähnliches Problem (https://wordpress.org/support/topic/no-ssl-security-using-tablepress/). Hier lag es aber nicht an dem Plugin selbst, sondern einer inkorrekten Einbindung eines Bildes (per http statt https). Vielleicht ist die Situation bei dir ähnlich und es werden Ressourcen per http statt https eingebunden?

Ich hoffe das hilft dir weiter. Weiterhin dir viel Erfolg!

Lieben Gruß aus dem Mittwald-Blog-Team
Viktor
Michael Mand am
Hallo.
Vielen Dank für den Beitrag.

TablePress ist von den kostenfreien Versionen immer noch mit am Besten. Allerdings sehen umfangreichere Tabellen auf dem Smartphone einfach nicht wirklich ansehnlich aus.

Viele Grüße
Michael
Viktor Peters am
Hallo AndyLee,

danke für deinen Kommentar!

TablePress bringt, soweit ich sehen kann, in seinen Grundfunktionen keine Möglichkeit zum Anpassen des Tabellenrahmens mit. Was möglich ist, ist der Gang über CSS. Beschrieben wird eine Option zum Anpassen des Rahmens auf der FAQ-Seite des Plugins (https://tablepress.org/faq/) unter "How do I remove the borders from a table?".

Daneben finden sich in der Dokumentation (https://tablepress.org/documentation/) Beispiele, die zeigen, was generell alles mit den CSS-Befehlen möglich ist.

Lieben Gruß aus dem Mittwald-Blog-Team
Viktor
AndyLee am

Wie so immer bei diesem Plugin fehlt die Beschreibung, wie man den Rahmen der Tabelle definiert. Komisch, denn der Rahmen sollte nicht unwichtig sein, schließlich begrenzt er die Tabelle. Was also ist mit dem Rahmen, der Rahmendicke, dem Padding usw. - also was ist mit den eigentlich interessanten Inhalten?