Tabellen mit WordPress realisieren

Tabellen sind durchaus ein sinnvolles Werkzeug um sortierte Informationen im Web bereitzustellen. Auch mit WordPress lassen sich Tabellen leicht und unkompliziert nach W3C-Standard realisieren. Hierfür bieten Sich zwei, aus meiner Sicht, sinnvolle Möglichkeiten an.

1. Tabellen über TinyMCE erstellen

Der Basiseditor von WordPress reicht zwar für die meisten Anwender vollkommen aus, will man dem Anwender jedoch mehr Werkzeuge und Funktionen an die Hand geben, bietet es sich an, den erweiterten Editor TinyMCE Advanced zu installieren. Mit TinyMCE lassen sich so einfach und schnell valide Tabellen aufbauen. Im folgenden Clip will ich das an einem kleinen Beispiel erklären.

[video mp4="http://www.3d-mediadesign.de/wp-content/uploads/Tabellen.mp4" width="690" height="380"]

Noch mehr Optionen in Bezug auf die Tabellenerstellung bietet folgendes Plugin.

2. Tabellen mit WP-Table Reloaded

Eine weitere Möglichkeit Tabellen in WordPress zu erstellen, bietet das Plugin WP-Table Reloaded von Tobias Bäthge. Dieses Plugin ist ideal bei grossen Datenmengen, da es eine eigene Suchfunktion mitbringt. Auch sonst gibt es eine Vielzahl an Parametern die sich einstellen lassen. Die Tabellen werden komplett im Backend erstellt und verwaltet. Mittels Shortcode oder Template-Tag lassen sich die angelegten Tabellen bequem in Artikeln, Seiten und Widgets integrieren. Eine weitere Besonderheit ist die Ex-und Importfunktion über XML,- CSV oder HTML. Durch die Einbindung der DataTables-JavaScript-Bibliothek ist es möglich die Tabelleninhalte zu Filtern und zu sortieren. Hier einige Screenshots, die die funktionsweise erläutern:

Tabellenkopf

Tabellenbeschreibung

Tabelleninhalte

Tabellenlayout

Im- und Export

Beispieltabelle

Plugin TinyMCE Advanced
Plugin WP-Table Reloaded
Weitere nützliche Plugins für WordPress

Frank - Ursprünglich Projektleiter in der 3D-Produktentwicklung, seit 2006 spezialisiert auf 3D Visualisierungen mit Cinema 4D. Mein zweites Steckenpferd ist Webdesign, insbesondere hat es mir hier das CMS WordPress angetan. Folge mir auch auf Google+, Twitter oder Facebook.

• Themenverwandte Artikel

3 Kommentare


  1. Andreas
    Aug 25, 2010

    Danke, sehr hilfreiches Tutorial!


  2. Zappo
    Aug 30, 2011

    Sehr schönes Tutorial, danke :-) Ich hatte mich gewundert, warum dieser Tabellenbutton bei mir in WP nicht angezeigt wurde, habe aber meine Tabellen daher kurzerhand in der HTML-Ansicht gebastelt (was auch kein Problem ist) aber mit Tinymce kann das schon Zeit sparen.


  3. Detlef
    Dez 11, 2011

    Hallo Frank,

    vielen Dank für Deine sehr gute und leicht verständliche Einführung in das Erstellen von Tabellen mit TinyMCE.

    Nun möchte würde ich gerne eine Tabelle, bei der ich kleinere Zellenhöhen und -breiten selbst festlegen kann, da für meine Zwecke die feststehenden Parameter von TinyMCE zuviel Platz erfordern.

    Das alleinige Ändern der Schriftgröße reicht dafür nicht aus. Die Zellen sind dann immer noch zu groß bemessen und die Schrift ist kaum noch lesbar.

    Sofern Du ein Tipp hast, wie ich den Zellen kleinere Höhen und Breiten zuweisen kann, wäre ich Dir sehr dankbar, wenn Du mir weiter helfen würdest.

    Viele liebe Grüße

    Detlef

Kommentar schreiben


Deine Meinung zu diesem Beitrag ist uns wichtig.
Die Angabe Deiner E-Mail Adresse ist notwendig, sie wird hier aber nicht veröffentlicht.