Automatisches Generieren des Inhaltsverzeichnisses mit Tocbot

Längere Inhalte werden zur Norm mit einem stärkeren Empfang von Google und den Nutzern. Aber es kann ermüdend werden, den langen Inhalt mit vielen Unterüberschriften zu lesen .

Geben Sie Tocbot ein, einen kostenlosen Tabellengenerator, der auf JavaScript basiert. Dies erstellt automatisch eine feste ToC-Liste auf jeder Seite und aktualisiert Ihre Position, wenn Sie an jeder Überschrift vorbeirollen.

Die Hauptseite enthält eine vollständige Vorschau zusammen mit der Dokumentation, die Sie befolgen können, um diese Konfiguration zu erhalten.

Tocbot hat keine Abhängigkeiten und sollte in jedem Browser mit aktiviertem JavaScript laufen . Sie fügen einfach die Tocbot JS / CSS-Dateien ein und lassen sie laufen. Einfach!

Sie können sogar die CDN-Versionen verwenden, wenn Sie lokal nichts herunterladen möchten. Es ist ein ziemlich einfaches Setup und Sie können das Inhaltsverzeichnis sogar an Ihre Bedürfnisse anpassen .

Dies erfordert jedoch ein wenig JavaScript, damit es funktioniert. Insbesondere müssen Sie eine init () -Funktion mit Parametern ausführen, die festlegen, wo Ihre Navigation angezeigt werden soll und welche Richtung (en) Sie anvisieren möchten (zB H1-H6).

Werfen Sie einen Blick auf das GitHub Repo für weitere Setup-Informationen. Dazu gehören die Browser-Unterstützung, alle benutzerdefinierten Parameter und die Setup-Anweisungen für die wichtigsten JS / CSS-Dateien.

Die API enthält viele Funktionen, die Sie auch bearbeiten können:

• Zusammenklappbare Liste von Elementen.
• Unterüberschriften in der Tabelle.
• Offset für die Tabellennavigation.
• Fixed Nav oder statisch.
• Zusätzliche Links zum Hinzufügen in die Navigation.

Einige Designer ziehen es vor, ihr eigenes Inhaltsverzeichnis von Grund auf neu zu erstellen. Aber das ist ein ziemlich technischer Prozess und erfordert viel manuellen Aufwand.

Mit Tocbot sind Sie nur eine JS-Funktion entfernt von einem funktionierenden ToC, das dynamisch über alle Ihre Seitenüberschriften läuft.

Um mehr zu erfahren, besuchen Sie die Tocbot Homepage. Hier finden Sie alle benötigten Setup-Informationen sowie Download-Links zu den CDN (und lokalen) Versionen aller Tocbot-Dateien.