SimpleTOC – Inhaltsverzeichnis Block

Beschreibung

Füge einen Inhaltsverzeichnisblog zu seinen Artikeln und Seiten hinzu. Das Verzeichnis ist eine verschachtelte Liste mit Links zu allen gefundenen Überschriften in dem Artikel oder Seite. Um es zu nutzen, füge einfach einen Block hinzu und suche nach „SimpleTOC“ oder nur „TOC“.

Die maximale Tiefe des Inhaltsverzeichnisses kann neben vielen anderen Optionen in der Seitenleiste der Blöcke konfiguriert werden. Du kannst die Überschrift „Inhaltsverzeichnis“ ausblenden und deine eigene hinzufügen, indem du einen normalen Überschriftenblock verwendest.

Erstelle eine neue WordPress-Instanz, auf der das SimpleTOC-Plug-in bereits installiert ist.

Benutzer Feedback

„Es ist leichtgewichtig, stabil und vollständig kompatibel mit WordPress Full Site Editing. Eine zuverlässige Lösung, die sich nahtlos integriert und genau wie erwartet funktioniert.“
@js100 auf wordpress.org

„Erfüllt seinen Zweck perfekt und bringt keinen unnötigen Ballast mit.“
@clicknathan auf wordpress.org

„Einfach und trotzdem leistungsstark. Tolles Plugin, das genau das macht, was du brauchst.“
@mixey auf wordpress.org

Barrierefreiheit

Dieses Plug-in ist für die Konformität mit WCAG 2.2 auf Level AA konzipiert und entwickelt. Es wurde mit unterstützenden Technologien getestet und ist darauf ausgelegt, barrierefrei zu sein. Allerdings können Drittanbieter-Plug-ins oder Themes die tatsächliche Barrierefreiheit auf einer konkreten Website beeinflussen. Wenn ein Barrierefreiheitsproblem auftritt, bitte hier melden. Wir kümmern uns zeitnah darum.
Ausgeblendete Inhaltsverzeichnisse verwenden die nativen <details> und <summary>-Semantiken ohne zusätzliche ARIA-Referenzen, die eigene IDs erfordern würden.

Funktionen

  • Für Gutenberg entwickelt.
  • Zero configuration: Add the SimpleTOC block to your post and that’s it.
  • Minimale und gültige HTML-Ausgabe.
  • Verwendet das integrierte Details-Tag des Browsers für eine ein- und ausklappbare Darstellung.
  • Standardmäßig ohne JavaScript oder CSS. Optionale Funktionen wie Akkordeon-Menü, sanftes Scrollen oder Box-Stil laden nur minimale Assets, wenn sie aktiviert sind.
  • Optional Box style in Gutenberg’s Styles tab with a default gray background.
  • Native text, link, background, spacing, and typography controls.
  • Global block styling through theme.json.
  • Übernimmt den Stil deines Themes.
  • Smooth scrolling effect using CSS.
  • Barrierefreiheit ist standardmäßig durch Einhaltung von Webstandards gewährleistet.
  • Standard Gutenberg block wrapper with navigation role and ARIA label attributes.
  • Übersetzt in verschiedene Sprachen. Inklusive Deutsch, Chinesisch (Taiwanesisch), Niederländisch, Brasilianisch-Portugiesisch, Französisch, Spanisch und Lettisch.
  • Ideal für die Erstellung eines Abschnitts mit häufig gestellten Fragen auf Ihrer Website.

Konfiguration

  • Administratoren können globale Einstellungen verwenden, um die individuellen Blockeinstellungen zu ersetzen.
  • Set text, link, and background colors in Gutenberg’s Styles tab.
  • Native Unterstützung für weite und volle Breite.
  • Set vertical margins and padding with native spacing controls.
  • Steuern Sie die maximale Tiefe der Überschriften.
  • Wähle zwischen einer geordneten, aufzählenden HTML-Liste. Oder rücke die Liste ein.
  • Select the Box style directly in Gutenberg’s Styles tab.
  • Wähle eine Überschriftsebene aus oder verwandle sie in einen Absatz.
  • Deaktiviere die H2 Überschrift des Inhaltsverzeichnisses und füge deine eigene hinzu.

Kompatibilität

  • Unterstützung für GeneratePress und Rank Math.
  • Funktioniert populären AMP Plug-ins.

Wie du beitragen kannst

SimpleTOC ist Open-Source und wird auf GitHub entwickelt. Wenn du einen Fehler findest oder eine Idee für ein Feature hast, bitte mach bei der Entwicklung mit und erzeuge einen „pull request“.

Danksagungen

Vielen Dank an Tom J Nowell und Sally CJ, die mir beide sehr bei meinen Fragen drüben bei wordpress.stackexchange.com geholfen haben

Und vielen Dank an alle Entwickler auf GitHub, die mir geholfen haben, SimpleTOC zu dem zu machen, was es heute ist!

Danke an Quintus Valerius Soranus für die Erfindung des Inhaltsverzeichnisses 100 BC.

Screenshots

Blöcke

Dieses Plugin bietet 1 Block.

  • SimpleTOC Adds a Table of Contents.

Installation

SimpleTOC kann über das Plugin-Menü innerhalb der WordPress-Administration gefunden und installiert werden (Plugins -> Installieren). Alternativ kann SimpleTOC auch von WordPress.org heruntergeladen und manuell installiert werden…

Füge einen Block in Gutenberg hinzu und suche nach „SimpleTOC“ oder nur „TOC“. Bitte speichere deinen Beitrag bevor du den Block nutzen kannst.

FAQ

Konfiguration globaler Einstellungen in SimpleTOC.

SimpleTOC ermöglicht es dir, globale Einstellungen für deine WordPress-Website zu konfigurieren. Diese Einstellungen können global durchgesetzt werden und überschreiben mögliche Block-Level-Konfigurationen. Um auf diese Einstellungen zuzugreifen, navigiere zum SimpleTOC-Bereich der WordPress-Einstellungen.

How do I add colors or the Box style to SimpleTOC?

Select the SimpleTOC block and open Gutenberg’s Styles tab. Choose the Box style or use the native color controls to set text, link, and background colors. Native spacing controls are available for vertical margins and padding.

Wie kann man eine einzelne Überschrift aus dem TOC ausschließen?

Wenn du wirklich eine einzelne Überschrift aus dem Inhaltsverzeichnis ausblenden willst, dann füge die CSS-Klasse „simpletoc-hidden“ zu einem Überschriftenblock hinzu. Du findest dieses Feld an der gleichen Stelle wie das HTML-Ankerfeld: In der Seitenleiste Block > Erweitert. Überlege dir aber zuerst, warum du eine bestimmte Überschrift ausblenden möchtest. Vielleicht möchtest du alle Überschriften einer bestimmten Tiefenstufe entfernen. Dann gibt es dafür eine Option in den Blockoptionen in Gutenberg. Wenn du der Meinung bist, dass diese Überschrift nicht Teil des Inhaltsverzeichnisses sein sollte, wird sie vielleicht im Beitrag selbst nicht benötigt?

Ich würde gerne meine SimpleTOC-Einstellungen als Standard speichern. Ist das möglich?

Du kannst deinen konfigurierten SimpleTOC-Block in einen wiederverwendbaren Block in Gutenberg umwandeln. Er behält seine Einstellungen. Auf diese Weise kannst du deine gewünschten Einstellungen für jeden neuen Beitrag verwenden, indem du den wiederverwendbaren Block hinzufügst.

How can I style SimpleTOC through theme.json?

Add styles for the simpletoc/toc block to your theme.json. SimpleTOC uses the standard Gutenberg block wrapper and supports native colors, vertical margins, padding, font size, and line height settings.

The following example sets default colors, spacing, and typography for every SimpleTOC block:

{
    "$schema": "https://schemas.wp.org/trunk/theme.json",
    "version": 3,
    "styles": {
        "blocks": {
            "simpletoc/toc": {
                "color": {
                    "background": "#f5f5f5",
                    "text": "#1e1e1e"
                },
                "elements": {
                    "link": {
                        "color": {
                            "text": "#0057b8"
                        }
                    }
                },
                "spacing": {
                    "margin": {
                        "top": "1.5rem",
                        "bottom": "1.5rem"
                    },
                    "padding": {
                        "top": "1rem",
                        "right": "1rem",
                        "bottom": "1rem",
                        "left": "1rem"
                    }
                },
                "typography": {
                    "fontSize": "1rem",
                    "lineHeight": "1.6"
                }
            }
        }
    }
}

Replace the example values with your theme’s values or preset variables. Selecting the Box style adds the standard is-style-boxed class.

Wie kann man Entwicklern erlauben, bestimmte Überschriften programmatisch auszuschließen?

Verwende den Filter „simpletoc_excluded_blocks“. Dieser Code schließt unter anderem Überschriftenblöcke aus, die sich innerhalb eines Spaltenblocks befinden:

Beispiel:

add_filter( 'simpletoc_excluded_blocks', function ( array $blocks ) {
    $blocks[] = 'core/column';

    return $blocks;
} );

Wie kann ich die Farbe des Akkordeon-Menüs ändern?

Das heavy plus Zeichen, das ich verwendet habe, kann nicht ohne Hacks mit css eingefärbt werden. Aber Du kannst das Symbol in etwas anderes ändern und die Farbe des neuen Symbols ändern.

.simpletoc-collapsible::after {
    content: "✖";
    color: #e94c89;
}

Wie ändere ich die TOC-Überschrift ‚Inhaltsverzeichnis‘ in etwas anderes?

Ich sehe im Moment keine einfache Lösung. SimpleTOC ist nur ein Block, der in Ihrem Beitrag platziert werden kann. Wenn es ein Plugin gäbe, das Blöcke zu jedem Beitrag hinzufügt, dann wäre das die Lösung. Ich denke, dies sollte ein weiteres separates Plugin sein, um den Code von SimpleTOC sauber und … nun ja, einfach zu halten.

Rezensionen

21. August 2026 1 Antwort
I just wished this block would follow good practices for developing blocks. I was wondering why I can’t style it through theme.json and discovered that it hasn’t standard block wrapper. After inspecting block code, I found that it uses get_block_wrapper_attributes() function, but optionally. After finding that option digged under advanced block settings, I was able to style it like I do other blocks. Otherwise, this is a great block plugin.
7. Januar 2026 1 Antwort
Does the job with no fuss. I feel that the option to include a basic show/hide button (no animations or other bloat necessary) would add a great deal of polish for very little impact. But, the plugin advertises itself as something that is minimalist, no CSS, no JS, and that is what it is. The links also follow the CSS rules from the site theme which is strangely not the case for other TOC plugins. Well done this dev.
29. November 2025 1 Antwort
The plugin works exceptionally well. It is lightweight, stable, and fully compatible with WordPress Full Site Editing. A reliable solution that integrates seamlessly and performs exactly as expected.
13. Mai 2025 1 Antwort
Comparing this to the „Table Of Contents Block“ by WPDeveloper, I prefer this one because: It just works automatically. It has less options, but just enough to do what you need. It adds nothing to the frontend to cause bloat. No CSS, no JS. At least not right out of the box. Additional settings can be enabled that will add these, but it’s nice that we have the option! This is an example of what a well-written plugin should be.
Alle 77 Rezensionen lesen

Mitwirkende und Entwickler

„SimpleTOC – Inhaltsverzeichnis Block“ ist Open-Source-Software. Folgende Menschen haben an diesem Plugin mitgewirkt:

Mitwirkende

„SimpleTOC – Inhaltsverzeichnis Block“ wurde in 19 Sprachen übersetzt. Danke an die Übersetzer für ihre Mitwirkung.

Übersetze „SimpleTOC – Inhaltsverzeichnis Block“ in deine Sprache.

Interessiert an der Entwicklung?

Durchstöbere den Code, sieh dir das SVN-Repository an oder abonniere das Entwicklungsprotokoll per RSS.

Änderungsprotokoll

7.3.0

  • Changed: Box is now a native Gutenberg block style in the Styles tab.
  • Added: Native text, link, background color, margin, and padding controls.
  • Added: theme.json styling support for colors, spacing, and typography.
  • Added: WordPress 7.1 support and automated compatibility tests.
  • Changed: Existing box-style blocks and the global Force box style setting remain compatible.
  • Thanks: Lovro Hrust (@lovor) for the theme.json and block styling feedback.