Title: SimpleTOC – Inhaltsverzeichnis Block
Author: Marc Tönsing
Published: 14. April 2020
Last modified: 3. Oktober 2026
---
Plugins suchen
# SimpleTOC – Inhaltsverzeichnis Block
Von [Marc Tönsing](https://profiles.wordpress.org/marcdk/)
[Herunterladen](https://downloads.wordpress.org/plugin/simpletoc.7.4.1.zip)
* [Details](https://de.wordpress.org/plugins/simpletoc/#description)
* [Rezensionen](https://de.wordpress.org/plugins/simpletoc/#reviews)
* [Installation](https://de.wordpress.org/plugins/simpletoc/#installation)
* [Entwicklung](https://de.wordpress.org/plugins/simpletoc/#developers)
[Support](https://wordpress.org/support/plugin/simpletoc/)
## 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](https://demo.tastewp.com/simpletoc) 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](https://wordpress.org/support/topic/good-job-1889/)
> „Erfüllt seinen Zweck perfekt und bringt keinen unnötigen Ballast mit.“
> — [@clicknathan auf wordpress.org](https://wordpress.org/support/topic/does-the-job-perfectly-and-adds-no-bloat/)
> „Einfach und trotzdem leistungsstark. Tolles Plugin, das genau das macht, was
> du brauchst.“
> — [@mixey auf wordpress.org](https://wordpress.org/support/topic/simple-yet-powerful-106/)
#### 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](https://github.com/mtoensing/simpletoc/issues). Wir
kümmern uns zeitnah darum.
Ausgeblendete Inhaltsverzeichnisse verwenden die nativen`
` und ``-Semantiken ohne zusätzliche ARIA-Referenzen, die eigene
IDs erfordern würden.
#### 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.
* 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 im Gutenberg-Tab „Stile“ mit standardmäßig grauem Hintergrund.
* Native Einstellungen für Text, Links, Hintergrund, Abstände und Typografie.
* Globale Block-Stile über theme.json.
* Übernimmt den Stil deines Themes.
* Smooth scrolling effect über CSS.
* Barrierefreiheit ist standardmäßig durch Einhaltung von Webstandards gewährleistet.
* Standardmäßiger Gutenberg-Block-Wrapper mit Navigationsrolle und ARIA-Label-Attributen.
* Übersetzt in [verschiedene Sprachen](https://translate.wordpress.org/projects/wp-plugins/simpletoc/).
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.
* Lege Text-, Link- und Hintergrundfarben im Gutenberg-Tab „Stile“ fest.
* Native Unterstützung für weite und volle Breite.
* Lege vertikale Außen- und Innenabstände mit den nativen Abstandseinstellungen
fest.
* Steuern Sie die maximale Tiefe der Überschriften.
* Wähle zwischen einer geordneten, aufzählenden HTML-Liste. Oder rücke die Liste
ein.
* Wähle den Box-Stil direkt im Gutenberg-Tab „Stile“ aus.
* Wähle eine Überschriftsebene aus oder verwandle sie in einen Absatz.
* Deaktiviere die H2 Überschrift des Inhaltsverzeichnisses und füge deine eigene
hinzu.
#### Aktuellen Abschnitt hervorheben
Aktiviere „Aktuellen Abschnitt hervorheben“ unter „Erweiterte Funktionen“ in den
SimpleTOC-Blockeinstellungen. Beim Scrollen wird der Link zum aktuellen Abschnitt
unterstrichen. Diese Option ist standardmäßig deaktiviert. Um sie für alle Blöcke
zu aktivieren, schalte unter „Einstellungen > SimpleTOC“ die Option „Hervorhebung
des aktuellen Abschnitts erzwingen“ ein. Die globale Einstellung hat Vorrang vor
den Einstellungen einzelner Blöcke. Entwickler können die globale Einstellung mit
dem Filter `simpletoc_scroll_spy_enabled` überschreiben.
Diese Funktion verwendet die nativen CSS-Funktionen `scroll-target-group` und `:
target-current`. Die Browser-Unterstützung ist derzeit eingeschränkt. In Browsern
ohne Unterstützung bleiben das normale Inhaltsverzeichnis und funktionierende Links
erhalten. Es gibt keinen JavaScript-Fallback und kein Polyfill. Die Hervorhebung
gilt für Überschriften auf der aktuellen Seite und macht das Inhaltsverzeichnis
nicht automatisch fixiert.
#### 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](https://github.com/mtoensing/SimpleTOC)
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](https://tomjn.com) 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](https://github.com/mtoensing/simpletoc/graphs/contributors),
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-Block im Gutenberg-Editor
[⌊SimpleTOC im Beitrag⌉⌊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.⌉[
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.⌉[
Steuern Sie die maximale Tiefe der Überschriften.
[⌊SimpleTOC gestylt mit Gutenbergs nativen Gruppenstilen.⌉⌊SimpleTOC gestylt mit
Gutenbergs nativen Gruppenstilen.⌉[
SimpleTOC gestylt mit Gutenbergs nativen Gruppenstilen.
[⌊Erweiterte Funktionen von SimpleTOC⌉⌊Erweiterte Funktionen von SimpleTOC⌉[
Erweiterte Funktionen von SimpleTOC
[⌊Gutenberg Überschriften-Block: Einen eigenen Anker setzen⌉⌊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 versteckt im Akkordeon-Menü.
[⌊SimpleTOC globale Einstellungen⌉⌊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 SimpleTOC Farben oder den Box-Stil hinzu?
Wähle den SimpleTOC-Block aus und öffne in Gutenberg den Tab „Stile“. Wähle den
Box-Stil oder verwende die nativen Farbeinstellungen, um Text-, Link- und Hintergrundfarben
festzulegen. Für vertikale Außen- und Innenabstände stehen die nativen Abstandseinstellungen
zur Verfügung.
### 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 kann ich SimpleTOC über theme.json gestalten?
Füge deiner theme.json Stile für den Block `simpletoc/toc` hinzu. SimpleTOC verwendet
den standardmäßigen Gutenberg-Block-Wrapper und unterstützt native Einstellungen
für Farben, vertikale Außenabstände, Innenabstände, Schriftgröße und Zeilenhöhe.
Das folgende Beispiel legt Standardfarben, Abstände und Typografie für jeden SimpleTOC-
Block fest:
```
{
"$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"
}
}
}
}
}
```
Ersetze die Beispielwerte durch die Werte deines Themes oder durch Preset-Variablen.
Wenn du den Box-Stil auswählst, wird die Standardklasse `is-style-boxed` hinzugefügt.
### Wie kann man Entwicklern erlauben, bestimmte Überschriften programmatisch auszuschließen?
Query-Loop-Blöcke (core/query, generateblocks/query-loop, generateblocks/query)
werden immer ausgeschlossen, da sich ihre Überschriften für jeden Beitrag wiederholen.
Verwende den Filter ’simpletoc_excluded_blocks‘, um weitere Blöcke auszuschließen.
Der folgende Code schließt beispielsweise Überschriften-Blöcke aus, die sich innerhalb
eines Spalten-Blocks 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
### [Works almost out of the box](https://wordpress.org/support/topic/works-almost-out-of-the-box/)
[Lovro Hrust](https://profiles.wordpress.org/lovor/) 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.
### [Excellent and great Support](https://wordpress.org/support/topic/excellent-and-great-support-11/)
[Hans-Gerd Gerhards](https://profiles.wordpress.org/hage/) 24. Mai 2026
The plugin works brilliantly. The support is fantastic. A conflict with another
plugin (Noted) was resolved in just 1–2 hours. Thanks
### [Does what it says on the tin](https://wordpress.org/support/topic/does-what-it-says-on-the-tin-632/)
[3tianne](https://profiles.wordpress.org/3tianne/) 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.
### [This one will stay in my sites](https://wordpress.org/support/topic/this-one-will-stay-in-my-sites/)
[Zetona](https://profiles.wordpress.org/zetona/) 26. Dezember 2025
Thank you Marc, your plugin just works as expected!
### [Good job!](https://wordpress.org/support/topic/good-job-1889/)
[js100](https://profiles.wordpress.org/js100/) 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](https://wordpress.org/support/topic/does-the-job-perfectly-and-adds-no-bloat/)
[Clicknathan](https://profiles.wordpress.org/clicknathan/) 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 ](https://wordpress.org/support/plugin/simpletoc/reviews/)
## Mitwirkende und Entwickler
„SimpleTOC – Inhaltsverzeichnis Block“ ist Open-Source-Software. Folgende Menschen
haben an diesem Plugin mitgewirkt:
Mitwirkende
* [ Marc Tönsing ](https://profiles.wordpress.org/marcdk/)
„SimpleTOC – Inhaltsverzeichnis Block“ wurde in 19 Sprachen übersetzt. Danke an
[die Übersetzer](https://translate.wordpress.org/projects/wp-plugins/simpletoc/contributors)
für ihre Mitwirkung.
[Übersetze „SimpleTOC – Inhaltsverzeichnis Block“ in deine Sprache.](https://translate.wordpress.org/projects/wp-plugins/simpletoc)
### Interessiert an der Entwicklung?
[Durchstöbere den Code](https://plugins.trac.wordpress.org/browser/simpletoc/),
sieh dir das [SVN-Repository](https://plugins.svn.wordpress.org/simpletoc/) an oder
abonniere das [Entwicklungsprotokoll](https://plugins.trac.wordpress.org/log/simpletoc/)
per [RSS](https://plugins.trac.wordpress.org/log/simpletoc/?limit=100&mode=stop_on_copy&format=rss).
## Änderungsprotokoll
#### 7.4.1
* Behoben: Überschriften innerhalb von Query-Loop-Blöcken (core/query, GenerateBlocks)
erhalten keine doppelten Anker-IDs mehr von der umgebenden Seite und werden nicht
mehr im Inhaltsverzeichnis aufgeführt. Behebt Issue #90.
## Meta
* Version **7.4.1**
* Zuletzt aktualisiert **vor 2 Wochen**
* Aktive Installationen **10.000+**
* WordPress-Version ** 6.2 oder höher **
* Getestet bis **7.1.3**
* PHP-Version ** 7.3 oder höher **
* Sprachen
* [Chinese (Taiwan)](https://tw.wordpress.org/plugins/simpletoc/), [Czech](https://cs.wordpress.org/plugins/simpletoc/),
[Danish](https://da.wordpress.org/plugins/simpletoc/), [Dutch](https://nl.wordpress.org/plugins/simpletoc/),
[Dutch (Belgium)](https://nl-be.wordpress.org/plugins/simpletoc/), [English (US)](https://wordpress.org/plugins/simpletoc/),
[French (France)](https://fr.wordpress.org/plugins/simpletoc/), [German](https://de.wordpress.org/plugins/simpletoc/),
[Greek](https://el.wordpress.org/plugins/simpletoc/), [Italian](https://it.wordpress.org/plugins/simpletoc/),
[Japanese](https://ja.wordpress.org/plugins/simpletoc/), [Latvian](https://lv.wordpress.org/plugins/simpletoc/),
[Polish](https://pl.wordpress.org/plugins/simpletoc/), [Portuguese (Brazil)](https://br.wordpress.org/plugins/simpletoc/),
[Spanish (Chile)](https://cl.wordpress.org/plugins/simpletoc/), [Spanish (Colombia)](https://es-co.wordpress.org/plugins/simpletoc/),
[Spanish (Ecuador)](https://es-ec.wordpress.org/plugins/simpletoc/), [Spanish (Mexico)](https://es-mx.wordpress.org/plugins/simpletoc/),
[Spanish (Spain)](https://es.wordpress.org/plugins/simpletoc/) und [Spanish (Venezuela)](https://ve.wordpress.org/plugins/simpletoc/).
* [Übersetze in deine Sprache](https://translate.wordpress.org/projects/wp-plugins/simpletoc)
* Schlagwörter
* [accessibility](https://de.wordpress.org/plugins/tags/accessibility/)[block](https://de.wordpress.org/plugins/tags/block/)
[table](https://de.wordpress.org/plugins/tags/table/)[table of contents](https://de.wordpress.org/plugins/tags/table-of-contents/)
[toc](https://de.wordpress.org/plugins/tags/toc/)
* [Erweiterte Ansicht](https://de.wordpress.org/plugins/simpletoc/advanced/)
## Bewertungen
4.9 von 5 Sternen.
* [ 73 5-Sterne-Rezensionen ](https://wordpress.org/support/plugin/simpletoc/reviews/?filter=5)
* [ 4 4-Sterne-Rezensionen ](https://wordpress.org/support/plugin/simpletoc/reviews/?filter=4)
* [ 0 3-Sterne-Rezensionen ](https://wordpress.org/support/plugin/simpletoc/reviews/?filter=3)
* [ 0 2-Sterne-Rezensionen ](https://wordpress.org/support/plugin/simpletoc/reviews/?filter=2)
* [ 0 1-Sterne-Rezensionen ](https://wordpress.org/support/plugin/simpletoc/reviews/?filter=1)
[Deine Rezension](https://wordpress.org/support/plugin/simpletoc/reviews/#new-post)
[Alle Rezensionen anzeigen](https://wordpress.org/support/plugin/simpletoc/reviews/)
## Mitwirkende
* [ Marc Tönsing ](https://profiles.wordpress.org/marcdk/)
## Support
Behobene Probleme in den letzten zwei Monaten:
0 von 1
[Support-Forum anzeigen](https://wordpress.org/support/plugin/simpletoc/)
## Spenden
Möchtest du die Weiterentwicklung dieses Plugins unterstützen?
[ Für dieses Plugin spenden ](https://marc.tv/out/donate)