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 langform med tonnevis av underoverskrifter å bla gjennom.
Skriv inn Tocbot, en 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 skal kjøre i en 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 pent enkelt oppsett og du kan til og med tilpasse innholdsfortegnelsen for å dekke dine behov.
Men dette krever litt JavaScript for å få det til å fungere. Spesielt må du kjøre en i det() Funger 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 følger med mye av funksjoner du kan redigere for:
- Sammenleggbar liste over elementer.
- Underoverskrifter i tabell.
- Offset for tabellnavigering.
- Fast nav eller statisk.
- Ekstra linker 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 du er 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 alle oppsettinfoene du trenger sammen med nedlastingskoblinger til CDN (og lokale) versjoner av alle Tocbot-filene.
