Anasayfa » Toolkit » Tocbot Kullanarak İçindekileri Otomatik Oluştur

    Tocbot Kullanarak İçindekileri Otomatik Oluştur

    Uzun içerik, Google’dan ve kullanıcılardan daha güçlü bir alımla norm haline geliyor. Ama olabilir uzun formdaki içeriği okumak için biraz yorucu olun Göz atmak için alt başlıklar ton ile.

    Tocbot'a ücretsiz giriş yapın JavaScript üzerine kurulu içindekiler tablosu. Bu, herhangi bir sayfada otomatik olarak sabit bir TO listesi oluşturur ve her bir başlıktan ilerlerken konumunuzu günceller..

    Ana sayfa, tüm bu ayarları almak için izleyebileceğiniz belgelerle birlikte tam bir önizleme içeriyor.

    Tocbot var bağımlılık yok ve herhangi bir tarayıcıda yayınlanmalı JavaScript etkin. Siz sadece Tocbot JS / CSS dosyalarını ekleyin ve çalışmalarına izin verin. Basit!

    Yerel olarak bir şey indirmek istemiyorsanız, CDN versiyonlarını bile kullanabilirsiniz. Güzel bir basit kurulum ve içindekileri bile özelleştirebilirsiniz ihtiyaçlarınızı karşılamak için.

    Ancak, çalışması için biraz JavaScript gerekir. Özellikle bir çalıştırmak gerekir içinde() Navigasyonunuzun nerede görünmesi gerektiğini ve hangi başlığı / hedefi hedeflemek istediğinizi tanımlayan parametrelerle çalışın (örn. H1-H6).

    Daha fazla kurulum bilgisi için GitHub deposuna bir göz atın. Bu içerir tarayıcı desteği, tüm özel parametreler ve kurulum talimatları ana JS / CSS dosyaları için.

    API ile birlikte gelir çok siz de düzenleyebileceğiniz özelliklerden bazıları:

    • Katlanabilir öğe listesi.
    • Tablodaki alt başlıklar.
    • Tablo gezinme için ofset.
    • Sabit nav veya statik.
    • Navigasyona eklenecek ekstra bağlantılar.

    Bazı tasarımcılar sıfırdan kendi içindekiler tablosunu oluşturmayı tercih edebilir. Ancak bu oldukça teknik bir işlemdir ve bol miktarda manuel çaba gerektirir..

    İle Tocbot, çalışan bir ToC'den sadece bir JS işlevi uzaktasınız tüm sayfa başlıklarınızda dinamik olarak çalışan.

    Daha fazla bilgi edinmek için Tocbot ana sayfasını ziyaret edin. Bu, tüm Tocbot dosyalarının CDN (ve yerel) sürümlerine indirme bağlantıları ile birlikte ihtiyacınız olan tüm kurulum bilgisine sahiptir..