Automatisk generering av innholdsfortegnelse ved hjelp av Tocbot

Lengre innhold blir normen med en sterkere mottak fra Google og så vel som brukerne. Men det kan bli litt slitsomt å lese innholdet i lang form med tonnevis av underoverskrifter å bla.

Skriv inn Tocbot, et gratis innholdsfortegnelsesgenerator bygget på JavaScript . Dette oppretter automatisk en fast ToC-liste på en hvilken som helst side og oppdaterer posisjonen mens du ruller forbi hver overskrift.

Hovedsiden inneholder en full forhåndsvisning sammen med dokumentasjon du kan følge for å få alt dette oppsettet.

Tocbot har ingen avhengighet og bør kjøre i hvilken som helst nettleser med JavaScript aktivert. Du inkluderer bare Tocbot JS / CSS-filene og lar dem kjøre. Enkel!

Du kan til og med bruke CDN-versjonene hvis du ikke vil laste ned noe lokalt. Det er et ganske enkelt oppsett, og du kan til og med tilpasse innholdsfortegnelsen slik at det passer dine behov.

Men dette krever litt JavaScript for å få det til å fungere. Spesielt må du kjøre en init () -funksjon med parametere som definerer hvor navigasjonen skal vises og hvilken overskrift (e) du vil målrette (dvs. H1-H6).

Ta en titt på GitHub repo for mer oppsett info. Dette inkluderer nettleserstøtte, alle tilpassede parametere og oppsettinstruksjonene for de viktigste JS / CSS-filene.

API-en kommer med mange funksjoner du kan redigere for:

• Sammenleggbar liste over elementer.
• Underoverskrifter i tabell.
• Offset for tabellnavigering.
• Fast nav eller statisk.
• Ekstra lenker for å legge til i navigasjonen.

Noen designere foretrekker kanskje å lage sitt eget innholdsfortegnelse fra bunnen av. Men det er en ganske teknisk prosess og krever mye manuell innsats.

Med Tocbot er du bare en JS-funksjon borte fra en fungerende ToC som kjører dynamisk på tvers av alle sidene dine.

For å lære mer, besøk Tocbots hjemmeside. Dette har all oppsettinformasjon du trenger sammen med nedlastingskoblinger til CDN (og lokale) versjoner av alle Tocbot-filene.