{"id":977,"date":"2025-03-11T06:43:46","date_gmt":"2025-03-11T06:43:46","guid":{"rendered":"https:\/\/tableberg.com\/?p=977"},"modified":"2025-03-11T06:43:49","modified_gmt":"2025-03-11T06:43:49","slug":"hoe-maak-je-een-inhoudsopgave-in-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/nl\/how-to-create-a-table-of-contents-in-wordpress\/","title":{"rendered":"Een inhoudsopgave maken in WordPress"},"content":{"rendered":"<p>Een inhoudsopgave (TOC) is een georganiseerde lijst van koppen, subkoppen en secties die meestal aan het begin van een blogbericht staat. Het is een navigatiegids die de belangrijkste punten schetst zodat gebruikers de onderwerpen die in de post\/inhoud worden besproken snel kunnen begrijpen.<\/p>\n\n\n\n<p>Alle punten in de TOC worden gepresenteerd in klikbare HTML-anker-teksten. Gebruikers kunnen dus direct naar bepaalde punten in de inhoud springen door erop te klikken. In dit artikel laten we zien hoe je een inhoudsopgave in WordPress maakt.<\/p>\n\n\n<div data-is_sticky=\"false\" data-sticky_toc_position=\"left\" data-hide_sticky_on_mobile=\"false\" data-sticky_button_icon='&lt;svg style=\"color:#000000;\" class=\"ub_sticky-toc-open-button-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"34px\" width=\"34px\" viewBox=\"0, 0, 448, 512\"&gt;&lt;path fill=\"currentColor\" d=\"M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z\"&gt;&lt;\/svg&gt;' data-sticky_button_color=\"#000000\" data-sticky_toc_width=\"320px\" class=\"wp-block-ub-table-of-contents-block ub_table-of-contents\" id=\"ub_table-of-contents-a2d60368-230c-41df-b77d-4b44fcf4217f\" data-linktodivider=\"false\" data-showtext=\"show\" data-hidetext=\"hide\" data-scrolltype=\"auto\" data-enablesmoothscroll=\"false\" data-initiallyhideonmobile=\"false\" data-initiallyshow=\"true\"><div class=\"ub_table-of-contents-header-container\" style=\"\">\n\t\t\t<div class=\"ub_table-of-contents-header\" style=\"text-align: left; \">\n\t\t\t\t<div class=\"ub_table-of-contents-title\">Inhoudsopgave:<\/div>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t<\/div><div class=\"ub_table-of-contents-extra-container\" style=\"\">\n\t\t\t<div class=\"ub_table-of-contents-container ub_table-of-contents-1-column\">\n\t\t\t\t<ul style=\"\"><li style=\"\"><a href=\"https:\/\/tableberg.com\/nl\/how-to-create-a-table-of-contents-in-wordpress\/#0-step-01-install-the-ultimate-blocks-plugin\" style=\"\">Stap 01: Installeer de Ultimate Blocks Plugin<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/nl\/how-to-create-a-table-of-contents-in-wordpress\/#1-step-02-organize-your-content-with-proper-heading-tags\" style=\"\">Stap 02: Organiseer je inhoud met de juiste heading-tags<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/nl\/how-to-create-a-table-of-contents-in-wordpress\/#2-step-03-add-the-table-of-contents-block\" style=\"\">Stap 03: Het blok Inhoudsopgave toevoegen<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/nl\/how-to-create-a-table-of-contents-in-wordpress\/#3-step-04-customize-settings-of-the-table-of-contents-block\" style=\"\">Stap 04: Instellingen van het inhoudsopgaveblok aanpassen<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/nl\/how-to-create-a-table-of-contents-in-wordpress\/#4-conclusion\" style=\"\">Conclusie<\/a><\/li><\/ul>\n\t\t\t<\/div>\n\t\t<\/div><\/div>\n\n\n<div class=\"wp-block-group has-border-color has-global-padding is-layout-constrained wp-container-core-group-is-layout-8db5ca72 wp-block-group-is-layout-constrained\" style=\"border-color:#671feb;border-style:solid;border-width:1px;border-radius:4px;padding-top:var(--wp--preset--spacing--medium);padding-right:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--medium);padding-left:var(--wp--preset--spacing--small)\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-505d3e6d wp-block-group-is-layout-flex\" style=\"padding-top:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--small)\">\n<p style=\"font-size:clamp(18.959px, 1.185rem + ((1vw - 3.2px) * 1.175), 30px);\"><strong>Maak prachtige tafels <\/strong><br><strong>Met blok-editor<\/strong><\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-f2baa792 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-background wp-element-button\" href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" style=\"background-color:#671feb\" target=\"_blank\" rel=\"noreferrer noopener\">Probeer gratis<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/tableberg.com\/nl\/prijzen\/\" target=\"_blank\" rel=\"noreferrer noopener\">Krijg Pro<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"540\" height=\"540\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg.png\" alt=\"\" class=\"wp-image-1545\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg.png 540w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg-300x300.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg-150x150.png 150w\" sizes=\"auto, (max-width: 540px) 100vw, 540px\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"0-step-01-install-the-ultimate-blocks-plugin\">Stap 01: Installeer de Ultimate Blocks Plugin<\/h2>\n\n\n\n<p><a href=\"https:\/\/wordpress.org\/plugins\/ultimate-blocks\/\" data-type=\"link\" data-id=\"https:\/\/wordpress.org\/plugins\/ultimate-blocks\/\" target=\"_blank\" rel=\"noreferrer noopener\">Ultieme Blokken<\/a> is een blok-plugin. Het bevat 25+ aangepaste Gutenberg-blokken om te helpen bij het maken van inhoud. Inhoudsopgave is er daar \u00e9\u00e9n van. <strong>Installeer<\/strong> en <strong>activeren<\/strong> de plugin op je site.<\/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=\"Installeer en activeer de Ultimate Blocks plugin\" 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<h2 class=\"wp-block-heading\" id=\"1-step-02-organize-your-content-with-proper-heading-tags\">Stap 02: Organiseer je inhoud met de juiste heading-tags<\/h2>\n\n\n\n<p>Met WordPress kun je tot zes heading-tags (van H1 tot h6) aan je inhoud toevoegen. Het is onmogelijk om een inhoudsopgave te maken zonder de juiste plaatsing van heading tags.<\/p>\n\n\n\n<p>H1 is altijd gereserveerd voor berichttitels. Je kunt dus heading-tags van h2 tot h6 gebruiken in de berichten, afhankelijk van hun behoeften. Zie de afbeelding hieronder - we hebben er een structuur mee gemaakt.<\/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\/Content-organized-with-proper-headings.webp\" alt=\"Inhoud georganiseerd met de juiste koppen\" class=\"wp-image-978\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Content-organized-with-proper-headings.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Content-organized-with-proper-headings-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Content-organized-with-proper-headings-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Content-organized-with-proper-headings-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"2-step-03-add-the-table-of-contents-block\">Stap 03: Het blok Inhoudsopgave toevoegen<\/h2>\n\n\n\n<p>Beweeg je cursor naar het punt waar je de inhoudsopgave wilt maken. Druk op de <strong>plus (+) knop<\/strong>. Type <strong>Inhoudsopgave<\/strong> in het zoekvak. Voeg het toe aan de editor.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"523\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-Table-of-Contents-block-1024x523.webp\" alt=\"Inhoudsopgave toevoegen\" class=\"wp-image-979\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-Table-of-Contents-block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-Table-of-Contents-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-Table-of-Contents-block-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-Table-of-Contents-block.webp 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Je kunt de <strong>Inhoudsopgave<\/strong> blok is gemaakt. Vergeet niet om het bovenaan een titel te geven.<\/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\/The-table-of-content-block-is-created.webp\" alt=\"Het inhoudsopgaveblok wordt gemaakt\" class=\"wp-image-980\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/The-table-of-content-block-is-created.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/The-table-of-content-block-is-created-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/The-table-of-content-block-is-created-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/The-table-of-content-block-is-created-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"3-step-04-customize-settings-of-the-table-of-contents-block\">Stap 04: Instellingen van het inhoudsopgaveblok aanpassen<\/h2>\n\n\n\n<p>Met het blok Inhoudsopgave kun je verschillende instellingen aanpassen. Open de <strong>Tabblad Instellingen<\/strong> op de rechterzijbalk. <strong>Kruis de rubrieken aan<\/strong> die u wilt weergeven. Volgende, <strong>een lay-outtype selecteren<\/strong> voor het blok dat je leuk vindt.<\/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\/Customize-headings-and-layout-of-the-Table-of-Contents-block.png\" alt=\"Koppen en lay-out van de inhoudsopgave aanpassen\" class=\"wp-image-981\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Customize-headings-and-layout-of-the-Table-of-Contents-block.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Customize-headings-and-layout-of-the-Table-of-Contents-block-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Customize-headings-and-layout-of-the-Table-of-Contents-block-1024x523.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Customize-headings-and-layout-of-the-Table-of-Contents-block-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Blader nog een beetje door het tabblad Instellingen. Je kunt de volgende dingen doen met de opties op het tabblad.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Inklapbaar -<\/strong> Verbergt het hele blok en opent het door erop te klikken.<\/li>\n\n\n\n<li><strong>Scrollen -<\/strong> Schakel vloeiend scrollen in en verwijs ze naar id's, klassen en elementen.<\/li>\n\n\n\n<li><strong>Extra -<\/strong> Romaniseer de ankertekst en verwijder diakritische tekens uit ankerlinks.<\/li>\n\n\n\n<li><strong>Responsieve besturing -<\/strong> Maakt het mogelijk om het blok weer te geven\/te verbergen op specifieke apparaattypes (mobiel, tablet en desktop)<\/li>\n<\/ul>\n\n\n\n<p>De <strong>Pro-optie<\/strong> is alleen gereserveerd voor premium gebruikers. Als je upgradet naar de premium versie, kun je pictogrammen toevoegen aan het blok en het sticky maken tijdens het scrollen van de inhoud.<\/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\/Further-customize-settings-of-the-Table-of-Contents-block.webp\" alt=\"Instellingen van het inhoudsopgaveblok verder aanpassen\" class=\"wp-image-982\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Further-customize-settings-of-the-Table-of-Contents-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Further-customize-settings-of-the-Table-of-Contents-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Further-customize-settings-of-the-Table-of-Contents-block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Further-customize-settings-of-the-Table-of-Contents-block-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Zo kun je de Inhoudsopgave voor je blogberichten maken met de Ultimate Blocks plugin.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_3989f76a-aacc-4e7e-bbdb-71981945f31c\"><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<h2 class=\"wp-block-heading\" id=\"4-conclusion\">Conclusie<\/h2>\n\n\n\n<p>Het toevoegen van een inhoudsopgave is verplicht als je lange blogberichten en artikelen schrijft. Want zo kunnen gebruikers snel de inhoud vinden die ze eigenlijk zoeken. Het zorgt niet alleen voor een betere gebruikerservaring, maar bespaart ook tijd.<\/p>\n\n\n\n<p>Ultimate Blocks heeft talloze andere blokken waarmee je je inhoud boeiender en leeswaardiger kunt maken. Kijk eens naar <a href=\"https:\/\/ultimateblocks.com\/\" data-type=\"link\" data-id=\"https:\/\/ultimateblocks.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">wat je kunt doen met de Ultimate Blocks plugin<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>A table of contents (TOC) is an organized list of headings, subheadings, and sections usually covered at the beginning of any blog post. It is a navigational guide outlining the main points so users can quickly understand the topics discussed in the post\/content. All the points in TOC are presented in clickable HTML anchor texts. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":7987,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[37,18],"class_list":["post-977","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-table-of-contents","tag-ultimate-blocks"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/How-to-Create-a-Table-of-Contents-in-WordPress.png","author_info":{"display_name":"Istiak Rayhan","author_link":"https:\/\/tableberg.com\/nl\/author\/wpx_irayhan\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/posts\/977","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/comments?post=977"}],"version-history":[{"count":6,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/posts\/977\/revisions"}],"predecessor-version":[{"id":7990,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/posts\/977\/revisions\/7990"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/media\/7987"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/media?parent=977"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/categories?post=977"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/tags?post=977"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}