WordPress.org

Deutsch

Hol dir WordPress
WordPress.org

Plugin Directory

SimpleTOC – Inhaltsverzeichnis Block

SimpleTOC – Inhaltsverzeichnis Block

Von Marc Tönsing
Herunterladen

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.
  • Optionaler Box-Stil für das Inhaltsverzeichnis mit standardmäßig grauem Hintergrund.
  • Style SimpleTOC mit Gutenbergs nativen Gruppenstil-Optionen.
  • Übernimmt den Stil deines Themes.
  • Smooth scrolling effect using 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.
  • Aktiviere einen Box-Stil und wähle die Box-Farbe direkt in der Block-Seitenleiste.
  • 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

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

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.

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

Does what it says on the tin

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.

Good job!

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.

Does the job perfectly, and adds no bloat

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.

Klein und Fein

11. Januar 2025
Ich hatte den Button erst gar nicht gefunden / übersehen unter „Blöcke“ -> „Design“ -> „SimpleTOC“.Klein und fein, wirklich zu empfehlen…
Alle 76 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 Ü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.1.0

  • Fixed: Avoid DOMDocument HTML parsing for highlighted heading markup by using the WordPress HTML API.
  • Changed: Minimum required WordPress version is now 6.2.
  • Added: PHPUnit coverage for core rendering helpers and an editor e2e smoke test.

7.0.10

  • Fixed: Prevent the SimpleTOC editor preview from collapsing during WordPress autosaves.
  • Changed: Automatic editor refresh now runs after manual post saves and keeps the previous TOC visible while updating.

Meta

Bewertungen

5 von 5 Sternen.

Your review

Alle Rezensionen anzeigen

Mitwirkende

Support

Möchtest du etwas mitteilen? Brauchst du Unterstützung?

Support-Forum anzeigen

Spenden

Möchtest du die Weiterentwicklung dieses Plugins unterstützen?

Für dieses Plugin spenden