SimpleTOC – Inhaltsverzeichnis Block

Beschreibung

Füge einen Block in Gutenberg hinzu und suche nach „SimpleTOC“ oder nur „TOC“. Bitte speichere deinen Beitrag bevor du den Block nutzen kannst. Es funktioniert indem die Überschriften geparst werden und aus den Links zu den Überschriften eine Liste erstellt wird.

Blende die Überschrift „Inhaltsverzeichnis“ aus und leg eine maximale Anzeigetiefe in der Seitenleistenkonfiguration des Blocks fest. Füge die CSS-Klasse „simpletoc-hidden“ zu einem Überschriftenblock hinzu, um diese bestimmte Überschrift aus dem generierten TOC zu entfernen.

Funktionen

  • Kein Javascript oder css wird hinzugefügt.
  • Für Gutenberg entwickelt.
  • Kompatibel mit AMP-Plugins.
  • Minimale und gültige HTML-Ausgabe.
  • Übernimmt den Stil deines Themes.
  • Unterstützung für Spaltenblock-Layouts.
  • Steuern Sie die maximale Tiefe der Überschriften.
  • Wähle zwischen einer sortieren und unsortierten HTML Liste.
  • SEO-freundlich: Deaktiviere die h2-Überschrift des TOC-Blocks und füge deine eigene hinzu.
  • Mit Übersetzungen in Englisch, Französisch, Spanisch, Deutsch und brasilianischem Portugiesisch.
  • Funktioniert mit nicht-lateinischen Texten. Getestet mit Japanisch und Arabisch.
  • Findet Überschriften in Gruppen und wiederverwendbaren Blöcken. Und in Gruppen innerhalb wiederverwendbarer Blöcke.
  • Unterstützung für Rank Math.

Danksagungen

Dieses Plugin ist ein Fork von https://github.com/pdewouters/gutentoc von pdewouters und nutzt Code aus https://github.com/shazahm1/Easy-Table-of-Contents von shazahm1

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

Screenshots

  • SimpleTOC-Block im Gutenberg-Editor
  • SimpleTOC im Beitrag
  • Simple aber mächtig. Passe jedes Inhaltsverzeichnis so an, wie du möchtest.
  • Steuern Sie die maximale Tiefe der Überschriften.

Blöcke

Dieses Plugin unterstützt 1 Block.

  • SimpleTOC

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

Warum hast du das gemacht?

Weil ich ein einfaches Plug-in brauchte, um diese Aufgabe zu erledigen, habe ich mich entschlossen, es selbst zu machen. Ich bin der Meinung, dass ein Inhaltsverzeichnis kein Javascript und zusätzliches CSS braucht. Außerdem sollte das Plug-in out-of-the-box ohne jegliche Konfiguration funktionieren.

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

Blende die Überschrift in den Seitenleistenoptionen von SimpleTOC aus und füge eine eigene Überschrift hinzu.

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 Plug-in gäbe, das Blöcke zu jedem Beitrag hinzufügt, dann wäre das die Lösung. Ich denke, dies sollte ein weiteres separates Plug-in sein, um den Code von SimpleTOC sauber und … nun ja, einfach zu halten. Vielleicht kennt jemand ein Plug-in, das mit einigen Parametern und Einstellungen automatisch Blöcke zu allen Beiträgen hinzufügt? Wie sieht es mit der Seitenbearbeitung in WordPress aus? Ich glaube, das Kernteam arbeitet an so etwas. Ich werde diesen Beitrag offen halten. Wenn ich mehr Wissen erlangt habe, wie man dies lösen kann, werde ich diese Funktion hinzufügen.

Wie füge ich eine Hintergrundfarbe zu SimpleTOC hinzu?

SimpleTOC ist einfach. Es wird niemals JavaScript oder CSS laden. Aber Du kannst benutzerdefiniertes CSS zu Deinem Theme hinzufügen:

.simpletoc {
    padding: 1em 2em;
    background: #bada55;
}

Wenn Du eine Farbe einschließlich der Überschrift hinzufügen möchtest, füge dem SimpleTOC-Block eine benutzerdefinierte css-Klasse hinzu. Nenne diese „toctoc“ oder so ähnlich.

.toctoc {
    padding: 1em 1em;
    background: #bada55;
}

Wenn Du dieses CSS verwendest, wird ein farbiger Hintergrund für das gesamte Inhaltsverzeichnis einschließlich der Überschrift hinzugefügt.

Wie füge ich „smooth scrolling“ hinzu?

Du kannst optional die css-Klasse „smooth-scroll“ zu jedem Link des TOC hinzufügen. Dann kannst Du ein Plug-in installieren, das diese Klassen nutzt.

Rezensionen

16. Juli 2021
Perfect. Lightweight. Only wish it had AMP-friendly collapse options using "toggleVisibility" or something along those lines.
6. Juli 2021
The plugin is perfect. The most important thing is that it does not use javascript. Just configure a block as needed and use it as a reusable block. Very good plugin - thanks for the good work
17. Juni 2021
Buen complemente ligero y cumple el cometido!
8. Juni 2021
Adding the SimpleTOC block to my pages is super easy, it works without any fuss, and it hasn't had any performance impacts as far as I can tell. I did find one bug, but the developer was able to fix it and publish a new version within a day or two, and they were very polite about it.
Alle 24 Rezensionen lesen

Mitwirkende & Entwickler

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

Mitwirkende

„SimpleTOC – Inhaltsverzeichnis Block“ wurde in 9 Sprachen übersetzt. Danke an die Übersetzerinnen und Ü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

4.8

  • Feature: SimpleTOC kann in Gutenberg durch Eingabe von „Inhaltsverzeichnis“ gefunden werden

4.5

  • Feature: Füge die css-Klasse „smooth-scroll“ zu den Links hinzu. Dies ermöglicht ein sanftes Scrollen in Themes wie GeneratePress.

4.4.9

  • Neue Funktion: Unterstützung für Überschriften in wiederverwendbaren Blöcken.

4.4.8

  • Feature: Option zum Einschalten von absoluten URLs hinzugefügt.

4.4.7

  • Neu: Option hinzugefügt, um ul-Tag durch ol-Tag zu ersetzen. Dadurch werden jeder Überschrift im TOC Dezimalzahlen hinzugefügt.
  • Neue Funktion: Funktioniert in verschachtelten Blöcken. Dies bedeutet Unterstützung für Spaltenblock-Layouts.

4.3

  • Neue Funktion: Unterstützung für nicht-lateinische Überschriften. SimpleTOC verwendet jetzt eine Zeichenblockliste anstelle einer Erlaubnisliste.
  • Neue Funktion: Füge dem Überschriftenblock die CSS-Klasse „simpletoc-hidden“ hinzu, um ihn aus dem Inhaltsverzeichnis zu entfernen.

4.1.1

  • Neue Funktion: Experimentelle Unterstützung für arabischen Text.

4.0

  • Option zum Einstellen der maximalen Ebene der Überschriften hinzugefügt.

3.9

  • Brasilianisch-Portugiesisch zu den Übersetzungen hinzugefügt. Danke Ralden Souza!

3.5

  • Unterstützung für Rank Math Plugin hinzugefügt.