Image
Image

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

„It is lightweight, stable, and fully compatible with WordPress Full Site Editing. A reliable solution that integrates seamlessly and performs exactly as expected.“
@js100 on wordpress.org

„Does the job perfectly, and adds no bloat.“
@clicknathan on wordpress.org

„Simple yet powerful. Great plugin that does exactly what you need.“
@mixey on wordpress.org

Barrierefreiheit

This plugin is designed & developed for WCAG 2.2 level AA conformance. The plugin is tested with assistive technology and intended to be accessible, however some third party plugins or themes may affect the individual accessibility on a given website. If you find an accessibility issue, please let us know and we’ll try to address it promptly.

Funktionen

  • Für Gutenberg entwickelt.
  • Ohne Konfiguration: Einfach den SimpleTOC Block zum Artikel hinzufügen und das war’s.
  • Minimale und gültige HTML-Ausgabe.
  • Verwendet das integrierte Details-Tag des Browsers für eine ein- und ausklappbare Darstellung.
  • Es wird kein JavaScript oder CSS hinzugefügt. Außer, du aktivierst das Akkordeon-Menü.
  • Style SimpleTOC mit Gutenbergs nativen Gruppenstil-Optionen.
  • Übernimmt den Stil deines Themes.
  • Smooth scrolling effect über CSS.
  • Barrierefreiheit ist standardmäßig durch Einhaltung von Webstandards gewährleistet.
  • Optionale ARIA Label und Navigationsrollenattribute.
  • Ü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.
  • Füge Hintergrund und Textfarbe über Gutenberg Gruppen hinzu.
  • Native Unterstützung für weite und volle Breite.
  • Steuern Sie die maximale Tiefe der Überschriften.
  • Wähle zwischen einer geordneten, aufzählenden HTML-Liste. Oder rücke die Liste ein.
  • 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

Dieses Plug-In ist ein Fork von pdewouters und benutzt Code von Easy-Table-of-Contents

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

And many more thanks to all the developers on GitHub who helped me making SimpleTOC what it is today!

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

Screenshots

  • Image
    SimpleTOC-Block im Gutenberg-Editor
  • Image
    SimpleTOC im Beitrag
  • Image
    Simple aber mächtig. Passe jedes Inhaltsverzeichnis so an, wie du möchtest.
  • Image
    Steuern Sie die maximale Tiefe der Überschriften.
  • Image
    SimpleTOC gestylt mit Gutenbergs nativen Gruppenstilen.
  • Image
    Erweiterte Funktionen von SimpleTOC
  • Image
    Gutenberg Überschriften-Block: Einen eigenen Anker setzen
  • Image
    SimpleTOC versteckt im Akkordeon-Menü.
  • Image
    SimpleTOC globale Einstellungen

Blöcke

Dieses Plugin unterstützt 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.

Wie füge ich eine Hintergrundfarbe zu SimpleTOC mit Gutenberg Gruppen hinzu?

Markiere den Block und wähle im Kontextmenü „gruppieren“. Wende „Hintergrundfarbe“, „Linkfarbe“ und „Textfarbe“ auf diese Gruppe an. SimpleTOC wird diese Stile erben. Du möchtest diese gestylte SimpleTOC-Gruppe das nächste Mal verwenden, wenn Du einen Beitrag schreibst? Wandele sie in einen wiederverwendbaren Block um.

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.

Wie fügt man einen div-Tag-Wrapper zum TOC hinzu?

Wenn du eine benutzerdefinierte Klasse zum SimpleTOC-Block unter „Erweitert“ hinzufügst und dann „Zusätzliche CSS-Klassen“, wird ein div-Element mit dieser Klasse um die HTML-Ausgabe herum platziert.

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

Image
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.
Image
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.
Image
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.
Image
11. Januar 2025
Ich hatte den Button erst gar nicht gefunden / übersehen unter „Blöcke“ -> „Design“ -> „SimpleTOC“.Klein und fein, wirklich zu empfehlen…
Image
5. November 2024
This is an excellent plugin that easily adds table of contents in your posts / pages and it provides links to the relevant headings. Does exactly what I want and I would highly recommend it if you are looking for an easy to use tale of contents block plugin. Thanks so much for sharing.
Alle 75 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 17 Sprachen übersetzt. Danke an die Übersetzenden 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

6.9.6

  • Added: Coding standards cleanup with improved rules, cleaner code, safer output, and consistent naming. Thanks @ronalfy
  • Added: Minimum PHP version requirement set to 7.3

6.9.4

  • Added: Introduced proper PHP namespaces to avoid class and function name conflicts and improve overall code robustness. Thanks @ronalfy.
  • Added: Improved sidebar sub-menu for the “Hide SimpleTOC” option

6.9.3

  • Fix: Fix Multiple IDs in Table of Contents Thanks @ronalfy
  • Added: Support for GenerateBlocks 2.1.0 Thanks @ronalfy

6.9.1

  • Added: Support for the new V3 block api.
  • Verbessert: Kompatibilität mit WordPress 6.9

6.7.3

  • Hinzugefügt: Kompatibilität mit WordPress 6.8 getestet.

6.7.2

  • Hinzugefügt: Unterstützung für GenerateBlocks 2.0. Danke, @blronaldhuereca.
  • Hinzugefügt: Eine Barrierefreiheitserklärung in die Plugin-Beschreibung aufgenommen. Danke, Gen Herres.