Kotisivu » Toolkit » Sisällysluettelon luominen Tocbotin avulla

    Sisällysluettelon luominen Tocbotin avulla

    Pidempi sisältö on tulossa normin vahvemmaksi vastaanottajalle Googlelta ja käyttäjiltä. Mutta se voi saat hieman väsyttävää lukea pitkän lomakkeen sisältöä selailemalla tonnia alaotsakkeita.

    Anna Tocbot, ilmainen Sisällysluettelo, joka on rakennettu JavaScriptiin. Tämä luo automaattisesti kiinteän ToC-luettelon millä tahansa sivulla ja päivittää sijaintisi, kun selaat kunkin otsikon yli.

    Pääsivu sisältää täydellisen esikatselun sekä dokumentaation, jota voit seurata saadaksesi kaikki asetukset.

    Tocbotilla on ei ole riippuvuuksia ja niiden pitäisi toimia missä tahansa selaimessa JavaScript on käytössä. Sisällytät vain Tocbot JS / CSS-tiedostot ja anna sen ajaa. Yksinkertainen!

    Voit jopa käyttää CDN-versioita, jos et halua ladata mitään paikallisesti. Se on kaunis yksinkertainen asennus ja voit jopa muokata sisältötaulukkoa tarpeisiisi.

    Tämä vaatii kuitenkin hieman JavaScriptin, jotta se toimii. Erityisesti sinun on suoritettava sen sisällä() toimivat parametreilla, joissa määritetään, missä navigointi tulee näkyviin ja mihin suuntaan haluat kohdistaa (esim. H1-H6).

    Tutustu GitHub-repoon, jos haluat lisätietoja. Tämä sisältää selaimen tuki, kaikki mukautetut parametrit ja asennusohjeet tärkeimpien JS / CSS-tiedostojen osalta.

    API tulee paljon ominaisuuksia, joita voit muokata myös:

    • Taitettava luettelo kohteista.
    • Taulukon alaryhmät.
    • Offset taulukon navigointiin.
    • Kiinteä navi tai staattinen.
    • Lisää linkkejä navigointiin.

    Jotkut suunnittelijat saattavat mieluummin luoda omaa taulukkoa tyhjästä. Mutta se on melko tekninen prosessi ja vaatii paljon käsityötä.

    Kanssa Tocbot olet vain yksi JS-toiminto poissa työskentelystä joka toimii dynaamisesti kaikissa sivun otsikoissa.

    Lisätietoja on Tocbot-kotisivulla. Siinä on kaikki asennustiedot, joita tarvitset yhdessä latauslinkkien kanssa kaikkien Tocbot-tiedostojen CDN (ja paikallisiin) versioihin.