{"id":907,"date":"2025-07-14T18:22:29","date_gmt":"2025-07-14T18:22:29","guid":{"rendered":"https:\/\/tableberg.com\/?p=907"},"modified":"2025-07-14T18:22:31","modified_gmt":"2025-07-14T18:22:31","slug":"wie-man-tabs-in-wordpress-erstellt","status":"publish","type":"post","link":"https:\/\/tableberg.com\/de\/how-to-create-tabs-in-wordpress\/","title":{"rendered":"Wie man in WordPress Registerkarten zur Organisation von Inhalten erstellt"},"content":{"rendered":"<p>Wenn Sie viele Informationen unterschiedlicher Art in Blogbeitr\u00e4gen oder auf Seiten \u00fcbersichtlich ver\u00f6ffentlichen m\u00fcssen, k\u00f6nnen Registerkarten ein hilfreiches Webelement sein. Sie erm\u00f6glichen es Ihnen, Inhalte in separaten Abschnitten zu organisieren, so dass die NutzerInnen gezielt die Informationen suchen und finden k\u00f6nnen, die sie ben\u00f6tigen.<\/p>\n\n\n\n<p>Mit dem Gutenberg-Block-Editor k\u00f6nnen Sie ganz einfach Tabs zu Ihren Blogbeitr\u00e4gen hinzuf\u00fcgen. In diesem Artikel zeigen wir Ihnen, wie Sie in WordPress Registerkarten erstellen, um Inhalte zu organisieren. Zuvor werden wir einige grundlegende Fragen beantworten.<\/p>\n\n\n<!DOCTYPE html>\n<?xml version=\"1.0\" encoding=\"UTF-8\"?><div class=\"wp-block-ub-tabbed-content wp-block-ub-tabbed-content-holder wp-block-ub-tabbed-content-horizontal-holder-mobile wp-block-ub-tabbed-content-horizontal-holder-tablet\" id=\"ub-tabbed-content-994fc8a6-8ce5-4686-abee-3f51167ede3a\" style=\"\">\n\t\t\t<div class=\"wp-block-ub-tabbed-content-tab-holder horizontal-tab-width-mobile horizontal-tab-width-tablet\">\n\t\t\t\t<div role=\"tablist\" class=\"wp-block-ub-tabbed-content-tabs-title wp-block-ub-tabbed-content-tabs-title-mobile-horizontal-tab wp-block-ub-tabbed-content-tabs-title-tablet-horizontal-tab\" style=\"justify-content: center; \"><div role=\"tab\" id=\"ub-tabbed-content-994fc8a6-8ce5-4686-abee-3f51167ede3a-tab-0\" aria-controls=\"ub-tabbed-content-994fc8a6-8ce5-4686-abee-3f51167ede3a-panel-0\" aria-selected=\"true\" class=\"wp-block-ub-tabbed-content-tab-title-wrap active ub-tabbed-content-with-sub-title\" style=\"--ub-tabbed-title-background-color: #eeeeee; --ub-tabbed-active-title-color: inherit; --ub-tabbed-active-title-background-color: #eeeeee; text-align: left; \" tabindex=\"-1\">\n\t\t\t\t<div class=\"wp-block-ub-tabbed-content-tab-title\"><strong>Was sind Registerkarten?<\/strong><\/div>\n\t\t\t<\/div><div role=\"tab\" id=\"ub-tabbed-content-994fc8a6-8ce5-4686-abee-3f51167ede3a-tab-1\" aria-controls=\"ub-tabbed-content-994fc8a6-8ce5-4686-abee-3f51167ede3a-panel-1\" aria-selected=\"false\" class=\"wp-block-ub-tabbed-content-tab-title-wrap ub-tabbed-content-with-sub-title\" style=\"--ub-tabbed-active-title-color: inherit; --ub-tabbed-active-title-background-color: #eeeeee; text-align: left; \" tabindex=\"-1\">\n\t\t\t\t<div class=\"wp-block-ub-tabbed-content-tab-title\"><strong>Wann sollten Sie Registerkarten verwenden? <\/strong><\/div>\n\t\t\t<\/div><\/div>\n\t\t\t<\/div>\n\t\t\t<div class=\"wp-block-ub-tabbed-content-tabs-content\" style=\"\"><div role=\"tabpanel\" class=\"wp-block-ub-tabbed-content-tab-content-wrap active\" id=\"ub-tabbed-content-994fc8a6-8ce5-4686-abee-3f51167ede3a-panel-0\" aria-labelledby=\"ub-tabbed-content-994fc8a6-8ce5-4686-abee-3f51167ede3a-tab-0\" tabindex=\"0\">\n\n<p>Registerkarten dienen als Navigationsinstrument, mit dem Sie viele Informationen in verschiedenen Abschnitten anzeigen k\u00f6nnen. So m\u00fcssen die Nutzer nicht \u00fcberm\u00e4\u00dfig scrollen, um die umfangreichen Informationen auf Ihrer Seite oder Ihrem Beitrag zu erkunden.<\/p>\n\n\n\n<p>Sie bieten ein strukturiertes Format, so dass die Nutzer durch Anklicken die gew\u00fcnschten Informationen finden k\u00f6nnen. Normalerweise wird das Tab-Element verwendet, um die Webseiten in den Bereichen Held und Kopfzeile anzuzeigen.<\/p>\n\n\n\n<p>Aber heute k\u00f6nnen Sie mit Hilfe bestimmter Gutenberg-Plugins \u00fcberall in jedem Beitrag oder auf jeder Seite Registerkarten erstellen.<\/p>\n\n<\/div><div role=\"tabpanel\" class=\"wp-block-ub-tabbed-content-tab-content-wrap ub-hide\" id=\"ub-tabbed-content-994fc8a6-8ce5-4686-abee-3f51167ede3a-panel-1\" aria-labelledby=\"ub-tabbed-content-994fc8a6-8ce5-4686-abee-3f51167ede3a-tab-1\" tabindex=\"0\">\n\n<p>Tabellierte Inhalte eignen sich besonders gut, wenn Sie eine gro\u00dfe Menge an Informationen haben, die in einem tabellarischen Format angezeigt werden m\u00fcssen. Dieses Element ist besonders effektiv bei der Organisation der folgenden Informationstypen.<\/p>\n\n\n\n<p><strong>Produktbeschreibungen:<\/strong> Sie k\u00f6nnen diesen Block verwenden, um Produktspezifikationen, Merkmale und Kundenrezensionen in separaten Registerkarten zu behandeln.<\/p>\n\n\n\n<p><strong>Serviceangebote:<\/strong> Wenn Sie mehrere Servicepl\u00e4ne oder Pakete anbieten, ist es besser, diese in separaten Abschnitten zu pr\u00e4sentieren.<\/p>\n\n\n\n<p><strong>Preispl\u00e4ne:<\/strong> Es ist bereits g\u00e4ngige Praxis, mehrere Preispl\u00e4ne in verschiedenen Registerkarten auf Websites anzuzeigen.<\/p>\n\n\n\n<p><strong>FAQs<\/strong>: Obwohl die meisten Leute es lieben, FAQ- und Content-Toggle-Bl\u00f6cke f\u00fcr den FAQ-Bereich zu verwenden, k\u00f6nnen Sie auch den Tab-Block verwenden, um diesen Bereich abzudecken.<\/p>\n\n\n\n<p><strong>Vergleichende Informationen:<\/strong> Wenn es Informationen gibt, die besser in einem nebeneinander liegenden Abschnitt dargestellt werden sollten, ist der Tab-Block in diesem Fall n\u00fctzlich.<\/p>\n\n<\/div><\/div>\n\t\t<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Tabs f\u00fcr beliebige Inhalte in WordPress erstellen<\/h2>\n\n\n\n<p>Die Standard-Blockbibliothek von Gutenberg verf\u00fcgt nicht \u00fcber den Tab-Block. Sie m\u00fcssen ein Plugin verwenden wie <a href=\"https:\/\/ultimateblocks.com\/\" target=\"_blank\" data-type=\"link\" data-id=\"https:\/\/wordpress.org\/plugins\/ultimate-blocks\/\" rel=\"noreferrer noopener\">Ultimative Bl\u00f6cke<\/a> um es in der Blockbibliothek zu haben. Das Plugin verf\u00fcgt \u00fcber 25+ zus\u00e4tzliche Plugins, mit denen Sie Ihr Webdesign und Content Marketing auf die n\u00e4chste Stufe bringen k\u00f6nnen.<\/p>\n\n\n\n<p>Die \"T<a href=\"https:\/\/ultimateblocks.com\/tabbed-content-block\/\" target=\"_blank\" rel=\"noreferrer noopener\">abgerufener Inhalt<\/a>Block von Ultimate Blocks k\u00f6nnen Sie beliebige Inhalte in Tabs einf\u00fcgen. Sehen wir uns an, wie man das macht. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 01: Installieren und aktivieren Sie das Ultimate Blocks Plugin<\/h3>\n\n\n\n<p>Gehe zu <strong>Plugins &gt; Neues Plugin hinzuf\u00fcgen<\/strong>. Typ <strong>Ultimative Bl\u00f6cke<\/strong> in der Suchleiste in der oberen rechten Ecke. <strong>Installieren Sie<\/strong> und <strong>aktivieren.<\/strong> das Plugin, nachdem es unten erscheint.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"655\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Install-and-activate-the-Ultimate-Blocks-plugin.webp\" alt=\"Installieren und aktivieren Sie das Plugin Ultimate Blocks\" class=\"wp-image-456\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Install-and-activate-the-Ultimate-Blocks-plugin.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Install-and-activate-the-Ultimate-Blocks-plugin-300x154.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Install-and-activate-the-Ultimate-Blocks-plugin-1024x524.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Install-and-activate-the-Ultimate-Blocks-plugin-768x393.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 02: Einf\u00fcgen des Inhaltsblocks mit Registerkarten<\/h3>\n\n\n\n<p>\u00d6ffnen Sie einen Beitrag oder eine Seite. Suchen Sie die <strong>Registerkarteninhalt<\/strong> Block durch Dr\u00fccken von <strong>Plus-Taste (+)<\/strong>. Sobald Sie den Block gefunden haben, f\u00fcgen Sie ihn dem Gutenberg-Editor hinzu.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-Tabbed-Content-block-to-the-Gutenberg-editor.webp\" alt=\"Hinzuf\u00fcgen des Blocks &quot;Tabbed Content&quot; zum Gutenberg-Editor\" class=\"wp-image-911\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-Tabbed-Content-block-to-the-Gutenberg-editor.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-Tabbed-Content-block-to-the-Gutenberg-editor-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-Tabbed-Content-block-to-the-Gutenberg-editor-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-Tabbed-Content-block-to-the-Gutenberg-editor-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 03: Neue Registerkarten hinzuf\u00fcgen und umbenennen<\/h3>\n\n\n\n<p>Durch Anklicken des <strong>Plus-Symbol (+)<\/strong>k\u00f6nnen Sie dem Block so viele Registerkarten hinzuf\u00fcgen, wie Sie m\u00f6chten.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-new-tabs-to-the-Tabbed-Content-block.webp\" alt=\"Hinzuf\u00fcgen neuer Registerkarten zum Block &quot;Registerkarteninhalt\" class=\"wp-image-912\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-new-tabs-to-the-Tabbed-Content-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-new-tabs-to-the-Tabbed-Content-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-new-tabs-to-the-Tabbed-Content-block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-new-tabs-to-the-Tabbed-Content-block-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Nehmen Sie den Cursor und klicken Sie auf die einzelnen Registerkarten. Sie k\u00f6nnen sie dann umbenennen. Benennen Sie die Registerkarten entsprechend dem Inhalt um, den Sie anzeigen m\u00f6chten.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Rename-tabs-of-the-Tabbed-Content-block.webp\" alt=\"Registerkarten des Blocks &quot;Tabbed Content&quot; umbenennen\" class=\"wp-image-913\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Rename-tabs-of-the-Tabbed-Content-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Rename-tabs-of-the-Tabbed-Content-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Rename-tabs-of-the-Tabbed-Content-block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Rename-tabs-of-the-Tabbed-Content-block-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 04: Inhalt zu den Registerkarten hinzuf\u00fcgen<\/h3>\n\n\n\n<p>W\u00e4hlen Sie eine Registerkarte aus, zu der Sie Inhalte hinzuf\u00fcgen m\u00f6chten. Setzen Sie dann den Cursor in den entsprechenden Editor. Sie sehen dann das Feld <strong>Plus-Taste (+)<\/strong> des Gutenberg-Editors erscheint. Klicken Sie auf und w\u00e4hlen Sie den gew\u00fcnschten Inhaltsblock aus.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-content-to-the-tab.webp\" alt=\"Inhalt zur Registerkarte hinzuf\u00fcgen\" class=\"wp-image-914\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-content-to-the-tab.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-content-to-the-tab-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-content-to-the-tab-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-content-to-the-tab-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>F\u00fcr das Tutorial haben wir die Text- und Bildbl\u00f6cke zu der Registerkarte hinzugef\u00fcgt. Auf die gleiche Weise k\u00f6nnen Sie auch andere Bl\u00f6cke zur Registerkarte hinzuf\u00fcgen. Machen Sie das Gleiche mit anderen Registerkarten.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Texts-and-image-added-to-the-Tabbed-Content-block.webp\" alt=\"Texte und Bilder zum Block &quot;Tabbed Content&quot; hinzugef\u00fcgt\" class=\"wp-image-915\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Texts-and-image-added-to-the-Tabbed-Content-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Texts-and-image-added-to-the-Tabbed-Content-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Texts-and-image-added-to-the-Tabbed-Content-block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Texts-and-image-added-to-the-Tabbed-Content-block-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 05: Anpassen der Registerkarten<\/h3>\n\n\n\n<p>Wechseln Sie zur rechten Seitenleiste, w\u00e4hrend Sie den Block \"Registerkarteninhalt\" ausgew\u00e4hlt lassen. Hier finden Sie verschiedene Optionen, die Sie konfigurieren k\u00f6nnen, z. B. die Registerkartenarten, den Registerkartenanker und die Reaktionsf\u00e4higkeit.<\/p>\n\n\n\n<p>Sobald Sie auf die Premium-Version upgraden, k\u00f6nnen Sie Symbole zu den Tab-Titeln, sekund\u00e4re Texte und Call-to-Action-Buttons zu den Tabs hinzuf\u00fcgen.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Configure-settings-of-the-Tabbed-Content-block.webp\" alt=\"Konfigurieren Sie die Einstellungen des Blocks &quot;Tabbed Content\" class=\"wp-image-916\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Configure-settings-of-the-Tabbed-Content-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Configure-settings-of-the-Tabbed-Content-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Configure-settings-of-the-Tabbed-Content-block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Configure-settings-of-the-Tabbed-Content-block-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Als n\u00e4chstes kommen Sie zum <strong>Registerkarte \"Stile<\/strong>. Sie erhalten Optionen zum Einf\u00e4rben des Registerkarteninhalts, zum \u00c4ndern des Registerkartenlayouts und zum Einstellen einer neuen Dimension. Ich hoffe, Sie k\u00f6nnen diese M\u00f6glichkeiten selbst erkunden und nutzen.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Stylize-the-Tabbed-Content-block.webp\" alt=\"Stilisierung des Blocks &quot;Tabbed Content\" class=\"wp-image-917\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Stylize-the-Tabbed-Content-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Stylize-the-Tabbed-Content-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Stylize-the-Tabbed-Content-block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Stylize-the-Tabbed-Content-block-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Video-Anleitung<\/h3>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Wie man in WordPress Registerkarten zur Organisation von Inhalten erstellt\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/S6MekjOWHls?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/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\">Erstellen von Tabs f\u00fcr Tabellen in WordPress<\/h2>\n\n\n\n<p>Registerkarten sind nicht nur f\u00fcr Text oder Bilder geeignet - sie sind auch eine hervorragende M\u00f6glichkeit, mehrere Tabellen nebeneinander auf Ihrer Website zu organisieren. Egal, ob Sie den Benutzern die M\u00f6glichkeit geben m\u00f6chten, zwischen <a href=\"https:\/\/tableberg.com\/de\/wie-man-einen-monatlichen-oder-jahrlichen-preiswechsel-in-wordpress-erstellt\/\" target=\"_blank\" rel=\"noreferrer noopener\">monatliche und j\u00e4hrliche Preise<\/a>, <a href=\"https:\/\/tableberg.com\/de\/wie-man-eine-vergleichstabelle-in-wordpress-erstellt-2\/\" target=\"_blank\" rel=\"noreferrer noopener\">Produkteigenschaften vergleichen<\/a>oder Daten in mehreren Sprachen pr\u00e4sentieren, <strong><a href=\"https:\/\/tableberg.com\/de\/\" target=\"_blank\" rel=\"noreferrer noopener\">Tischberg<\/a><\/strong> macht es Ihnen mit der Funktion \"Tabs umschalten\" leicht.<\/p>\n\n\n\n<p><strong>Mit Tableberg's \"<a href=\"https:\/\/tableberg.com\/de\/kippschalter-fur-tableberg-block\/\" target=\"_blank\" rel=\"noreferrer noopener\">Umschaltbar f\u00fcr Tableberg<\/a>\"Block, k\u00f6nnen Sie:<\/strong><\/p>\n\n\n<ul style=\"padding-left: 1.1em; text-align: left; --ub-list-item-icon-top: 3px;; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); --ub-list-item-fa-li-top: 3px; --ub-list-item-spacing: 0px; \" class=\"wp-block-ub-styled-list ub_styled_list\" id=\"ub_styled_list-84c4e0ee-762c-4e78-a414-f77e17c4062d\"><div class=\"ub-block-list__layout\" style=\"text-align: left; column-count: 1; --ub-list-mobile-column-count: 1; \">\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-e2e716d6-2426-40ff-8077-a05e8006c03a\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\">Mehrere Tabellen auf separaten Registerkarten hinzuf\u00fcgen<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-4dae12de-cd20-4e7f-ab18-0d905d58189a\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\">Erm\u00f6glichen Sie Besuchern den Vergleich von Preispl\u00e4nen, Funktionen oder Datens\u00e4tzen mit einem einzigen Klick<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-a2192655-f961-4224-96e3-a4e7e5664867\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\">Halten Sie Ihre Tabellen organisiert, sauber und super einfach zu navigieren<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n<\/div><\/ul>\n\n\n<p><strong>Hier erfahren Sie, wie Sie mit Tableberg Registerkarten f\u00fcr Tabellen erstellen:<\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 1: Einf\u00fcgen des 'Toggle for Tableberg' Blocks<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u00d6ffnen Sie Ihren Beitrag oder Ihre Seite im WordPress-Editor.<\/li>\n\n\n\n<li>Klicken Sie auf das Symbol (+), suchen Sie nach <strong>Umschaltbar f\u00fcr Tableberg<\/strong>und f\u00fcgen Sie den Block hinzu.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"472\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Inserting-the-Toggle-for-Tableberg-Block-1024x472.png\" alt=\"\" class=\"has-border-color wp-image-7133\" style=\"border-color:#d0ccde;border-width:1px;border-radius:0px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Inserting-the-Toggle-for-Tableberg-Block-1024x472.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Inserting-the-Toggle-for-Tableberg-Block-300x138.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Inserting-the-Toggle-for-Tableberg-Block-768x354.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Inserting-the-Toggle-for-Tableberg-Block-1536x709.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Inserting-the-Toggle-for-Tableberg-Block-2048x945.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Inserting-the-Toggle-for-Tableberg-Block-18x8.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 2: Einrichten und Anpassen der Registerkarten<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Standardm\u00e4\u00dfig sehen Sie Registerkarten mit den Bezeichnungen \"Register 1\", \"Register 2\" und \"Register 3\".<\/li>\n\n\n\n<li>Klicken Sie auf die Symbole + oder -, um nach Bedarf Registerkarten hinzuzuf\u00fcgen oder zu entfernen.<\/li>\n\n\n\n<li>Benennen Sie jede Registerkarte um (z. B. \"Monatlich\", \"J\u00e4hrlich\", \"Standard\", \"Premium\").<\/li>\n\n\n\n<li>Verwenden Sie das Einstellungsfeld auf der rechten Seite, um Titel, Ausrichtung, Farben und Rahmen an Ihren bevorzugten Stil anzupassen.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"657\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Add-or-remove-tabs-1024x657.png\" alt=\"\" class=\"has-border-color wp-image-7134\" style=\"border-color:#d0ccde;border-width:1px;border-radius:0px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Add-or-remove-tabs-1024x657.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Add-or-remove-tabs-300x192.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Add-or-remove-tabs-768x493.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Add-or-remove-tabs-1536x985.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Add-or-remove-tabs-2048x1314.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Add-or-remove-tabs-18x12.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 3: Hinzuf\u00fcgen einer Tabelle zu jeder Registerkarte<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>W\u00e4hlen Sie eine Registerkarte aus und klicken Sie dann in diese, um eine Tableberg-Tabelle hinzuzuf\u00fcgen.<\/li>\n\n\n\n<li>Sie k\u00f6nnen eine neue Tabelle von Grund auf erstellen oder eines der von Tableberg vorgefertigten Tabellenmuster einf\u00fcgen.<\/li>\n\n\n\n<li>Jede Registerkarte kann eine eigene Tabelle enthalten - ideal f\u00fcr Vergleiche oder die Pr\u00e4sentation von Optionen.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"657\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Add-or-remove-tabs-1024x657.png\" alt=\"\" class=\"has-border-color wp-image-7134\" style=\"border-color:#d0ccde;border-width:1px;border-radius:0px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Add-or-remove-tabs-1024x657.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Add-or-remove-tabs-300x192.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Add-or-remove-tabs-768x493.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Add-or-remove-tabs-1536x985.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Add-or-remove-tabs-2048x1314.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Add-or-remove-tabs-18x12.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 4: Vorschau und Ver\u00f6ffentlichung<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Verwenden Sie die Vorschau, um sicherzustellen, dass Ihre Tabellen mit Registerkarten genau richtig aussehen und funktionieren.<\/li>\n\n\n\n<li>Wenn Sie zufrieden sind, ver\u00f6ffentlichen oder aktualisieren Sie Ihren Beitrag\/Ihre Seite.<\/li>\n<\/ul>\n\n\n\n<p>Hier ist ein Beispiel daf\u00fcr, wie eine Preistabelle mit Registerkarten mit Tableberg aussieht:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"1029\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Toggle-for-Tableberg-Example-.gif\" alt=\"\" class=\"wp-image-7131\" style=\"border-top-color:var(--wp--preset--color--main-accent);border-top-width:1px;border-right-style:none;border-right-width:0px;border-bottom-color:var(--wp--preset--color--main-accent);border-bottom-width:1px;border-left-style:none;border-left-width:0px\"\/><\/figure>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_f9bd9323-a9f8-4268-ad73-11d73d5ddf0b\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 2px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h3 class=\"wp-block-heading\">Schlussfolgerung<\/h3>\n\n\n\n<p>Der Block \"Tabbed Content\", der mit dem Ultimate Blocks-Plugin geliefert wird, ist auf allen Ger\u00e4ten automatisch responsiv. Daher m\u00fcssen Sie nicht viel Zeit darauf verwenden, ihn ger\u00e4teabh\u00e4ngig zu machen.<\/p>\n\n\n\n<p>Aber was Sie tun m\u00fcssen, ist, den Block an einer geeigneten Stelle zu platzieren, die Ihren gesamten Beitrag\/Seite perfekt macht. Erforschen Sie unseren anderen Beitrag - <a href=\"https:\/\/tableberg.com\/de\/wie-erstelle-ich-einen-call-to-action-button-in-wordpress\/\" data-type=\"link\" data-id=\"https:\/\/tableberg.com\/how-to-create-a-call-to-action-button-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">wie man eine Schaltfl\u00e4che f\u00fcr eine Aufforderung zum Handeln in WordPress erstellt<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>If you have to publish lots of information of various types on blog posts or pages concisely, tabs could be a helpful web element to do this. They allow you to organize content in separate sections so users can selectively explore and find the information they need. With the Gutenberg block editor, you can easily [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":6879,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[32,31,18],"class_list":["post-907","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-gutenberg-blocks","tag-tabbed-content","tag-ultimate-blocks"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/How-to-Create-Tabs-in-WordPress.png","author_info":{"display_name":"Istiak Rayhan","author_link":"https:\/\/tableberg.com\/de\/author\/wpx_irayhan\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/posts\/907","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/comments?post=907"}],"version-history":[{"count":9,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/posts\/907\/revisions"}],"predecessor-version":[{"id":10038,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/posts\/907\/revisions\/10038"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/media\/6879"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/media?parent=907"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/categories?post=907"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/tags?post=907"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}