{"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":"hoe-geneste-tabbladen-toevoegen-in-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/nl\/how-to-add-nested-tabs-in-wordpress\/","title":{"rendered":"Geneste tabbladen toevoegen in WordPress (eenvoudige stappen)"},"content":{"rendered":"<p>Als je inhoud goed gestructureerd is, blijven gebruikers langer hangen. Met geneste tabbladen kun je dingen netjes, interactief en gebruiksvriendelijk houden, wat perfect past bij documentatie, prijstabellen en veelgestelde vragen.<\/p>\n\n\n\n<p>Ze zorgen ervoor dat gebruikers tussen verschillende secties kunnen schakelen zonder de pagina te verlaten, zodat alles toegankelijk blijft in een compacte ruimte. In plaats van een onoverzichtelijke pagina gevuld met eindeloos scrollen, krijg je een keurig gestructureerde lay-out waarin meerdere informatielagen binnen handbereik blijven zodat je gemakkelijk kunt navigeren.<\/p>\n\n\n\n<p>Je zult blij zijn om te weten dat je geneste tabbladen kunt toevoegen in WordPress zonder dat het ingewikkeld is. Je hebt alleen het juiste gereedschap nodig en <a href=\"https:\/\/wordpress.org\/plugins\/ultimate-blocks\/\" target=\"_blank\" rel=\"noopener\">Ultieme Blokken<\/a> is precies dat. Ons artikel helpt je het antwoord te vinden op de vraag hoe je op de eenvoudigste manier geneste tabbladen kunt toevoegen in WordPress. <\/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>Geneste tabbladen toevoegen in WordPress&nbsp;<\/strong><\/h2>\n\n\n\n<p>Voor Gutenberg-gebruikers, <a href=\"https:\/\/tableberg.com\/nl\/ultieme-blokken-beoordeling\/\">Ultieme Blokken<\/a> is de ideale keuze voor het eenvoudig toevoegen van geneste tabbladen. Met 26 verschillende blokken voor verschillende doeleinden is Ultimate Blocks echter niet alleen voor tabbladen. Het is een alles-in-\u00e9\u00e9n oplossing die je uitrust met de juiste tools voor het structureren van inhoud, het verbeteren van de duidelijkheid en het toevoegen van interactieve elementen in Gutenberg.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Stap 1: De plugin gereedmaken<\/strong><\/h2>\n\n\n\n<p>Eerst moet je naar je WordPress dashboard gaan. Klik daar op <strong>Plugins<\/strong> in het linkermenu en kies vervolgens <strong>Nieuw toevoegen<\/strong>. Typ in de zoekbalk <strong>Ultieme blokken, <\/strong>en het resultaat zou binnen enkele seconden moeten verschijnen. Zodra de plugin in het resultaat verschijnt, klik je op <strong>Nu installeren<\/strong>. Geef het even de tijd om te werken en wanneer het klaar is, activeer je de plugin en ben je klaar.<\/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 installeren en activeren\" 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>Stap 2: Het blok Inhoud met tabbladen invoegen<\/strong><\/h2>\n\n\n\n<p>Open uw bericht of pagina in de Gutenberg-editor waar u uw geneste tabbladen wilt toevoegen. Klik vanuit de editor op de <strong>+<\/strong> knop, zoek naar <strong>Inhoud met tabbladen<\/strong>en voeg het in uw inhoud in. Dit wordt de basis van je lay-out met tabbladen.<\/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=\"Het blok Inhoud met tabbladen toevoegen\" 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>Stap 3: Uw tabbladen en geneste tabbladen maken&nbsp;<\/strong><\/h2>\n\n\n\n<p>Zodra de <strong>Inhoud met tabbladen<\/strong> blok is toegevoegd, heb je standaard \u00e9\u00e9n tabblad. Als je meerdere tabbladen in de eerste laag wilt maken, klik je op de knop <strong>\"+\"<\/strong> knop en voeg er zoveel toe als nodig is. Je kunt elk tabblad een andere naam geven door direct op de titel te klikken en de nieuwe naam in te voeren. Elk tabblad fungeert als een container waarin je tekst, afbeeldingen of andere inhoudsblokken kunt invoegen.<\/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=\"Tabbladen toevoegen\" 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>Maken <strong>geneste tabbladen<\/strong>, selecteer een tabblad van de eerste laag en voeg een andere in <strong>Inhoud met tabbladen<\/strong> blok erin met behulp van de block inserter. Dit nieuwe blok zal functioneren als een tabsysteem op het tweede niveau binnen het geselecteerde tabblad. Je kunt hetzelfde proces herhalen om meer geneste lagen toe te voegen om je inhoud op meerdere niveaus te structureren.<\/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=\"Geneste tabbladen\" 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>Stap 4: Aanpassen tot het perfect is<\/strong><\/h2>\n\n\n\n<p>Nadat u uw inhoud in elk tabblad hebt geplaatst, wilt u misschien het uiterlijk van uw tabbladen aanpassen. Van de <strong>Algemene instellingen<\/strong> tabblad kunt u de <strong>tabbladtype<\/strong>toevoegen<strong> tabankers<\/strong>en in de Pro-versie<strong> pictogrammen<\/strong>, <strong>afbeeldingen<\/strong>en <strong>secundaire teksten<\/strong> met de titel.<\/p>\n\n\n\n<p>In<strong> Instellingen stijlen<\/strong>kunt u de <strong>kleuren<\/strong> voor tabbladen, titels en inhoud, wijzig de <strong>tab lay-out<\/strong> om te schakelen tussen <strong>horizontaal en <\/strong><a href=\"https:\/\/tableberg.com\/nl\/hoe-voeg-ik-verticale-tabbladen-toe-in-wordpress\/\"><strong>verticaal<\/strong><\/a><strong> tabbladen<\/strong> en pas de <strong>grens en afmetingen<\/strong> die bij je ontwerp past.<\/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=\"Paneel met blokinstellingen\" 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>Stap 5: Uw geneste tabbladen bekijken en publiceren<\/strong><\/p>\n\n\n\n<p>Klik op de knop <strong>Voorbeeld<\/strong> om te controleren of alles werkt zoals verwacht. Controleer of elk tabblad soepel schakelt en of geneste tabbladen correct worden weergegeven. Als er aanpassingen nodig zijn, ga dan terug en pas de instellingen aan. Als alles er goed uitziet, klik je op <strong>Publiceer<\/strong> of <strong>Update<\/strong> om uw wijzigingen live te zetten.<\/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=\"Voorbeeld bekijken en publiceren\" 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 is een snelle demonstratie van geneste tabbladen in actie.<\/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>Conclusie<\/strong><\/h4>\n\n\n\n<p>Geneste tabbladen maken het navigeren door gelaagde inhoud in WordPress intu\u00eftiever, en Ultimate Blocks biedt een eenvoudige manier om ze te implementeren in de Gutenberg editor. Omdat het echter geen echte geneste tabbladen ondersteunt, moet je handmatig Tabbed Content-blokken binnen elkaar invoegen om het effect te bereiken. Als u een andere editor gebruikt, <a href=\"https:\/\/tableberg.com\/nl\/beste-wordpress-tabbladen-plugins\/\">alternatieven bestaan<\/a>Maar niet alle tabbladplugins ondersteunen standaard nesten op meerdere niveaus. Test de methode die we in dit artikel hebben onthuld en kijk of deze aan je behoeften voldoet. Zo niet, onderzoek dan andere plugins die misschien beter voor je werken. Houd je niet in en ga nu aan de slag. Begin gewoon met het organiseren van je inhoud en zie het verschil dat het maakt.<\/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\/nl\/author\/marufmoinul27\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/posts\/7359","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/comments?post=7359"}],"version-history":[{"count":16,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/posts\/7359\/revisions"}],"predecessor-version":[{"id":7412,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/posts\/7359\/revisions\/7412"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/media\/7360"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/media?parent=7359"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/categories?post=7359"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/tags?post=7359"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}