Daftar Isi Otomatis Menggunakan Tocbot
Konten yang lebih panjang menjadi norma dengan penerimaan yang lebih kuat dari Google dan juga para pengguna. Tapi itu bisa sedikit melelahkan membaca konten bentuk panjang dengan banyak sub-judul untuk dijelajahi.
Masukkan Tocbot, gratis Daftar isi generator dibangun di JavaScript. Ini secara otomatis membuat daftar ToC tetap pada halaman apa saja dan memperbarui posisi Anda saat Anda menggulir melewati setiap judul.
Halaman utama termasuk pratinjau lengkap bersama dengan dokumentasi yang dapat Anda ikuti untuk mendapatkan semua pengaturan ini.
Tocbot punya tidak ada dependensi dan harus dijalankan di browser apa pun dengan JavaScript diaktifkan. Anda cukup memasukkan file Tocbot JS / CSS dan biarkan mereka menjalankannya. Sederhana!
Anda bahkan dapat menggunakan versi CDN jika Anda tidak ingin mengunduh apa pun secara lokal. Itu cantik pengaturan sederhana dan Anda bahkan dapat menyesuaikan daftar isi sesuai dengan kebutuhan anda.
Namun ini membutuhkan sedikit JavaScript untuk membuatnya berfungsi. Khususnya Anda perlu menjalankan init () berfungsi dengan parameter yang menentukan di mana navigasi Anda akan muncul dan heading mana yang ingin Anda targetkan (mis. H1-H6).
Lihatlah repo GitHub untuk info pengaturan lebih lanjut. Ini termasuk dukungan browser, semua parameter khusus, dan instruksi pengaturan untuk file JS / CSS utama.
API dilengkapi dengan banyak fitur yang dapat Anda edit juga:
- Daftar barang yang bisa dilipat.
- Sub-judul dalam tabel.
- Offset untuk navigasi tabel.
- Memperbaiki nav atau statis.
- Tautan ekstra untuk ditambahkan ke dalam navigasi.
Beberapa desainer mungkin lebih suka membuat daftar isi sendiri dari awal. Tetapi itu adalah proses yang cukup teknis dan membutuhkan banyak upaya manual.
Dengan Tocbot Anda hanya berjarak satu fungsi JS dari ToC yang berfungsi yang berjalan secara dinamis di semua judul halaman Anda.
Untuk mempelajari lebih lanjut, kunjungi beranda Tocbot. Ini memiliki semua info pengaturan yang Anda perlukan bersama tautan unduhan ke versi CDN (dan lokal) dari semua file Tocbot.
