{"id":8251,"date":"2025-04-06T22:51:14","date_gmt":"2025-04-06T22:51:14","guid":{"rendered":"https:\/\/tableberg.com\/?p=8251"},"modified":"2025-04-26T16:32:24","modified_gmt":"2025-04-26T16:32:24","slug":"wie-man-stapelbare-tabellen-in-wordpress-erstellt","status":"publish","type":"post","link":"https:\/\/tableberg.com\/de\/how-to-create-stackable-tables-in-wordpress\/","title":{"rendered":"Wie man stapelbare Tabellen in WordPress erstellt"},"content":{"rendered":"

Standardtabellen eignen sich in der Regel gut f\u00fcr Desktops. Sie k\u00f6nnen sehen, dass alles an seinen Platz passt, und das Layout bleibt sauber. Bei der Ansicht auf einem Telefon oder Tablet versagen diese Tabellen jedoch oft. Sie sind zu breit und zwingen die Nutzer dazu, seitlich zu scrollen, nur um eine einzige Zeile zu lesen. <\/p>\n\n\n\n

Stapelbare Tabellen l\u00f6sen dieses Problem, indem sie jede Zeile in einen vertikalen Informationsblock verwandeln. Anstatt die Daten in einer einzigen Zeile anzuzeigen, werden die Inhalte \u00fcbereinander gestapelt, wodurch die Tabelle auf kleinen Bildschirmen leichter verst\u00e4ndlich wird.<\/p>\n\n\n\n

Auf einem Desktop ist dieses Layout jedoch nicht sinnvoll. Wenn gen\u00fcgend Platz vorhanden ist, sind normale Tabellen einfacher zu navigieren und effizienter. Stapelbare Tabellen sind haupts\u00e4chlich dazu gedacht, die Lesbarkeit auf mobilen Ger\u00e4ten zu verbessern, und nicht, um Standardtabellen auf allen Bildschirmgr\u00f6\u00dfen zu ersetzen.<\/p>\n\n\n\n

In diesem Artikel zeigen wir Ihnen, wie Sie mit dem Tableberg-Plugin eine stapelbare Tabelle erstellen und diese f\u00fcr mobile Bildschirme anpassen k\u00f6nnen.<\/p>\n\n\n\n

\n\n\n\n

Was ist ein stapelbarer Tisch?<\/strong><\/h2>\n\n\n\n

Eine stapelbare Tabelle ist eine responsive Version einer normalen Tabelle, die ihr Layout auf kleineren Bildschirmen anpasst. Auf Desktops kann eine Tabelle als Standardraster mit Zeilen und Spalten erscheinen. Auf mobilen Ger\u00e4ten sind breite Tabellen jedoch oft schwer zu lesen und erfordern einen horizontalen Bildlauf. Stapelbare Tabellen schaffen hier Abhilfe, indem sie jede Zeile in einen vertikalen Block verwandeln, in dem die Spaltenbezeichnungen \u00fcber jedem Wert angezeigt werden. Dadurch wird der Inhalt auf schmalen Bildschirmen leichter lesbar und kann ohne Informationsverlust durchgebl\u00e4ttert werden. In den meisten F\u00e4llen wird dies mit CSS oder Plugins erreicht, die responsive Tabellenlayouts unterst\u00fctzen. Die besten Ergebnisse erzielen Sie, wenn Sie Plugins mit integrierten Einstellungen f\u00fcr mobile Ger\u00e4te oder Hilfsklassen verwenden, die die Bildschirmbreite erkennen. Bevor Sie die Stapelung anwenden, sollten Sie jedoch pr\u00fcfen, wie viele Spalten Sie haben und ob der Inhalt lesbar bleibt. <\/p>\n\n\n\n

\n\n\n\n

Stapelbare Tabellen in WordPress erstellen<\/strong><\/h2>\n\n\n\n

Um zu zeigen, wie stapelbare Tabellen in WordPress tats\u00e4chlich funktionieren, werden wir die Tischberg <\/a>Plugin. Es ist einfach zu bedienen, unterst\u00fctzt alle Arten von Inhalten in Tabellenzellen und enth\u00e4lt integrierte Einstellungen f\u00fcr das Stapeln von Tabellen auf Mobilger\u00e4ten. Kommen wir nun zu den Schritten. <\/p>\n\n\n\n

Schritt 1: Installieren und Aktivieren von Tableberg<\/strong><\/h3>\n\n\n\n

W\u00e4hlen Sie in Ihrem WordPress-Dashboard Plugins<\/strong> \u2192 Neu hinzuf\u00fcgen<\/strong>, dann suchen Sie nach Tischberg<\/strong>. Klicken Sie auf Jetzt installieren<\/strong>und dr\u00fccken Sie nach der Installation Aktivieren Sie <\/strong>um sie auf Ihrer Website zu verwenden.<\/p>\n\n\n\n

\"<\/figure>\n\n\n\n
\n\n\n\n

Schritt 2: Einf\u00fcgen einer Tabelle<\/strong><\/h3>\n\n\n\n

\u00d6ffnen Sie den Beitrag oder die Seite, auf der Sie die Tabelle erstellen m\u00f6chten. Verwenden Sie die Blockeinf\u00fcger (+ Taste)<\/strong>, suchen Sie nach \"Tableberg\", <\/strong>und f\u00fcgen Sie sie ein. Sie werden aufgefordert, die Anzahl der Zeilen und Spalten zu w\u00e4hlen - je nachdem, welche Art von Tabelle Sie erstellen m\u00f6chten.<\/p>\n\n\n\n

\"Einf\u00fcgen<\/figure>\n\n\n\n
\n\n\n\n

Schritt 3: Inhalt zur Tabelle hinzuf\u00fcgen<\/strong><\/h3>\n\n\n\n

Klicken Sie in jede Zelle und beginnen Sie mit dem Eintragen Ihres Inhalts. Sie k\u00f6nnen Text, Bilder, Symbole, Sternbewertungen, Schaltfl\u00e4chen, B\u00e4nder oder Listen hinzuf\u00fcgen - Tableberg unterst\u00fctzt mehrere Blocktypen in jeder Zelle.<\/p>\n\n\n\n

\"Inhalt<\/figure>\n\n\n\n
\n\n\n\n

Schritt 4: Aktivieren des Responsive Stacking-Modus<\/strong><\/h3>\n\n\n\n

Um responsive Einstellungen anzuwenden, m\u00fcssen Sie zun\u00e4chst die gesamte Tabelle ausw\u00e4hlen. Klicken Sie auf den \u00e4u\u00dferen Rand einer beliebigen Zelle, und wenn die Symbolleiste erscheint, w\u00e4hlen Sie dort das Symbol f\u00fcr den Tabellenberg aus. Dadurch wird sichergestellt, dass die gesamte Tabelle ausgew\u00e4hlt ist.<\/p>\n\n\n\n

\"W\u00e4hlen<\/figure>\n\n\n\n

Wenn die vollst\u00e4ndige Tabelle ausgew\u00e4hlt ist, sehen Sie sich das rechte Blockeinstellungsfeld an. Scrollen Sie nach unten, bis Sie den Abschnitt mit der Bezeichnung Responsive Settings finden. Aktivieren Sie die Option, mit der sich die Tabelle an Mobil- und Tablet-Bildschirme anpassen l\u00e4sst.<\/p>\n\n\n\n

\"Aktivieren<\/figure>\n\n\n\n

Schritt 5: W\u00e4hlen Sie den Stapelmodus und konfigurieren Sie das Verhalten<\/strong><\/h3>\n\n\n\n

Nachdem Sie den responsiven Modus aktiviert haben, k\u00f6nnen Sie ausw\u00e4hlen, wie sich die Tabelle anpasst. W\u00e4hlen Sie Stapel<\/strong> anstelle von Schriftrolle<\/strong>. Dadurch wird jede Tabellenzeile in einen vertikalen Block umgewandelt, um die Anzeige auf kleineren Bildschirmen zu erleichtern.<\/p>\n\n\n\n

\"Stapelmodus<\/figure>\n\n\n\n
\n\n\n\n

Schritt 6: Erweiterte Stack-Funktionen verwenden<\/strong><\/h3>\n\n\n\n

Unterhalb der Modusauswahl k\u00f6nnen Sie Folgendes einschalten Zeilen in Spalten umwandeln<\/strong> wenn Sie m\u00f6chten, dass die Tabelle ihre Layout-Richtung umkehrt. Sie finden auch die Option Die erste Spalte in jeder Stapelzeile anzeigen,<\/strong> was n\u00fctzlich ist, wenn die erste Spalte Beschriftungen enth\u00e4lt. Schlie\u00dflich k\u00f6nnen Sie festlegen, wie viele Elemente pro Stapelzeile erscheinen sollen.<\/p>\n\n\n\n

\"Erweiterte<\/figure>\n\n\n\n
\n\n\n\n

Schritt 7: Vorschau und Fertigstellung<\/strong><\/h3>\n\n\n\n

Klicken Sie auf die Schaltfl\u00e4che \"Vorschau\" und \u00fcberpr\u00fcfen Sie das Layout in der Mobil- und Tablet-Ansicht. Wenn alles gut aussieht, k\u00f6nnen Sie Ihren Beitrag ver\u00f6ffentlichen oder aktualisieren.<\/p>\n\n\n\n

\"Vorschau<\/figure>\n\n\n\n
\n\n\n\n

Schlussfolgerung<\/strong><\/h3>\n\n\n\n

Stapeltabellen sind eine praktische L\u00f6sung, um Inhalte auf Handys und Tablets leichter lesbar zu machen, vor allem wenn Sie mit einfachen oder mittelgro\u00dfen Tabellen arbeiten. Wenn eine Tabelle jedoch zu viele Spalten enth\u00e4lt, kann das gestapelte Format langatmig und schwieriger zu navigieren werden. In solchen F\u00e4llen k\u00f6nnen andere Techniken wie das Filtern oder Ausblenden von Spalten besser funktionieren. F\u00fcr die meisten allt\u00e4glichen Anwendungsf\u00e4lle bietet das Stapeln jedoch eine saubere und zuverl\u00e4ssige Methode, um Ihre Tabellen mobilfreundlich zu halten. In diesem Artikel zeigen wir Ihnen genau, wie Sie eine solche Tabelle mit Tableberg erstellen, von der Installation bis zur endg\u00fcltigen Vorschau.<\/p>\n\n\n\n

<\/p>","protected":false},"excerpt":{"rendered":"

Standard tables typically work well on desktops. You can see everything fits in place, and the layout stays clean. But when viewed on a phone or a tablet, those same tables often break down. They stretch too wide, forcing users to scroll sideways just to read a single row. Stackable tables solve this problem by […]<\/p>\n","protected":false},"author":9,"featured_media":8256,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7,130],"tags":[],"class_list":["post-8251","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","category-tableberg"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/Stacked-Table-850-x-335-px.png","author_info":{"display_name":"Moinul Islam","author_link":"https:\/\/tableberg.com\/de\/author\/marufmoinul27\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/posts\/8251","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/comments?post=8251"}],"version-history":[{"count":4,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/posts\/8251\/revisions"}],"predecessor-version":[{"id":8300,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/posts\/8251\/revisions\/8300"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/media\/8256"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/media?parent=8251"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/categories?post=8251"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/tags?post=8251"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}