Automatisk generere indholdsfortegnelse ved hjælp af Tocbot

Langere indhold bliver normen med en stærkere modtagelse fra Google og såvel som brugerne. Men det kan få lidt trættende at læse indholdet af lang form med tonsvis af underoverskrifter at gennemse.

Indtast Tocbot, en gratis indholdsfortegnelse generator bygget på JavaScript. Dette skaber automatisk en fast ToC-liste på en hvilken som helst side og opdaterer din position, mens du ruller forbi hver overskrift.

Hovedsiden indeholder en fuld forhåndsvisning sammen med dokumentation, du kan følge for at få hele denne opsætning.

Tocbot har ingen afhængigheder og skal køre i enhver browser med JavaScript aktiveret. Du inkluderer blot Tocbot JS / CSS-filerne og lad dem køre. Enkel!

Du kan endda bruge CDN-versionerne, hvis du ikke vil downloade noget lokalt. Det er en smuk enkelt opsætning og du kan endda tilpasse indholdsfortegnelsen der passer til dine behov.

Men det kræver lidt JavaScript for at få det til at fungere. Specielt skal du køre en i det() funktion med parametre, der definerer, hvor din navigation skal vises, og hvilken overskrift (r) du vil målrette (dvs. H1-H6).

Tag et kig på GitHub repo for mere setup info. Dette inkluderer browser support, alle brugerdefinerede parametre og opsætningsinstruktionerne for de vigtigste JS / CSS-filer.

API'en leveres med en masse af funktioner, du kan redigere også:

• Sammenklappelig liste over genstande.
• Underoverskrifter i tabel.
• Forskydning til bordnavigation.
• Fast nav eller statisk.
• Ekstra links til tilføjelse til navigationen.

Nogle designere foretrækker måske at oprette deres eget indholdsfortegnelse fra bunden. Men det er en ret teknisk proces og kræver masser af manuel indsats.

Med Tocbot du er kun en JS-funktion væk fra en fungerende ToC der kører dynamisk på tværs af alle dine sidestykker.

For at lære mere, besøg Tocbots hjemmeside. Dette har alle de opsætningsoplysninger du har brug for sammen med download links til CDN (og lokale) versioner af alle Tocbot-filerne.