{"id":16481,"date":"2016-11-25T15:14:46","date_gmt":"2016-11-25T14:14:46","guid":{"rendered":"https:\/\/strato.de\/blog\/?p=16481"},"modified":"2019-12-24T11:09:14","modified_gmt":"2019-12-24T10:09:14","slug":"tabellen-in-wordpress-komfortabel-nutzen","status":"publish","type":"post","link":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/tabellen-in-wordpress-komfortabel-nutzen\/","title":{"rendered":"Tabellen in WordPress komfortabel nutzen"},"content":{"rendered":"<p>Tabellen gelten im Web als veraltet und st\u00f6rend. Das stimmt aber nur, wenn man Tabellen als Layout- und Gestaltungsmittel einsetzt. Wenn Du jedoch Informationen strukturiert und \u00fcbersichtlich darstellen willst, sind Tabellen die erste Wahl. Du kannst Tabellen perfekt nutzen, um beispielsweise die Zutatenliste eines Kochrezepts oder eine \u00fcbersichtliche Preisliste zu pr\u00e4sentieren.<\/p>\n<p>Allerdings bietet WordPress von Haus aus keinerlei Tabellenfunktionen. Zus\u00e4tzlich erfordern Tabellen ein wenig Aufmerksamkeit, was die Darstellung auf Smartphones angeht \u2013 Stichwort \u201eresponsiv\u201c.<br \/>\nEbenfalls ein Problem: Tabellen sind nicht immer barrierefrei. Aber f\u00fcr all diese Aspekte gibt es brauchbare L\u00f6sungen.<\/p>\n<h2>Einfach und doch m\u00e4chtig: das Plugin \u201eEasy Table\u201d<\/h2>\n<p><em>Hinweis am 8. M\u00e4rz 2017, Philipp Wolf: Das WordPress-Verzeichnis stellt das Plugin &#8222;Easy Table&#8220; aktuell nicht zur Verf\u00fcgung. <\/em><\/p>\n<p>Wenn Du nur gelegentlich Tabellen einsetzt und keine komplizierte Tabellen-Struktur ben\u00f6tigst, eignet sich das Plugin Easy Tables sehr gut.<\/p>\n<p>Das Plugin arbeitet mit einem Shortcode (siehe \u201e<a href=\"https:\/\/strato.de\/blog\/shortcodes-so-laesst-du-wordpress-fuer-dich-arbeiten\/\">Shortcodes: So l\u00e4sst Du WordPress f\u00fcr Dich arbeiten<\/a>\u201c), mit dem Du Tabellen direkt in Dein Posting einf\u00fcgen kannst. Das Schema ist recht intuitiv:<\/p>\n<p>\u00ad<\/p>\n<pre class=\"lang:default decode:true \">[table]\n\nSpalte1,Spalte2,Spalte3\n\nSpalte1,Spalte2,Spalte3\n\nSpalte1,Spalte2,Spalte3\n\n[\/table]<\/pre>\n<p>Den Inhalt der Spalten trennst Du per Kommata, eine Zeile ergibt automatisch auch eine Zeile in der Tabelle. Du musst also lediglich darauf achten, dass jede Deiner Zeilen gleich viele Elemente enth\u00e4lt, die durch Kommata getrennt sind.<\/p>\n<figure id=\"attachment_16751\" aria-describedby=\"caption-attachment-16751\" style=\"width: 728px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-16751\" src=\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2016\/11\/easytable-editor_n.jpg\" alt=\"Bei Easy Table erstellst Du Tabellen direkt im WordPress-Beitrag.\" width=\"728\" height=\"678\" srcset=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/11\/easytable-editor_n.jpg 728w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/11\/easytable-editor_n-118x110.jpg 118w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/11\/easytable-editor_n-400x373.jpg 400w\" sizes=\"(max-width: 728px) 100vw, 728px\" \/><figcaption id=\"caption-attachment-16751\" class=\"wp-caption-text\">Bei Easy Table erstellst Du Tabellen direkt im WordPress-Beitrag.<\/figcaption><\/figure>\n<p>Das Charmante an Easy Table ist, dass es sowohl f\u00fcr Blogger ohne HTML-Kenntnisse geeignet ist, als auch f\u00fcr solche, die sich gut auskennen und ihre Tabelle flexibler gestalten m\u00f6chten. Denn zahlreiche Optionen und Parameter f\u00fcr den Shortcode machen Easy Table sehr vielseitig. Der Shortcode wird allerdings ein wenig un\u00fcbersichtlich, wenn Du mehrere dieser weiterf\u00fchrenden Optionen nutzt.<\/p>\n<figure id=\"attachment_16756\" aria-describedby=\"caption-attachment-16756\" style=\"width: 728px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-16756\" src=\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2016\/11\/easytable-output_n.jpg\" alt=\"So sieht das Ergebnis im Browser aus.\" width=\"728\" height=\"311\" srcset=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/11\/easytable-output_n.jpg 728w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/11\/easytable-output_n-160x68.jpg 160w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/11\/easytable-output_n-400x171.jpg 400w\" sizes=\"(max-width: 728px) 100vw, 728px\" \/><figcaption id=\"caption-attachment-16756\" class=\"wp-caption-text\">So sieht das Ergebnis im Browser aus.<\/figcaption><\/figure>\n<p>Was hier alles m\u00f6glich ist, beschreibt das Plugin selbst sehr ausf\u00fchrlich auf der Einstellungs-Seite in WordPress \u2013 allerdings auf Englisch. Hier nur ein Beispiel, um einen Eindruck f\u00fcr die Funktionsweise davon zu vermitteln:<\/p>\n<pre class=\"lang:default decode:true\">[table th=\"false\" tablesorter=\"true\" sort=\"desc\" exclude_row=\"2,4\"]<\/pre>\n<p>In diesem Beispiel definieren wir:<\/p>\n<ul>\n<li>th=&#8220;false&#8220;: Die Tabelle soll keinen Head-Bereich haben.<\/li>\n<li>tablesorter=&#8220;true&#8220;: Die Tabellenzeilen soll automatisch sortiert werden, und zwar \u2026<\/li>\n<li>sort=&#8220;desc&#8220;: in alphabetisch absteigender Reihenfolge.<\/li>\n<li>exclude_row=&#8220;2,4&#8243;: Die Zeilen 2 und 4 werden nicht angezeigt.<\/li>\n<\/ul>\n<p>Insgesamt bietet Easy Table 18 solcher Parameter sowie weitere Optionen f\u00fcr individuelle L\u00f6sungen an. F\u00fcr Tabellen-Grundfunktionen kannst Du all diese M\u00f6glichkeiten aber auch komplett ignorieren.<\/p>\n<figure id=\"attachment_16496\" aria-describedby=\"caption-attachment-16496\" style=\"width: 728px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-16496\" src=\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2016\/11\/easytable-settings.jpg\" alt=\"Alle Einstellungen und Optionen erkl\u00e4rt Easy Press direkt in WordPress.\" width=\"728\" height=\"530\" srcset=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/11\/easytable-settings.jpg 728w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/11\/easytable-settings-151x110.jpg 151w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/11\/easytable-settings-400x291.jpg 400w\" sizes=\"(max-width: 728px) 100vw, 728px\" \/><figcaption id=\"caption-attachment-16496\" class=\"wp-caption-text\">Alle Einstellungen und Optionen erkl\u00e4rt Easy Press direkt in WordPress.<\/figcaption><\/figure>\n<h2>Tabellen unabh\u00e4ngig von Beitr\u00e4gen verwalten: das Plugin \u201eTablepress\u201c<\/h2>\n<p>Einen anderen Ansatz verfolgt das sehr umfangreiche Plugin <a href=\"https:\/\/de.wordpress.org\/plugins\/tablepress\/\">Tablepress<\/a>, das auch auf Deutsch verf\u00fcgbar ist. Hier verwaltest Du Tabellen nicht direkt im Beitrag. Stattdessen erstellst Du die Tabellen recht komfortabel in einem eigenen Editor innerhalb von WordPress und bindest die fertige Tabelle dann nur noch per Shortcode in den Beitrag ein. Den zugeh\u00f6rigen Shortcode zeigt Tablepress gleich direkt an.<\/p>\n<figure id=\"attachment_16501\" aria-describedby=\"caption-attachment-16501\" style=\"width: 728px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-16501\" src=\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2016\/11\/tablepress-editor.jpg\" alt=\"Tablepress hat einen eigenen Editor f\u00fcr Tabellen.\" width=\"728\" height=\"537\" srcset=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/11\/tablepress-editor.jpg 728w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/11\/tablepress-editor-149x110.jpg 149w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/11\/tablepress-editor-400x295.jpg 400w\" sizes=\"(max-width: 728px) 100vw, 728px\" \/><figcaption id=\"caption-attachment-16501\" class=\"wp-caption-text\">Tablepress hat einen eigenen Editor f\u00fcr Tabellen.<\/figcaption><\/figure>\n<p>Das hat einige Vorteile: Der Tabellen-Editor ist sehr einfach zu bedienen und Du definierst hier auch die Einstellungen f\u00fcr die jeweilige Tabelle. Auf diese Weise kannst Du eine Tabelle sogar in mehrere verschiedene Beitr\u00e4ge einbauen. Bei sp\u00e4teren Ver\u00e4nderungen bearbeitest Du nur einmal die zentrale Tabelle.<\/p>\n<figure id=\"attachment_16776\" aria-describedby=\"caption-attachment-16776\" style=\"width: 709px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-16776\" src=\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2016\/11\/tablepress-editor-post_n.jpg\" alt=\"Mit Tablepress integrierst Du Tabellen einmal per Shortcode in den Beitrag und kannst sie sp\u00e4ter bequem bearbeiten, ohne den Beitrag ver\u00e4ndern zu m\u00fcssen.\" width=\"709\" height=\"405\" srcset=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/11\/tablepress-editor-post_n.jpg 709w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/11\/tablepress-editor-post_n-160x91.jpg 160w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/11\/tablepress-editor-post_n-400x228.jpg 400w\" sizes=\"(max-width: 709px) 100vw, 709px\" \/><figcaption id=\"caption-attachment-16776\" class=\"wp-caption-text\">Mit Tablepress integrierst Du Tabellen einmal per Shortcode in den Beitrag und kannst sie sp\u00e4ter bequem bearbeiten, ohne den Beitrag ver\u00e4ndern zu m\u00fcssen.<\/figcaption><\/figure>\n<figure id=\"attachment_16781\" aria-describedby=\"caption-attachment-16781\" style=\"width: 728px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-16781\" src=\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2016\/11\/tablepress-output-simple_n.jpg\" alt=\"Dein Leser sieht eine ganz normale Tabelle und bekommt von der zentralen Verwaltung der Tabellen im Hintergrund nichts mit.\" width=\"728\" height=\"371\" srcset=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/11\/tablepress-output-simple_n.jpg 728w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/11\/tablepress-output-simple_n-160x82.jpg 160w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/11\/tablepress-output-simple_n-400x204.jpg 400w\" sizes=\"(max-width: 728px) 100vw, 728px\" \/><figcaption id=\"caption-attachment-16781\" class=\"wp-caption-text\">Dein Leser sieht eine ganz normale Tabelle und bekommt von der zentralen Verwaltung der Tabellen im Hintergrund nichts mit.<\/figcaption><\/figure>\n<p>Tablepress bietet zahlreiche Extensions, also quasi Plugins zum Plugin. Einige davon sind kostenlos, f\u00fcr besonders aufw\u00e4ndige Extensions verlangt der Programmierer einen kleinen Obolus. Mit diesen Erweiterungen lassen sich ganz au\u00dfergew\u00f6hnliche Dinge realisieren. Sie machen Tablepress zu einem sehr m\u00e4chtigen Tool, wenn Du viel mit Tabellen arbeitest.<\/p>\n<p>Beispielsweise kannst Du mit einem entsprechenden Shortcode eine bestimmte Zelle oder Reihe einer Tabelle extrahieren und nur diese in einem Beitrag einbinden. So kannst Du Daten fast wie in einer Datenbank als Tabelle verwalten und musst bei \u00c4nderungen nicht st\u00e4ndig die einzelnen Beitr\u00e4ge bearbeiten.<\/p>\n<p>Ebenfalls sehr interessant: Tablepress hat eine Exportfunktion. Einmal in WordPress angelegte und gepflegte Tabellen kannst Du Dir also auch herunterladen und beispielsweise in Excel importieren.<\/p>\n<p>F\u00fcr die responsive Darstellung von Tabellen beispielsweise auf Smartphones gibt es bei Tablepress ebenfalls eine \u2013 allerdings kostenpflichtige \u2013 Extension (9 Dollar). Damit kannst Du verschiedene Varianten der responsiven Tabellendarstellung verwenden, die je nach Tabellenart durchaus brauchbar und vor allem f\u00fcr umfangreichere Tabellen n\u00fctzlich sind.<\/p>\n<figure id=\"attachment_16516\" aria-describedby=\"caption-attachment-16516\" style=\"width: 363px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-16516\" src=\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2016\/11\/tablepress-reponsive-collapse.jpg\" alt=\"Eine von drei Varianten f\u00fcr responsives Tabellen-Design bei Tablepress.\" width=\"363\" height=\"446\" srcset=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/11\/tablepress-reponsive-collapse.jpg 363w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/11\/tablepress-reponsive-collapse-90x110.jpg 90w\" sizes=\"(max-width: 363px) 100vw, 363px\" \/><figcaption id=\"caption-attachment-16516\" class=\"wp-caption-text\">Eine von drei Varianten f\u00fcr responsives Tabellen-Design bei Tablepress.<\/figcaption><\/figure>\n<h2>Fit f\u00fcr Smartphone und Tablet: Tabellen responsiv machen<\/h2>\n<p>Bei gro\u00dfen Tabellen auf kleinen Smartphone-Displays sind Darstellungsprobleme vorhersehbar und nicht vollst\u00e4ndig l\u00f6sbar. Dennoch solltest Du darauf achten, dass Deine Tabellen am Handy zumindest notd\u00fcrftig lesbar bleiben \u2013 dem Leser zu liebe, aber auch aus SEO-Gr\u00fcnden. Denn Google legt immer mehr Wert darauf, dass Websites auch am Handy gut aussehen und gibt solchen Seiten bei den Suchergebnissen tendenziell den Vorzug. Das Stichwort dazu lautet \u201eresponsiv\u201c: Dein Blog sollte flexibel darauf reagieren, mit welchem Ger\u00e4t beziehungsweise mit welcher Bildschirmaufl\u00f6sung ein Leser gerade unterwegs ist.<\/p>\n<figure id=\"attachment_16521\" aria-describedby=\"caption-attachment-16521\" style=\"width: 665px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-16521\" src=\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2016\/11\/responsive-plugin-backend.jpg\" alt=\"Das Plugin Magic Liquidizer Responsive Table macht jede Tabelle automatisch responsiv.\" width=\"665\" height=\"347\" srcset=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/11\/responsive-plugin-backend.jpg 665w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/11\/responsive-plugin-backend-160x83.jpg 160w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/11\/responsive-plugin-backend-400x209.jpg 400w\" sizes=\"(max-width: 665px) 100vw, 665px\" \/><figcaption id=\"caption-attachment-16521\" class=\"wp-caption-text\">Das Plugin Magic Liquidizer Responsive Table macht jede Tabelle automatisch responsiv.<\/figcaption><\/figure>\n<p>Mit sehr wenig Aufwand verwandelst Du alle Deine Tabellen mit dem Plugin <a href=\"https:\/\/de.wordpress.org\/plugins\/magic-liquidizer-responsive-table\/\">Magic Liquidizer Responsive Table<\/a> automatisch in responsive Tabellen. Der Trick dabei ist ganz einfach: Unterschreitet die Bildschirmbreite eine bestimmte Grenze, l\u00f6st das Plugin die Tabellen auf und zeigt die Daten untereinander statt tabellarisch nebeneinander an.<\/p>\n<figure id=\"attachment_16526\" aria-describedby=\"caption-attachment-16526\" style=\"width: 582px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-16526\" src=\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2016\/11\/responsive-mit-ohne.jpg\" alt=\"Am Smartphone-Display \u00fcbersichtlich mit Plugin (links) oder nahezu unleserlich ohne Plugin (rechts).\" width=\"582\" height=\"574\" srcset=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/11\/responsive-mit-ohne.jpg 582w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/11\/responsive-mit-ohne-112x110.jpg 112w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/11\/responsive-mit-ohne-400x395.jpg 400w\" sizes=\"(max-width: 582px) 100vw, 582px\" \/><figcaption id=\"caption-attachment-16526\" class=\"wp-caption-text\">Am Smartphone-Display \u00fcbersichtlich mit Plugin (links) oder nahezu unleserlich ohne Plugin (rechts).<\/figcaption><\/figure>\n<p>Dieses Plugin funktioniert \u00fcbrigens auch in Kombination mit Easy Table oder Tablepress, auch wenn ein Teil der optischen Formatierungen verloren gehen. Das ist in der Regel nicht sonderlich tragisch. Wer sich mit CSS-Formatierungen auskennt, kann selbst das recht leicht ausb\u00fcgeln.<\/p>\n<p>Die Vorgehensweise des Plugins zeigt allerdings auch deutlich die Grenzen auf. Denn bei umfangreichen Tabellen wird der Leser bei dieser Darstellung schnell den \u00dcberblick verlieren. Deshalb solltest Du unabh\u00e4ngig vom eingesetzten Plugin Deine Tabellen immer direkt am Smartphone pr\u00fcfen und gegebenenfalls vereinfachen. Schwierig wird es meist bei Tabellen mit mehr als drei Spalten oder wenn die Tabellen-Zellen viel Text oder gar Bilder beinhalten.<\/p>\n<h2>Barrierefreie Tabellen<\/h2>\n<p>Problematisch sind Tabellen f\u00fcr Sehbehinderte, die sich Websites von einer speziellen Software vorlesen lassen. Nur korrekt barrierefrei formatierte Tabellen kann diese Software richtig interpretieren. Im Detail w\u00fcrde dieses komplexe Thema an dieser Stelle zu weit f\u00fchren, die folgenden Hinweise bringen aber schon sehr viel.<\/p>\n<figure id=\"attachment_16531\" aria-describedby=\"caption-attachment-16531\" style=\"width: 609px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-16531\" src=\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2016\/11\/barrierefrei.jpg\" alt=\"Ob der Head-Bereich der Tabelle wie in diesem Beispiel optisch hervorgehoben ist, spielt keine Rolle. Entscheidend f\u00fcr \u201ebarrierefei\u201c ist die korrekte Auszeichnung in HTML.\" width=\"609\" height=\"268\" srcset=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/11\/barrierefrei.jpg 609w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/11\/barrierefrei-160x70.jpg 160w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/11\/barrierefrei-400x176.jpg 400w\" sizes=\"(max-width: 609px) 100vw, 609px\" \/><figcaption id=\"caption-attachment-16531\" class=\"wp-caption-text\">Ob der Head-Bereich der Tabelle wie in diesem Beispiel optisch hervorgehoben ist, spielt keine Rolle. Entscheidend f\u00fcr \u201ebarrierefei\u201c ist die korrekte Auszeichnung in HTML.<\/figcaption><\/figure>\n<p>Damit die Screenreader-Software erkennen kann, welche Tabellenzellen \u00dcberschriften und welche Daten beinhalten, solltest Du das im HTML-Code entsprechend kennzeichnen. Eine korrekt formatierte Tabelle hat deshalb immer einen Header-Bereich \u2013 in HTML mit <em>thead<\/em> ausgezeichnet. Easy Tables definiert die oberste Zeile standardm\u00e4\u00dfig als Header, bei Tablepress musst Du diese Option aktivieren. Beide Plugins sind aber nicht in der Lage, einen zweiten Head-Bereich (typischerweise die erste Spalte) zu definieren. Hier hilft im Zweifel nur, lediglich Tabellen dem Head-Bereich in der ersten Zeile einzusetzen und auf eine beschreibende erste Spalte zu verzichten.<\/p>\n<p>Wem Barrierefreiheit bei Tabellen wichtig ist, sollte sich mit diesem Thema noch eingehender befassen. Denn mit ein wenig Aufwand sind auch umfangreichere Tabellen durchaus barrierefrei umsetzbar. Eine gute Einf\u00fchrung dazu gibt es auf der Website <a href=\"http:\/\/www.barrierefreies-webdesign.de\/knowhow\/datentabellen\/barrierefreie-tabellen.html\">Barrierefreies Webdesign<\/a>.<\/p>\n<h2>Weitere M\u00f6glichkeiten f\u00fcr Tabellen mit WordPress<\/h2>\n<p>Speziell f\u00fcr Produktvergleichstabellen gemacht ist das Plugin <a href=\"https:\/\/de.wordpress.org\/plugins\/table-maker\/\">Table Maker<\/a>. Trotz der speziellen Ausrichtung l\u00e4sst es sich auch f\u00fcr andere Tabellen einsetzen und ist in der Bedienung recht komfortabel. Table Maker arbeitet wie Tablepress mit separat verwalteten Tabellen. Interessant ist hier eine Importfunktion, \u00fcber die Du externe Tabellen im CSV-Format einlesen kannst.<\/p>\n<figure id=\"attachment_16536\" aria-describedby=\"caption-attachment-16536\" style=\"width: 728px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-16536\" src=\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2016\/11\/tablemaker.jpg\" alt=\"F\u00fcr die Pr\u00e4sentation von Produkt-Vergleichen optimiert: Table Maker.\" width=\"728\" height=\"487\" srcset=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/11\/tablemaker.jpg 728w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/11\/tablemaker-160x107.jpg 160w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/11\/tablemaker-400x268.jpg 400w\" sizes=\"(max-width: 728px) 100vw, 728px\" \/><figcaption id=\"caption-attachment-16536\" class=\"wp-caption-text\">F\u00fcr die Pr\u00e4sentation von Produkt-Vergleichen optimiert: Table Maker.<\/figcaption><\/figure>\n<p>Nat\u00fcrlich bleibt immer auch die M\u00f6glichkeit, Tabellen im Text-Modus von WordPress komplett von Hand in HTML zu coden. Das macht aber definitiv nur echten HTML-Code-Freaks Spa\u00df und WordPress verzeiht dabei nicht den kleinsten Fehler. Sobald es Fehler im HTML-Code entdeckt, versucht es, selbigen zu korrigieren \u2013 was meist in einer zerst\u00f6rten Tabelle endet.<\/p>\n<p>Weitgehend untauglich ist auch der Import von Tabellen aus einem Textverarbeitungsprogramm wie Word. Denn dabei werden typischerweise einige unerw\u00fcnschte Formatierungen automatisch \u00fcbernommen. Insbesondere \u00fcbertr\u00e4gt Word auch die exakte Breite der Tabellenspalten. Dadurch ist die Tabelle dann definitiv nicht responsiv.<\/p>\n<figure id=\"attachment_16541\" aria-describedby=\"caption-attachment-16541\" style=\"width: 240px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-16541\" src=\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2016\/11\/word-import.jpg\" alt=\"Keine gute Alternative ist der Import von Tabellen aus Word: Feste Spaltenbreiten im HTML-Code blockieren eine responsive Darstellung. \" width=\"240\" height=\"376\" srcset=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/11\/word-import.jpg 240w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/11\/word-import-70x110.jpg 70w\" sizes=\"(max-width: 240px) 100vw, 240px\" \/><figcaption id=\"caption-attachment-16541\" class=\"wp-caption-text\">Keine gute Alternative ist der Import von Tabellen aus Word: Feste Spaltenbreiten im HTML-Code blockieren eine responsive Darstellung.<\/figcaption><\/figure>\n<p>Und auch die Tabellenfunktion des beliebten Editor-Plugins <a href=\"https:\/\/de.wordpress.org\/plugins\/tinymce-advanced\/\">TinyMCE Advanced<\/a> ist weitgehend untauglich. Denn es ist kaum zu verhindern, dass das Plugin automatisch feste Breiten f\u00fcr Spalten anlegt. Wie bei einem Tabellen-Import aus Word sind diese Tabellen dann nicht responsiv und sehen selbst bei normalen Bildschirmaufl\u00f6sungen selten wirklich gut aus.<\/p>\n<h3>Eure Erfahrungen?<\/h3>\n<p>Wie ist Eure Erfahrung mit Tabellen in WordPress? Setzt Ihr Plugins ein, vermeidet Ihr Tabellen komplett oder habt Ihr einen eigenen Weg gefunden, Tabellen ansprechend darzustellen und halbwegs komfortabel zu erstellen und zu verwalten?<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Manchmal brauchst Du in einem Blog-Beitrag einfach eine Tabelle. Wordpress bietet allerdings keinerlei Tabellenfunktion an. Wie Du dennoch unkompliziert optisch ansprechende und sogar responsive Tabellen in Beitr\u00e4ge einf\u00fcgst, zeigt dieser Workshop.<\/p>\n","protected":false},"author":20,"featured_media":16851,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,490],"tags":[55],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.13 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Tabellen in Wordpress komfortabel nutzen<\/title>\n<meta name=\"description\" content=\"Wordpress bietet keinerlei Tabellen-Funktion an. Wie Du trotzdem auf einfache Weise ansprechende, Tabellen in Beitr\u00e4ge einf\u00fcgst, zeigt dieser Workshop.\" \/>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tabellen in Wordpress komfortabel nutzen\" \/>\n<meta property=\"og:description\" content=\"Wordpress bietet keinerlei Tabellen-Funktion an. Wie Du trotzdem auf einfache Weise ansprechende, Tabellen in Beitr\u00e4ge einf\u00fcgst, zeigt dieser Workshop.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/tabellen-in-wordpress-komfortabel-nutzen\/\" \/>\n<meta property=\"og:site_name\" content=\"STRATO Blog DE Staging\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/strato\" \/>\n<meta property=\"article:published_time\" content=\"2016-11-25T14:14:46+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-12-24T10:09:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/11\/STRATO-Tabellen-in-Wordpress-728x410-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"728\" \/>\n\t<meta property=\"og:image:height\" content=\"410\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"xxxxxxxx\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@STRATO_AG\" \/>\n<meta name=\"twitter:site\" content=\"@STRATO_AG\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"xxxxxxxx\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/tabellen-in-wordpress-komfortabel-nutzen\/\",\"url\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/tabellen-in-wordpress-komfortabel-nutzen\/\",\"name\":\"Tabellen in Wordpress komfortabel nutzen\",\"isPartOf\":{\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#website\"},\"datePublished\":\"2016-11-25T14:14:46+00:00\",\"dateModified\":\"2019-12-24T10:09:14+00:00\",\"author\":{\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/7787419a54ecb752a02b96a001a49ba1\"},\"description\":\"Wordpress bietet keinerlei Tabellen-Funktion an. Wie Du trotzdem auf einfache Weise ansprechende, Tabellen in Beitr\u00e4ge einf\u00fcgst, zeigt dieser Workshop.\",\"breadcrumb\":{\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/tabellen-in-wordpress-komfortabel-nutzen\/#breadcrumb\"},\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/tabellen-in-wordpress-komfortabel-nutzen\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/tabellen-in-wordpress-komfortabel-nutzen\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tabellen in WordPress komfortabel nutzen\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#website\",\"url\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/\",\"name\":\"STRATO Blog DE Staging\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"de-DE\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/7787419a54ecb752a02b96a001a49ba1\",\"name\":\"xxxxxxxx\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0f9de07c54a148cb53d997fdff0710aa?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0f9de07c54a148cb53d997fdff0710aa?s=96&d=mm&r=g\",\"caption\":\"xxxxxxxx\"},\"description\":\"Ich bin Franz Neumeier, war jahrelang Chefredakteur bei IT-Zeitschriften wie PC Professionell, Internet Professionell und Internet Magazin. Inzwischen habe ich mich als freier Autor vor allem auf Kreuzfahrt-Themen spezialisiert, betreibe mehrere Websites und schreibe aus diesen Praxiserfahrungen heraus weiterhin auch \u00fcber Webhosting- und Webpublishing-Themen.\",\"url\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/author\/xxxxxxxx\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Tabellen in Wordpress komfortabel nutzen","description":"Wordpress bietet keinerlei Tabellen-Funktion an. Wie Du trotzdem auf einfache Weise ansprechende, Tabellen in Beitr\u00e4ge einf\u00fcgst, zeigt dieser Workshop.","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"de_DE","og_type":"article","og_title":"Tabellen in Wordpress komfortabel nutzen","og_description":"Wordpress bietet keinerlei Tabellen-Funktion an. Wie Du trotzdem auf einfache Weise ansprechende, Tabellen in Beitr\u00e4ge einf\u00fcgst, zeigt dieser Workshop.","og_url":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/tabellen-in-wordpress-komfortabel-nutzen\/","og_site_name":"STRATO Blog DE Staging","article_publisher":"https:\/\/www.facebook.com\/strato","article_published_time":"2016-11-25T14:14:46+00:00","article_modified_time":"2019-12-24T10:09:14+00:00","og_image":[{"width":728,"height":410,"url":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/11\/STRATO-Tabellen-in-Wordpress-728x410-1.jpg","type":"image\/jpeg"}],"author":"xxxxxxxx","twitter_card":"summary_large_image","twitter_creator":"@STRATO_AG","twitter_site":"@STRATO_AG","twitter_misc":{"Verfasst von":"xxxxxxxx","Gesch\u00e4tzte Lesezeit":"8 Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/tabellen-in-wordpress-komfortabel-nutzen\/","url":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/tabellen-in-wordpress-komfortabel-nutzen\/","name":"Tabellen in Wordpress komfortabel nutzen","isPartOf":{"@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#website"},"datePublished":"2016-11-25T14:14:46+00:00","dateModified":"2019-12-24T10:09:14+00:00","author":{"@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/7787419a54ecb752a02b96a001a49ba1"},"description":"Wordpress bietet keinerlei Tabellen-Funktion an. Wie Du trotzdem auf einfache Weise ansprechende, Tabellen in Beitr\u00e4ge einf\u00fcgst, zeigt dieser Workshop.","breadcrumb":{"@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/tabellen-in-wordpress-komfortabel-nutzen\/#breadcrumb"},"inLanguage":"de-DE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stg.blog-de.strato.wpcust.com\/blog\/tabellen-in-wordpress-komfortabel-nutzen\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/tabellen-in-wordpress-komfortabel-nutzen\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Tabellen in WordPress komfortabel nutzen"}]},{"@type":"WebSite","@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#website","url":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/","name":"STRATO Blog DE Staging","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"de-DE"},{"@type":"Person","@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/7787419a54ecb752a02b96a001a49ba1","name":"xxxxxxxx","image":{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0f9de07c54a148cb53d997fdff0710aa?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0f9de07c54a148cb53d997fdff0710aa?s=96&d=mm&r=g","caption":"xxxxxxxx"},"description":"Ich bin Franz Neumeier, war jahrelang Chefredakteur bei IT-Zeitschriften wie PC Professionell, Internet Professionell und Internet Magazin. Inzwischen habe ich mich als freier Autor vor allem auf Kreuzfahrt-Themen spezialisiert, betreibe mehrere Websites und schreibe aus diesen Praxiserfahrungen heraus weiterhin auch \u00fcber Webhosting- und Webpublishing-Themen.","url":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/author\/xxxxxxxx\/"}]}},"_links":{"self":[{"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/posts\/16481"}],"collection":[{"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/comments?post=16481"}],"version-history":[{"count":9,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/posts\/16481\/revisions"}],"predecessor-version":[{"id":74885,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/posts\/16481\/revisions\/74885"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/media\/16851"}],"wp:attachment":[{"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/media?parent=16481"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/categories?post=16481"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/tags?post=16481"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}