Wie kann ich Tabellen in WordPress responsive machen?
Die größte Schwäche des Gutenberg-Tabellenblocks ist die Darstellung auf mobilen Geräten. Häufig werden die Spalten nicht korrekt abgeschnitten, sodass die Seitenbreite entweder extrem verbreitert oder Inhalte komplett abgeschnitten werden. Abhilfe schaffen Tabellen-Plugins, welche in der Regel eine responsive Darstellung liefern. Um dir zu zeigen, wie du einfach, schnell und vor allem kostenlos eine sehr anschauliche Tabelle in WordPress auch mit vielen Spalten erstellst und diese im Anschluss responsive machst, wählen wir eines unser Lieblings-Plugins: TablePress. Hierfür musst du zwei Plugins installieren: TablePress selbst Die Erweiterung "TablePress Extension: Responsive Tables" Im Anschluss kannst du bequem eine Tabelle nach deinen Vorstellungen erstellen und über den generierten Shortcode an der gewünschten Stelle einfügen. Für die Darstellung auf Mobilgeräten bietet dir TablePress im Anschluss drei Möglichkeiten: Scrollen: Über einen horizontalen Bildlauf kannst du alle Inhalte der Tabelle darstellen, ohne dass die Seitenbreite selbst vergrößert wird (empfehlen wir nicht) Collapse: Über ein Plus-Zeichen lassen sich Inhalte, die nicht dargestellt werden, öffnen. Flip: Die ideale Funktion, wenn es deine Tabelle zulässt. Zeilen werden in Spalten und Spalten in Zeilen umgewandelt. Auch den Breakpoint, also den Wechsel zwischen mobiler Ansicht und Desktop-Darstellung kannst du bequem im Backend definieren.