{"id":4423,"date":"2025-07-02T14:23:26","date_gmt":"2025-07-02T14:23:26","guid":{"rendered":"https:\/\/tableberg.com\/?p=4423"},"modified":"2025-07-02T14:24:15","modified_gmt":"2025-07-02T14:24:15","slug":"wie-man-eine-schaltflache-in-wordpress-hinzufugt","status":"publish","type":"post","link":"https:\/\/tableberg.com\/de\/how-to-add-a-toggle-button-in-wordpress\/","title":{"rendered":"Hinzuf\u00fcgen einer Umschalttaste zu Ihrer WordPress-Website"},"content":{"rendered":"<p>M\u00f6chten Sie Ihren Nutzern eine schnelle und saubere M\u00f6glichkeit bieten, zwischen verschiedenen Inhalten oder Preisoptionen auf Ihrer WordPress-Website zu wechseln? Eine Umschalttaste ist die perfekte L\u00f6sung! <\/p>\n\n\n\n<p>Mit einer Umschalttaste k\u00f6nnen Besucher sofort zwischen zwei oder mehr Optionen wechseln, z. B. zwischen monatlichen und j\u00e4hrlichen Preisen, hellem und dunklem Modus oder sogar v\u00f6llig unterschiedlichen Inhaltsbereichen, ohne dass Ihre Seite un\u00fcbersichtlich wird.<\/p>\n\n\n\n<p>In diesem Beitrag erfahren Sie, wie Sie auf einfache Weise Schaltfl\u00e4chen zu Ihrer WordPress-Website hinzuf\u00fcgen k\u00f6nnen:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Methode 1:<\/strong> <a href=\"#Add-a-Toggle-Button-for-Any-Type-of-Content\">Hinzuf\u00fcgen einer Umschalttaste f\u00fcr jede Art von Inhalt (Text, Bilder, Formulare usw.)<\/a><\/li>\n\n\n\n<li><strong>Methode 2:<\/strong> <a href=\"#Add-a-Toggle-Button-for-Pricing-Tables-(and-More)\">Hinzuf\u00fcgen einer Umschalttaste f\u00fcr Preistabellen oder andere Arten von Tabellendaten<\/a><\/li>\n<\/ul>\n\n\n\n<p>Lasst uns eintauchen!<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Add-a-Toggle-Button-for-Any-Type-of-Content\">Methode 1: Hinzuf\u00fcgen einer Umschalttaste f\u00fcr jede Art von Inhalt<\/h2>\n\n\n\n<p>Wenn Sie Ihre Nutzer zwischen verschiedenen Inhaltsbl\u00f6cken wechseln lassen wollen - wie <a href=\"https:\/\/tableberg.com\/de\/wie-man-in-wordpress-faqs-mit-kategorien-und-suche-hinzufugt\/\" target=\"_blank\" rel=\"noreferrer noopener\">FAQs<\/a>, Produktdetails oder unterschiedliche Funktionen ben\u00f6tigen, ist diese Methode die richtige f\u00fcr Sie. <\/p>\n\n\n\n<p>Wir verwenden die <strong><a href=\"https:\/\/ultimateblocks.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Ultimative Bl\u00f6cke<\/a><\/strong> Plugin, das einen vielseitigen Content Toggle (Tabbed Content) Block bietet, der f\u00fcr alle Arten von Inhalten geeignet ist.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Schritt 1: Ultimate Blocks Plugin installieren<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Gehen Sie zu Ihrem WordPress-Dashboard.<\/li>\n\n\n\n<li>Navigieren Sie zu Plugins &gt; Neu hinzuf\u00fcgen.<\/li>\n\n\n\n<li>Suchen Sie nach \"Ultimate Blocks\" und installieren\/aktivieren Sie es.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"389\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/1-1024x389.png\" alt=\"Ultimate Blocks Plugin installieren\" class=\"has-border-color has-primary-accent-border-color wp-image-4432\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/1-1024x389.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/1-300x114.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/1-768x291.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/1-1536x583.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/1-18x7.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/1.png 1892w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Schritt 2: Hinzuf\u00fcgen des Inhaltsblocks mit Registerkarten<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u00d6ffnen Sie einen Beitrag oder eine Seite im WordPress-Editor.<\/li>\n\n\n\n<li>Typ <code>\/Registerkarteninhalt<\/code> oder verwenden Sie das +-Symbol, um den Block \"Registerkarteninhalt\" hinzuzuf\u00fcgen.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"444\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/2.1-2-1024x444.png\" alt=\"Inhaltsblock mit Registerkarte hinzuf\u00fcgen\" class=\"has-border-color has-primary-accent-border-color wp-image-4433\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/2.1-2-1024x444.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/2.1-2-300x130.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/2.1-2-768x333.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/2.1-2-1536x667.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/2.1-2-18x8.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/2.1-2.png 1613w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Der Block \"Tabbed Content\" sieht dann so aus - <\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"585\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/2.2-2-1024x585.png\" alt=\"Urspr\u00fcngliche Schnittstelle des Blocks\" class=\"has-border-color has-primary-accent-border-color wp-image-4434\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/2.2-2-1024x585.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/2.2-2-300x171.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/2.2-2-768x439.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/2.2-2-18x10.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/2.2-2.png 1374w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Schritt 3: Anpassen des Blocks f\u00fcr die Umschaltfunktionalit\u00e4t<\/strong><\/h3>\n\n\n\n<p>Markieren Sie den Block und w\u00e4hlen Sie die Option <strong>Pillen-Stil<\/strong> in den Einstellungen (dadurch sehen die Registerkarten wie Schaltfl\u00e4chen aus).<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"513\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.1-3-1024x513.png\" alt=\"Gehen Sie zu den Einstellungen und w\u00e4hlen Sie den Stil Pills\" class=\"has-border-color has-primary-accent-border-color wp-image-4435\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.1-3-1024x513.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.1-3-300x150.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.1-3-768x385.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.1-3-18x9.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.1-3.png 1451w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Zentrieren Sie die Ausrichtung f\u00fcr einen klassischen Toggle-Look.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"509\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.2-2-1024x509.png\" alt=\"Ausrichtung des Blocks anpassen\" class=\"has-border-color has-primary-accent-border-color wp-image-4436\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.2-2-1024x509.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.2-2-300x149.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.2-2-768x382.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.2-2-18x9.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.2-2.png 1438w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Klicken Sie auf die<strong> + Vorzeichen<\/strong> neben der ersten Registerkarte, um eine weitere Registerkarte hinzuzuf\u00fcgen. F\u00fcgen Sie mindestens zwei Registerkarten hinzu (z. B. \"Monatlich\" und \"J\u00e4hrlich\" oder \"Details\" und \"Zusammenfassung\"). Benennen Sie die Registerkarten so um, dass sie Ihren Umschaltoptionen entsprechen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"523\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.3-1-1024x523.png\" alt=\"Weitere Registerkarte hinzuf\u00fcgen\" class=\"has-border-color has-primary-accent-border-color wp-image-4437\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.3-1-1024x523.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.3-1-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.3-1-768x392.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.3-1-18x9.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.3-1.png 1402w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Verwenden Sie die Farbeinstellungen, um kontrastierende Farben festzulegen, damit klar ist, welche Registerkarte aktiv ist.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"479\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.4-1-1024x479.png\" alt=\"Benennen Sie die Registerkarten um und verwenden Sie die Farbeinstellungen\" class=\"has-border-color has-primary-accent-border-color wp-image-4438\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.4-1-1024x479.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.4-1-300x140.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.4-1-768x360.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.4-1-18x8.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.4-1.png 1465w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Schritt 4: F\u00fcgen Sie Ihren Inhalt hinzu<\/strong><\/p>\n\n\n\n<p>Klicken Sie auf die einzelnen Registerkarten, um den gew\u00fcnschten Inhalt hinzuzuf\u00fcgen (Text, Bilder, Listen, Formulare oder sogar andere Bl\u00f6cke).<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"532\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.5-1024x532.png\" alt=\"Inhalt zu den Registerkarten hinzuf\u00fcgen\" class=\"has-border-color has-primary-accent-border-color wp-image-4439\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.5-1024x532.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.5-300x156.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.5-768x399.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.5-1536x798.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.5-18x9.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.5.png 1612w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Bei Bedarf k\u00f6nnen Sie weitere Anpassungen vornehmen: \u00c4ndern Sie den Hintergrund der Registerkarten, die Farben des Inhalts und vieles mehr.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"524\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.6-1024x524.png\" alt=\"Registerkarten anpassen\" class=\"has-border-color has-primary-accent-border-color wp-image-4440\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.6-1024x524.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.6-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.6-768x393.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.6-18x9.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.6.png 1451w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Schritt 5: Vorschau und Ver\u00f6ffentlichung<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Verwenden Sie die Option Vorschau, um die Umschaltfunktion zu testen.<\/li>\n\n\n\n<li>Wenn Sie zufrieden sind, ver\u00f6ffentlichen oder aktualisieren Sie die Seite.<\/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=\"602\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/4-1024x602.png\" alt=\"Vorschau und Ver\u00f6ffentlichung\" class=\"has-border-color has-primary-accent-border-color wp-image-4441\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/4-1024x602.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/4-300x176.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/4-768x452.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/4-18x12.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/4.png 1415w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Das war's!<\/strong> Sie haben jetzt eine flexible Umschalttaste f\u00fcr jede Art von Inhalt auf Ihrer WordPress-Website.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Add-a-Toggle-Button-for-Pricing-Tables-(and-More)\">Methode 2: Hinzuf\u00fcgen einer Umschalttaste f\u00fcr Preistabellen (und mehr)<\/h2>\n\n\n\n<p>M\u00f6chten Sie den Nutzern die M\u00f6glichkeit geben, zwischen monatlichen und j\u00e4hrlichen Preistabellen umzuschalten - oder verschiedene Datens\u00e4tze nebeneinander zu vergleichen? Die <strong><a href=\"https:\/\/tableberg.com\/de\/einfuhrung-eines-umschalters-fur-die-organisation-von-tabellen-in-tabs-in-tableberg\/\" target=\"_blank\" data-type=\"link\" data-id=\"https:\/\/tableberg.com\/introducing-toggle-for-tableberg-organize-tables-in-tabs\/\" rel=\"noreferrer noopener\">Umschaltbar f\u00fcr Tableberg<\/a><\/strong> Block im Tableberg-Plugin ist genau daf\u00fcr gedacht!<\/p>\n\n\n\n<p>Mit <a href=\"https:\/\/tableberg.com\/de\/preisgestaltung\/\" target=\"_blank\" rel=\"noreferrer noopener\">Tableberg Pro<\/a>k\u00f6nnen Sie eine beliebige Anzahl von Tabellen in \u00fcbersichtlichen, anklickbaren Registerkarten organisieren - perfekt f\u00fcr Preispl\u00e4ne, Produktvergleiche, mehrsprachige Tabellen oder andere Szenarien, in denen mehrere Tabellen sinnvoll sind.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Schritt 1: Einf\u00fcgen des 'Toggle for Tableberg' Blocks<\/strong><\/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 Pluszeichen (+) und suchen Sie nach \"Toggle for Tableberg\".<\/li>\n\n\n\n<li>F\u00fcgen Sie den Block zu Ihrer Seite 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\"><strong>Schritt 2: Einrichten und Anpassen der Registerkarten<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Standardm\u00e4\u00dfig sehen Sie drei Registerkarten mit den Bezeichnungen \"Register 1\", \"Register 2\" und \"Register 3\".<\/li>\n\n\n\n<li>Mit den Symbolen + und - k\u00f6nnen Sie nach Bedarf Registerkarten hinzuf\u00fcgen oder entfernen.<\/li>\n\n\n\n<li>Benennen Sie die einzelnen Registerkarten um (z. B. \"Monatlich\", \"J\u00e4hrlich\" oder \"Basic Plan\", \"Pro Plan\").<\/li>\n\n\n\n<li>Verwenden Sie das Optionsfeld auf der rechten Seite, um die Titel, die Ausrichtung, die Farben und die R\u00e4nder der Registerkarten anzupassen und so ein individuelles Erscheinungsbild zu schaffen.<\/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\"><strong>Schritt 3: F\u00fcgen Sie Ihre Tabellen hinzu<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Klicken Sie auf jede Registerkarte, um eine eigene Tabelle hinzuzuf\u00fcgen.<\/li>\n\n\n\n<li>Erstellen Sie eine neue Tabelle von Grund auf, oder f\u00fcgen Sie ein vorgefertigtes Tableberg-Tabellenmuster ein.<\/li>\n\n\n\n<li>Jede Registerkarte kann eine v\u00f6llig andere Tabelle enthalten - ideal f\u00fcr Funktionsvergleiche, Preisstufen, Datens\u00e4tze und mehr.<\/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<p><strong>Beliebte Anwendungsf\u00e4lle<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Preistabellen:<\/strong> Lassen Sie die Nutzer zwischen monatlichen und j\u00e4hrlichen Preisen oder zwischen verschiedenen Tarifen umschalten.<\/li>\n\n\n\n<li><strong>Datenvergleiche:<\/strong> Zeigen Sie regionale Daten, verschiedene Produktspezifikationen oder Leistungskennzahlen auf separaten Registerkarten an.<\/li>\n\n\n\n<li><strong>P\u00e4dagogischer Inhalt:<\/strong> Organisieren Sie Lektionen oder Kursmaterial zur leichteren Navigation.<\/li>\n\n\n\n<li><strong>Mehrsprachige Tabellen:<\/strong> Zeigen Sie dieselben Daten in verschiedenen Sprachen f\u00fcr internationale Besucher an.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Schritt 4: Vorschau und Ver\u00f6ffentlichung<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Vergewissern Sie sich in der Vorschau, dass die Registerkarten wie erwartet aussehen und funktionieren.<\/li>\n\n\n\n<li>Ver\u00f6ffentlichen oder aktualisieren Sie Ihren Beitrag\/Ihre Seite, wenn Sie fertig sind.<\/li>\n<\/ul>\n\n\n\n<p>Hier ist ein Beispiel daf\u00fcr, wie der Toggle f\u00fcr eine Preistabelle 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\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Schlussfolgerung<\/h2>\n\n\n\n<p>Das Hinzuf\u00fcgen einer Umschalttaste zu Ihrer WordPress-Website ist eine gro\u00dfartige M\u00f6glichkeit, die Navigation zu verbessern, Platz zu sparen und den Besuchern sofortigen Zugriff auf die Inhalte zu geben, die sie interessieren - egal, ob sie zwischen Preispl\u00e4nen wechseln, Details anzeigen oder Daten vergleichen m\u00f6chten.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>F\u00fcr jede Art von Inhalt, verwenden Sie <strong>Ultimative Bl\u00f6cke<\/strong> um in Sekundenschnelle flexible Kippschalter zu erstellen.<\/li>\n\n\n\n<li>F\u00fcr Preistabellen und fortgeschrittene Tabellenlayouts versuchen Sie <strong>Tableberg Pro's Toggle-Block<\/strong> f\u00fcr ein nahtloses Erlebnis mit Registerkarten.<\/li>\n<\/ul>\n\n\n\n<p>Probieren Sie diese Methoden auf Ihrer Website aus und machen Sie Ihre Inhalte interaktiver und benutzerfreundlicher. Haben Sie Fragen oder brauchen Sie Hilfe? Lassen Sie es uns in den Kommentaren wissen!<\/p>","protected":false},"excerpt":{"rendered":"<p>Want to give your users a quick and clean way to switch between different content or pricing options on your WordPress site? A toggle button is the perfect solution! With a toggle button, visitors can instantly switch between two or more options\u2014like monthly vs. yearly pricing, light vs. dark mode, or even completely different content [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":4443,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7,130],"tags":[],"class_list":["post-4423","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\/2024\/10\/content-toggle-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\/4423","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=4423"}],"version-history":[{"count":16,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/posts\/4423\/revisions"}],"predecessor-version":[{"id":10037,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/posts\/4423\/revisions\/10037"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/media\/4443"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/media?parent=4423"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/categories?post=4423"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/tags?post=4423"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}