{"id":7359,"date":"2025-02-06T08:04:31","date_gmt":"2025-02-06T08:04:31","guid":{"rendered":"https:\/\/tableberg.com\/?p=7359"},"modified":"2025-02-06T08:04:31","modified_gmt":"2025-02-06T08:04:31","slug":"wie-man-verschachtelte-registerkarten-in-wordpress-hinzufugt","status":"publish","type":"post","link":"https:\/\/tableberg.com\/de\/how-to-add-nested-tabs-in-wordpress\/","title":{"rendered":"Wie man verschachtelte Tabs in WordPress hinzuf\u00fcgt (einfache Schritte)"},"content":{"rendered":"<p>Wenn Ihre Inhalte gut strukturiert sind, bleiben die Nutzer in der Regel l\u00e4nger dabei. Mit verschachtelten Registerkarten k\u00f6nnen Sie f\u00fcr Ordnung, Interaktivit\u00e4t und Benutzerfreundlichkeit sorgen, was sich perfekt f\u00fcr Dokumentation, Preistabellen und FAQs eignet.<\/p>\n\n\n\n<p>Sie erm\u00f6glichen es den Nutzern, zwischen verschiedenen Abschnitten zu wechseln, ohne die Seite zu verlassen, um alles auf kompaktem Raum zug\u00e4nglich zu machen. Anstelle einer un\u00fcbersichtlichen Seite mit endlosem Scrollen erhalten Sie ein klar strukturiertes Layout, in dem mehrere Informationsebenen einfach zu navigieren sind.<\/p>\n\n\n\n<p>Es wird Sie freuen zu h\u00f6ren, dass Sie in WordPress ohne gro\u00dfen Aufwand verschachtelte Registerkarten hinzuf\u00fcgen k\u00f6nnen. Alles, was Sie dazu brauchen, ist das richtige Tool, und <a href=\"https:\/\/wordpress.org\/plugins\/ultimate-blocks\/\" target=\"_blank\" rel=\"noopener\">Ultimative Bl\u00f6cke<\/a> ist genau das. Unser Artikel hilft Ihnen, die Antwort zu finden, wie Sie verschachtelte Tabs in WordPress auf die einfachste Weise hinzuf\u00fcgen k\u00f6nnen. <\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Verschachtelte Registerkarten in WordPress hinzuf\u00fcgen&nbsp;<\/strong><\/h2>\n\n\n\n<p>F\u00fcr Gutenberg-Benutzer, <a href=\"https:\/\/tableberg.com\/de\/ultimative-blocke-uberprufung\/\">Ultimative Bl\u00f6cke<\/a> ist die ideale Wahl f\u00fcr das einfache Hinzuf\u00fcgen verschachtelter Registerkarten. Mit 26 verschiedenen Bl\u00f6cken, die f\u00fcr unterschiedliche Zwecke entwickelt wurden, ist Ultimate Blocks jedoch nicht nur f\u00fcr Registerkarten geeignet. Es ist eine All-in-One-L\u00f6sung, die Sie mit den richtigen Tools f\u00fcr die Strukturierung von Inhalten, die Verbesserung der \u00dcbersichtlichkeit und das Hinzuf\u00fcgen interaktiver Elemente in Gutenberg ausstattet.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Schritt 1: Bereiten Sie das Plugin vor<\/strong><\/h2>\n\n\n\n<p>Zuerst m\u00fcssen Sie zu Ihrem WordPress-Dashboard gehen. Von dort aus klicken Sie auf <strong>Plugins<\/strong> im linken Men\u00fc, dann w\u00e4hlen Sie <strong>Neu hinzuf\u00fcgen\".<\/strong>. Geben Sie in der Suchleiste ein <strong>Ultimative Bl\u00f6cke, <\/strong>und das Ergebnis sollte innerhalb von Sekunden angezeigt werden. Sobald das Plugin im Ergebnis erscheint, klicken Sie auf <strong>Jetzt installieren<\/strong>. Warten Sie einen Moment, bis es funktioniert, und aktivieren Sie dann das Plugin, und schon sind Sie fertig.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"371\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Ultimate-Blocks-installation-1024x371.png\" alt=\"Ultimate Blocks installieren und aktivieren\" class=\"has-border-color has-primary-accent-border-color wp-image-7361\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Ultimate-Blocks-installation-1024x371.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Ultimate-Blocks-installation-300x109.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Ultimate-Blocks-installation-768x278.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Ultimate-Blocks-installation-1536x556.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Ultimate-Blocks-installation-18x7.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Ultimate-Blocks-installation.png 1884w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Schritt 2: Einf\u00fcgen des Inhaltsblocks mit Registerkarten<\/strong><\/h2>\n\n\n\n<p>\u00d6ffnen Sie Ihren Beitrag oder Ihre Seite im Gutenberg-Editor, wo Sie Ihre verschachtelten Tabs hinzuf\u00fcgen m\u00f6chten. Klicken Sie im Editor auf die Schaltfl\u00e4che <strong>+<\/strong> Taste, suchen Sie nach <strong>Registerkarteninhalt<\/strong>und f\u00fcgen Sie es in Ihren Inhalt ein. Dies wird die Grundlage f\u00fcr Ihr Layout mit Registerkarten sein.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1692\" height=\"714\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/2-1024x432.png\" alt=\"Hinzuf\u00fcgen des Blocks &quot;Tabbed Content\" class=\"has-border-color has-primary-accent-border-color wp-image-7362\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/2-1024x432.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/2-300x127.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/2-768x324.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/2-1536x648.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/2-18x8.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/2.png 1692w\" sizes=\"auto, (max-width: 1692px) 100vw, 1692px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Schritt 3: Erstellen Sie Ihre Registerkarten und verschachtelten Registerkarten&nbsp;<\/strong><\/h2>\n\n\n\n<p>Sobald die <strong>Registerkarteninhalt<\/strong> Block hinzugef\u00fcgt wird, haben Sie standardm\u00e4\u00dfig eine einzige Registerkarte. Um mehrere Registerkarten in der ersten Ebene zu erstellen, klicken Sie auf die Schaltfl\u00e4che <strong>\"+\"<\/strong> und f\u00fcgen Sie so viele wie n\u00f6tig hinzu. Sie k\u00f6nnen jede Registerkarte umbenennen, indem Sie direkt auf den Titel klicken und den neuen Namen eintippen. Jede Registerkarte dient als Container, in den Sie Text, Bilder oder andere Inhaltsbl\u00f6cke einf\u00fcgen k\u00f6nnen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"423\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/3.1-1024x423.png\" alt=\"Registerkarten hinzuf\u00fcgen\" class=\"has-border-color has-primary-accent-border-color wp-image-7363\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/3.1-1024x423.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/3.1-300x124.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/3.1-768x317.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/3.1-1536x635.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/3.1-18x7.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/3.1.png 1621w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Zum Erstellen <strong>verschachtelte Registerkarten<\/strong>w\u00e4hlen Sie eine Registerkarte der ersten Ebene aus und f\u00fcgen Sie eine weitere ein <strong>Registerkarteninhalt<\/strong> Block mit Hilfe des Block-Inserters ein. Dieser neue Block fungiert dann als Registerkarte der zweiten Ebene innerhalb der ausgew\u00e4hlten Registerkarte. Sie k\u00f6nnen den gleichen Vorgang wiederholen, um weitere verschachtelte Ebenen hinzuzuf\u00fcgen und Ihren Inhalt auf mehreren Ebenen zu strukturieren.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"475\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/3.2-1024x475.png\" alt=\"Verschachtelte Registerkarten\" class=\"has-border-color has-primary-accent-border-color wp-image-7364\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/3.2-1024x475.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/3.2-300x139.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/3.2-768x356.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/3.2-1536x713.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/3.2-18x8.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/3.2.png 1884w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Schritt 4: Anpassen, bis es perfekt ist<\/strong><\/h2>\n\n\n\n<p>Nachdem Sie Ihre Inhalte in den einzelnen Registerkarten platziert haben, m\u00f6chten Sie vielleicht einige \u00c4nderungen am Aussehen der Registerkarten vornehmen. Von der <strong>Allgemeine Einstellungen<\/strong> Registerkarte k\u00f6nnen Sie die <strong>Registerkartenart<\/strong>, hinzuf\u00fcgen<strong> Registerkartenanker<\/strong>und, in der Pro-Version, auch<strong> Ikonen<\/strong>, <strong>Bilder<\/strong>und <strong>Sekund\u00e4rtexte<\/strong> mit dem Titel.<\/p>\n\n\n\n<p>Unter<strong> Stile Einstellungen<\/strong>k\u00f6nnen Sie die <strong>Farben<\/strong> f\u00fcr Registerkarten, Titel und Inhalte, \u00e4ndern Sie die <strong>Registerkartenlayout<\/strong> zum Umschalten zwischen <strong>horizontal und <\/strong><a href=\"https:\/\/tableberg.com\/de\/wie-man-vertikale-tabs-in-wordpress-hinzufugt\/\"><strong>vertikal<\/strong><\/a><strong> Registerkarten<\/strong> und passen Sie die <strong>Rand und Abmessungen<\/strong> zu Ihrem Design passen.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"567\" height=\"992\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/4.png\" alt=\"Panel &quot;Blockeinstellungen\" class=\"has-border-color has-primary-accent-border-color wp-image-7367\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/4.png 567w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/4-171x300.png 171w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/4-7x12.png 7w\" sizes=\"auto, (max-width: 567px) 100vw, 567px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<p><strong>Schritt 5: Vorschau und Ver\u00f6ffentlichung der verschachtelten Registerkarten<\/strong><\/p>\n\n\n\n<p>Bevor Sie Ihre verschachtelten Registerkarten live schalten, klicken Sie auf die Schaltfl\u00e4che <strong>Vorschau<\/strong> um zu pr\u00fcfen, ob alles wie erwartet funktioniert. Vergewissern Sie sich, dass alle Registerkarten reibungslos umgeschaltet werden und dass verschachtelte Registerkarten korrekt angezeigt werden. Falls Anpassungen erforderlich sind, gehen Sie zur\u00fcck und nehmen Sie die Einstellungen vor. Wenn alles gut aussieht, klicken Sie auf <strong>ver\u00f6ffentlichen.<\/strong> oder <strong>Update<\/strong> um Ihre \u00c4nderungen wirksam werden zu lassen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"533\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/5.1-1024x533.png\" alt=\"Vorschau und Ver\u00f6ffentlichung\" class=\"has-border-color has-primary-accent-border-color wp-image-7390\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/5.1-1024x533.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/5.1-300x156.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/5.1-768x400.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/5.1-1536x800.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/5.1-18x9.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/5.1.png 1606w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Hier eine kurze Demonstration der verschachtelten Registerkarten in Aktion.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"946\" height=\"728\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/2025-02-06_13-55-10.gif\" alt=\"\" class=\"wp-image-7411\"\/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Schlussfolgerung<\/strong><\/h4>\n\n\n\n<p>Verschachtelte Registerkarten machen die Navigation durch geschichtete Inhalte in WordPress intuitiver, und Ultimate Blocks bietet eine einfache M\u00f6glichkeit, sie in den Gutenberg-Editor zu implementieren. Da er jedoch keine echten verschachtelten Registerkarten unterst\u00fctzt, m\u00fcssen Sie Bl\u00f6cke mit verschachtelten Inhalten manuell ineinander einf\u00fcgen, um den Effekt zu erzielen. Wenn Sie einen anderen Editor verwenden, <a href=\"https:\/\/tableberg.com\/de\/beste-wordpress-tabs-plugins\/\">Alternativen existieren<\/a>aber nicht alle Registerkarten-Plugins unterst\u00fctzen standardm\u00e4\u00dfig die Verschachtelung auf mehreren Ebenen. Testen Sie die in diesem Artikel vorgestellte Methode, um herauszufinden, ob sie Ihren Anforderungen entspricht, und wenn nicht, erkunden Sie andere Plugins, die f\u00fcr Sie besser geeignet sind. Z\u00f6gern Sie nicht und machen Sie sich gleich an die Arbeit. Fangen Sie einfach an, Ihre Inhalte zu organisieren, und sehen Sie, welchen Unterschied es macht.<\/p>","protected":false},"excerpt":{"rendered":"<p>When your content is structured well, users tend to stick around longer. Nested tabs let you keep things tidy, interactive, and user-friendly, which is a perfect fit for documentation, pricing tables, and FAQs. They work by allowing users to switch between different sections without leaving the page to keep everything accessible in a compact space. [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":7360,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[],"class_list":["post-7359","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Nested-Tabs-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\/7359","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=7359"}],"version-history":[{"count":16,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/posts\/7359\/revisions"}],"predecessor-version":[{"id":7412,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/posts\/7359\/revisions\/7412"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/media\/7360"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/media?parent=7359"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/categories?post=7359"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/tags?post=7359"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}