{"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":"wie-man-ein-inhaltsverzeichnis-in-wordpress-erstellt","status":"publish","type":"post","link":"https:\/\/tableberg.com\/de\/how-to-create-a-table-of-contents-in-wordpress\/","title":{"rendered":"Wie man ein Inhaltsverzeichnis in WordPress erstellt"},"content":{"rendered":"<p>Ein Inhaltsverzeichnis (TOC) ist eine \u00fcbersichtliche Liste von \u00dcberschriften, Unter\u00fcberschriften und Abschnitten, die in der Regel am Anfang eines Blogbeitrags stehen. Es ist eine Navigationshilfe, die die wichtigsten Punkte umrei\u00dft, damit die Nutzer die im Beitrag\/Inhalt behandelten Themen schnell verstehen k\u00f6nnen.<\/p>\n\n\n\n<p>Alle Punkte im Inhaltsverzeichnis werden in anklickbaren HTML-Ankertexten dargestellt. So k\u00f6nnen die Benutzer sofort zu den einzelnen Punkten des Inhalts springen, indem sie darauf klicken. In diesem Beitrag zeigen wir Ihnen, wie Sie ein Inhaltsverzeichnis in WordPress erstellen k\u00f6nnen.<\/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\">Das Inhaltsverzeichnis:<\/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\/de\/how-to-create-a-table-of-contents-in-wordpress\/#0-step-01-install-the-ultimate-blocks-plugin\" style=\"\">Schritt 01: Installieren Sie das Ultimate Blocks Plugin<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/de\/how-to-create-a-table-of-contents-in-wordpress\/#1-step-02-organize-your-content-with-proper-heading-tags\" style=\"\">Schritt 02: Organisieren Sie Ihren Inhalt mit geeigneten \u00dcberschriften-Tags<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/de\/how-to-create-a-table-of-contents-in-wordpress\/#2-step-03-add-the-table-of-contents-block\" style=\"\">Schritt 03: Hinzuf\u00fcgen des Inhaltsverzeichnisses<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/de\/how-to-create-a-table-of-contents-in-wordpress\/#3-step-04-customize-settings-of-the-table-of-contents-block\" style=\"\">Schritt 04: Anpassen der Einstellungen des Inhaltsverzeichnissblocks<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/de\/how-to-create-a-table-of-contents-in-wordpress\/#4-conclusion\" style=\"\">Schlussfolgerung<\/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>Sch\u00f6ne Tische erstellen <\/strong><br><strong>Mit Block-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\">Kostenlos ausprobieren<\/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\/de\/preisgestaltung\/\" target=\"_blank\" rel=\"noreferrer noopener\">Profi werden<\/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\">Schritt 01: Installieren Sie das 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\">Ultimative Bl\u00f6cke<\/a> ist ein Block-Plugin. Es enth\u00e4lt 25+ benutzerdefinierte Gutenberg-Bl\u00f6cke, die bei der Erstellung von Inhalten helfen. Das Inhaltsverzeichnis ist einer von ihnen. <strong>Installieren Sie<\/strong> und <strong>aktivieren.<\/strong> das Plugin auf Ihrer Website.<\/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<h2 class=\"wp-block-heading\" id=\"1-step-02-organize-your-content-with-proper-heading-tags\">Schritt 02: Organisieren Sie Ihren Inhalt mit geeigneten \u00dcberschriften-Tags<\/h2>\n\n\n\n<p>WordPress erlaubt es Ihnen, bis zu sechs \u00dcberschriften-Tags (von H1 bis h6) zu Ihrem Inhalt hinzuzuf\u00fcgen. Ohne die richtige Platzierung von \u00dcberschriften-Tags ist die Erstellung eines Inhaltsverzeichnisses unm\u00f6glich.<\/p>\n\n\n\n<p>H1 ist immer f\u00fcr Beitragstitel reserviert. Sie k\u00f6nnen also \u00dcberschriften-Tags von h2 bis h6 in den Beitr\u00e4gen je nach Bedarf verwenden. Siehe das Bild unten - wir haben eine Struktur mit ihnen erstellt.<\/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=\"Inhalt mit richtigen \u00dcberschriften organisiert\" 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\">Schritt 03: Hinzuf\u00fcgen des Inhaltsverzeichnisses<\/h2>\n\n\n\n<p>Bewegen Sie den Mauszeiger auf die Stelle, an der Sie das Inhaltsverzeichnis erstellen m\u00f6chten. Dr\u00fccken Sie die <strong>Plus-Taste (+)<\/strong>. Typ <strong>Inhalts\u00fcbersicht<\/strong> in das Suchfeld ein. F\u00fcgen Sie es dem Editor hinzu.<\/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=\"Den Block &quot;Inhaltsverzeichnis&quot; hinzuf\u00fcgen\" 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>Sie k\u00f6nnen die <strong>Inhalts\u00fcbersicht<\/strong> Block erstellt wird. Vergessen Sie nicht, ihm oben einen Titel zu geben.<\/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=\"Der Inhaltsblock wird erstellt\" 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\">Schritt 04: Anpassen der Einstellungen des Inhaltsverzeichnissblocks<\/h2>\n\n\n\n<p>Im Block \"Inhaltsverzeichnis\" k\u00f6nnen Sie zahlreiche Einstellungen vornehmen. \u00d6ffnen Sie den <strong>Registerkarte Einstellungen<\/strong> in der rechten Seitenleiste. <strong>Kreuzen Sie die Rubriken an<\/strong> die Sie anzeigen m\u00f6chten. N\u00e4chste, <strong>einen Layout-Typ ausw\u00e4hlen<\/strong> f\u00fcr den Block, der Ihnen gef\u00e4llt.<\/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=\"Anpassen von \u00dcberschriften und Layout des Inhaltsverzeichnisses\" 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>Scrollen Sie auf der Registerkarte Einstellungen ein wenig weiter. Mit den Optionen auf der Registerkarte k\u00f6nnen Sie die folgenden Dinge tun.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Zusammenklappbar -<\/strong> Blendet den gesamten Block aus und \u00f6ffnet ihn durch Anklicken.<\/li>\n\n\n\n<li><strong>Schriftrolle -<\/strong> Aktivieren Sie den reibungslosen Bildlauf und verweisen Sie auf IDs, Klassen und Elemente.<\/li>\n\n\n\n<li><strong>Zus\u00e4tzlich -<\/strong> Romanisieren Sie den Ankertext und entfernen Sie diakritische Zeichen aus Ankerlinks.<\/li>\n\n\n\n<li><strong>Ansprechende Steuerung -<\/strong> Erm\u00f6glicht das Anzeigen\/Ausblenden des Blocks auf bestimmten Ger\u00e4tetypen (Handy, Tablet und Desktop)<\/li>\n<\/ul>\n\n\n\n<p>Die <strong>Pro-Option<\/strong> ist nur f\u00fcr Premium-Nutzer reserviert. Sobald Sie auf die Premium-Version upgraden, k\u00f6nnen Sie dem Block Icons hinzuf\u00fcgen und ihn beim Scrollen des Inhalts anhaften lassen.<\/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=\"Weitere Anpassungen der Einstellungen des Inhaltsverzeichnisses\" 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>So k\u00f6nnen Sie mit dem Ultimate Blocks Plugin das Inhaltsverzeichnis f\u00fcr Ihre Blogbeitr\u00e4ge erstellen.<\/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\">Schlussfolgerung<\/h2>\n\n\n\n<p>Das Hinzuf\u00fcgen eines Inhaltsverzeichnisses ist obligatorisch, wenn Sie lange Blogbeitr\u00e4ge und Artikel ver\u00f6ffentlichen. Denn es erm\u00f6glicht den Nutzern, den Inhalt, nach dem sie eigentlich suchen, schnell zu finden. Das f\u00f6rdert nicht nur die Benutzerfreundlichkeit, sondern spart auch Zeit.<\/p>\n\n\n\n<p>Ultimate Blocks verf\u00fcgt \u00fcber zahlreiche weitere Bl\u00f6cke, mit denen Sie Ihre Inhalte noch fesselnder und lesenswerter gestalten k\u00f6nnen. Werfen Sie einen Blick auf <a href=\"https:\/\/ultimateblocks.com\/\" data-type=\"link\" data-id=\"https:\/\/ultimateblocks.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">was Sie mit dem Ultimate Blocks Plugin machen k\u00f6nnen<\/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\/de\/author\/wpx_irayhan\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/posts\/977","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=977"}],"version-history":[{"count":6,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/posts\/977\/revisions"}],"predecessor-version":[{"id":7990,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/posts\/977\/revisions\/7990"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/media\/7987"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/media?parent=977"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/categories?post=977"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/tags?post=977"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}