Startseite » Toolkit » Inhaltsverzeichnis mit Tocbot automatisch generieren

    Inhaltsverzeichnis mit Tocbot automatisch generieren

    Längere Inhalte werden zum Standard mit einem stärkeren Empfang von Google und den Nutzern. Aber es kann Holen Sie sich ein bisschen ermüdend, um den Langform-Inhalt zu lesen mit Tonnen von Unterüberschriften zum Durchsuchen.

    Geben Sie Tocbot ein, einen kostenlosen Generator für Inhaltsverzeichnisse, der auf JavaScript basiert. Dadurch wird auf jeder Seite automatisch eine feste ToC-Liste erstellt und Ihre Position aktualisiert, wenn Sie an den einzelnen Überschriften vorbei blättern.

    Die Hauptseite enthält eine vollständige Vorschau sowie eine Dokumentation, an der Sie alle Einstellungen vornehmen können.

    Tocbot hat keine Abhängigkeiten und sollte in einem Browser ausgeführt werden mit aktiviertem JavaScript. Sie fügen einfach die Tocbot JS / CSS-Dateien ein und lassen sie ausführen. Einfach!

    Sie können sogar die CDN-Versionen verwenden, wenn Sie nichts lokal herunterladen möchten. Es ist hübsch Einfaches Setup und Sie können sogar das Inhaltsverzeichnis anpassen Ihren Bedürfnissen anpassen.

    Dies erfordert jedoch ein wenig JavaScript, damit es funktioniert. Insbesondere müssen Sie ein ausführen drin() Funktion mit Parametern, die festlegen, wo Ihre Navigation erscheinen soll und welche Überschriften Sie anvisieren möchten (dh H1-H6).

    Werfen Sie einen Blick auf das GitHub-Repo, um weitere Informationen zum Setup zu erhalten. Das beinhaltet Browser-Unterstützung, alle benutzerdefinierten Parameter und die Setup-Anweisungen für die wichtigsten JS / CSS-Dateien.

    Die API kommt mit viel von Funktionen, die Sie auch bearbeiten können:

    • Minimierbare Liste der Elemente.
    • Unterüberschriften in der Tabelle.
    • Offset für die Tabellennavigation.
    • Nav oder statisch behoben.
    • Zusätzliche Links zum Hinzufügen in die Navigation.

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

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

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