{"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":"hoe-tabbladen-maken-in-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/nl\/how-to-create-tabs-in-wordpress\/","title":{"rendered":"Tabbladen maken in WordPress om inhoud te organiseren"},"content":{"rendered":"

Als je veel informatie van verschillende types beknopt moet publiceren op blogberichten of pagina's, kunnen tabbladen een handig webelement zijn om dit te doen. Ze stellen je in staat om inhoud in afzonderlijke secties te organiseren zodat gebruikers selectief de informatie kunnen verkennen en vinden die ze nodig hebben.<\/p>\n\n\n\n

Met de Gutenberg blokbewerker kun je eenvoudig tabbladen toevoegen aan je blogberichten. In dit artikel laten we je zien hoe je tabbladen kunt maken in WordPress om inhoud te organiseren. Eerst beantwoorden we een aantal basisvragen.<\/p>\n\n\n\n

\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t
Wat zijn tabbladen?<\/strong><\/div>\n\t\t\t<\/div>
\n\t\t\t\t
Wanneer moet je tabbladen gebruiken? <\/strong><\/div>\n\t\t\t<\/div><\/div>\n\t\t\t<\/div>\n\t\t\t
\n\n

Tabbladen dienen als navigatiehulpmiddel waarmee je veel informatie in verschillende secties kunt weergeven. Hierdoor hoeven gebruikers niet overmatig te scrollen om de uitgebreide informatie op je post of pagina te verkennen.<\/p>\n\n\n\n

Ze bieden een gestructureerde indeling zodat gebruikers de specifieke informatie die ze zoeken kunnen vinden door erop te klikken. Gewoonlijk gebruiken mensen het tabbladelement om hun webpagina's weer te geven in de hoofd- en koptekstsecties.<\/p>\n\n\n\n

Maar tegenwoordig kun je met behulp van bepaalde Gutenberg-plugins overal op een bericht of pagina inhoud met tabbladen maken.<\/p>\n\n<\/div>

\n\n

Inhoud met tabbladen werkt uitzonderlijk als je een grote hoeveelheid informatie hebt die in tabelvorm moet worden weergegeven. Dit element is bijzonder effectief bij het organiseren van de volgende informatietypes.<\/p>\n\n\n\n

Productomschrijvingen:<\/strong> Je kunt dit blok gebruiken om productspecificaties, functies en klantbeoordelingen in aparte tabbladen te behandelen.<\/p>\n\n\n\n

Dienstenaanbod:<\/strong> Als je meerdere servicepakketten hebt, is het beter om deze in aparte secties te presenteren.<\/p>\n\n\n\n

Prijsplannen:<\/strong> Het is al gebruikelijk om meerdere prijsplannen weer te geven in verschillende tabbladen op websites.<\/p>\n\n\n\n

FAQs<\/strong>: Hoewel de meeste mensen graag FAQ en content toggle blokken gebruiken voor de FAQ sectie, kun je ook het tabbladblok gebruiken om deze sectie te bedekken.<\/p>\n\n\n\n

Vergelijkende informatie:<\/strong> Als er informatie is die beter gepresenteerd kan worden in een sectie naast elkaar, dan is het tabblok handig in dit geval.<\/p>\n\n<\/div><\/div>\n\t\t<\/div>\n\n\n\n

Tabbladen maken voor elke inhoud in WordPress<\/h2>\n\n\n\n

De standaard blokbibliotheek van Gutenberg heeft geen tabbladblok. Je moet een plugin gebruiken zoals Ultieme Blokken<\/a> om het in de blokbibliotheek te hebben. De plugin heeft 25+ extra plugins waarmee je je webdesign en contentmarketing naar een hoger niveau kunt tillen.<\/p>\n\n\n\n

De 'TOverbodig Inhoud<\/a>Met het blok 'Ultimate Blocks' kun je inhoud toevoegen in tabbladen. Laten we eens kijken hoe je dat doet. <\/p>\n\n\n\n

Stap 01: Installeer en activeer de Ultimate Blocks Plugin<\/h3>\n\n\n\n

Ga naar Plugins > Nieuwe plug-in toevoegen<\/strong>. Type Ultieme Blokken<\/strong> in de zoekbalk in de rechterbovenhoek. Installeer<\/strong> en activeren<\/strong> de plugin nadat deze hieronder is weergegeven.<\/p>\n\n\n\n

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

Stap 02: Het blok Inhoud met tabbladen invoegen<\/h3>\n\n\n\n

Open een bericht of pagina. Zoek de Inhoud met tabbladen<\/strong> blok door op plus (+) knop<\/strong>. Zodra u het blok hebt gevonden, voegt u het toe aan de Gutenberg-editor.<\/p>\n\n\n\n

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

Stap 03: Nieuwe tabbladen toevoegen en de naam wijzigen<\/h3>\n\n\n\n

Door op de plus (+) pictogram<\/strong>Je kunt zoveel tabbladen aan het blok toevoegen als je wilt.<\/p>\n\n\n\n

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

Klik met je cursor \u00e9\u00e9n voor \u00e9\u00e9n op de tabbladen. Je kunt ze een andere naam geven. Geef de tabbladen dus een andere naam op basis van de inhoud die je wilt weergeven.<\/p>\n\n\n\n

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

Stap 04: Inhoud aan de tabbladen toevoegen<\/h3>\n\n\n\n

Selecteer een tabblad waar je inhoud wilt toevoegen. Plaats de cursor vervolgens in de bijbehorende editor. Je ziet de plus (+) knop<\/strong> van de Gutenberg-editor verschenen. Klik en kies het inhoudsblok dat je nodig hebt.<\/p>\n\n\n\n

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

Voor deze tutorial hebben we de tekst- en afbeeldingsblokken aan het tabblad toegevoegd. Op dezelfde manier kun je ook andere blokken aan het tabblad toevoegen. Doe hetzelfde in andere tabbladen.<\/p>\n\n\n\n

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

Stap 05: De tabbladen aanpassen<\/h3>\n\n\n\n

Ga naar de rechterzijbalk terwijl het blok Inhoud met tabbladen geselecteerd blijft. Er zijn verschillende opties om te configureren, zoals Tabbladtypen, Tabbladanker en Responsiviteit.<\/p>\n\n\n\n

Als je upgradet naar de premium versie, mag je pictogrammen toevoegen aan de tabbladtitels, secundaire teksten en knoppen voor oproepen tot actie op de tabbladen.<\/p>\n\n\n\n

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

Ga vervolgens naar de Tabblad Stijlen<\/strong>. Je krijgt opties om de inhoud van de tabbladen in te kleuren, de lay-out van de tabbladen te wijzigen en een nieuwe dimensie in te stellen. Ik hoop dat je dit zelf kunt ontdekken en doen.<\/p>\n\n\n\n

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

Video-handleiding<\/h3>\n\n\n\n
\n