10+ Plugin WordPress “Daftar Isi” Terbaik

Posting panjang mendominasi hasil pencarian, semua orang tahu itu. Tetapi bagaimana pengunjung Anda menavigasi melalui konten raksasa?

Jawabannya sangat sederhana – tambahkan Daftar Isi (ToC) ke posting blog Anda. Ini akan memberikan informasi yang jelas tentang isi postingan dan memungkinkan mereka untuk langsung menuju ke tempat tujuan mereka. Ini juga mengarah pada peningkatan yang signifikan dalam pengalaman pengguna.

Terlebih lagi, menambahkan daftar isi akan meningkatkan visibilitas mesin pencari dari konten Anda. Untuk artikel dengan ToC, Google akan menambahkan tautan di bawah deskripsi meta untuk melompat ke tautan langsung dari hasil pencarian.

Karena menambahkan ToC menawarkan begitu banyak manfaat, sangat masuk akal untuk menambahkan daftar isi ke blog WordPress Anda. Ada beberapa plugin WordPress untuk membantu Anda melakukannya. Lanjutkan membaca untuk mengetahui lebih banyak tentang plugin daftar isi WordPress terbaik.

Daftar Isi Plugin WordPress Terbaik

Meskipun cukup banyak plugin Daftar Isi tersedia di repositori WordPress, kebanyakan dari mereka sudah usang. Bukan ide yang baik untuk menggunakan plugin yang sudah ketinggalan zaman.

Untuk membantu Anda menemukan plugin yang tepat, saya telah menyusun daftar 10+ Daftar Isi Plugin WordPress Terbaik.

*Daftar isi ini dibuat dengan Ultimate Blocks.

Saya juga akan menunjukkan Cara Menambahkan Daftar Isi Secara Manual Di WordPress.

Sekarang mari kita mulai dengan plugin WordPress ToC pertama.

1. Blok Utama

Ultimate Blocks bukan plugin 'Daftar Isi' khusus, melainkan menawarkan koleksi 'Blok Gutenberg Kustom' termasuk Blok ' Daftar Isi '. Ini adalah plugin yang harus dimiliki untuk pengguna Gutenberg.

Plugin tidak memiliki pengaturan tambahan. Setelah Anda mengaktifkan plugin, yang perlu Anda lakukan adalah memasukkan blok 'Daftar Isi' ke posting blog Anda.

Ini akan secara otomatis menghasilkan Daftar Isi dari judul. Anda dapat mengubah nama daftar isi Anda. Dan Anda dapat menempatkannya di mana saja Anda inginkan.

Hal Yang Perlu Diketahui Sebelum Memilih Plugin Ini

• Ini bukan plugin ToC khusus, melainkan kumpulan blok Gutenberg khusus.
• Ini tidak akan berfungsi di Editor Klasik WordPress. Anda harus memiliki editor Gutenberg.

2. Daftar Isi Mudah

Seperti yang bisa Anda tebak dari namanya, plugin ini memberi Anda cara mudah untuk menambahkan ToC ke situs WordPress Anda. Plugin akan secara otomatis menghasilkan ToC dengan mengumpulkan judul konten Anda. Ini berfungsi sempurna dengan posting, posting khusus, dan halaman.

Ada opsi terpisah untuk mengaktifkan, memasukkan ToC secara otomatis ke berbagai jenis konten. Anda dapat memilih posisi daftar isi juga. Pilihan yang tersedia termasuk sebelum atau setelah heading pertama, atas atau bawah konten.

Anda dapat mengatur jumlah minimum header untuk menampilkan ToC. Ini memungkinkan Anda untuk menyembunyikan ToC dari posting yang lebih pendek. Untuk jenis penghitung, Anda dapat memilih dari numerik, abjad romawi, atau desimal.

Plugin ini juga dilengkapi dengan beberapa opsi penyesuaian yang kuat . Misalnya, Anda dapat memilih salah satu lebar relatif atau tetap yang ditentukan oleh plugin, atau memberikan lebar khusus. Anda akan menemukan bidang terpisah untuk menentukan ukuran font juga.

Ada lima tema siap pakai untuk membantu Anda memulai. Namun, Anda juga dapat membuat tema Anda sendiri dengan memilih latar belakang, batas, judul, tautan, kursor tautan, dan warna tautan yang dikunjungi. Bagian pengaturan lanjutan memungkinkan Anda menentukan tag header mana yang harus disertakan dalam daftar isi.

ToC Khas yang Dibuat Dengan 'Daftar Isi Mudah' Sepertinya..

Hal Yang Perlu Diketahui Sebelum Menggunakan Plugin Ini

• Ini adalah plugin ToC paling populer yang kompatibel dengan versi WordPress saat ini.
• Ini adalah plugin gratis dan Anda dapat mengunduhnya dari repositori WordPress.org.

3. Daftar Isi Plus

Berdasarkan angka, Table of Content Plus adalah plugin daftar isi paling populer di repositori WordPress. Lebih dari 300.000+ situs web menggunakan plugin ini.

Ini menawarkan cara paling sederhana untuk menambahkan ToC ke situs WordPress Anda. Plugin ini memungkinkan Anda untuk menampilkan daftar isi pada semua posting, halaman, dan jenis posting kustom Anda. Dimungkinkan untuk mengaktifkan penyisipan ToC otomatis untuk berbagai jenis konten.

Anda dapat menampilkan ToC di lokasi yang berbeda seperti sebelum atau setelah heading pertama, atas atau bawah konten. Ada opsi praktis untuk menentukan jumlah minimum tag heading untuk menampilkan daftar isi.

Secara default, plugin akan menampilkan "Isi" sebagai judul ToC. Anda dapat mengganti ini dengan teks Anda sendiri atau menyembunyikan judul sama sekali. Anda dapat mengaktifkan pengunjung untuk mengaktifkan visibilitas ToC dan memilih untuk menyembunyikan ToC pada awalnya.

Opsi penting lainnya termasuk menampilkan angka dalam daftar isi, menampilkan hierarki, mengaktifkan efek pengguliran halus, dan sebagainya.

ToC+ hadir dengan beberapa opsi penyesuaian. Ini memungkinkan Anda untuk menentukan panjang ToC, gaya pembungkus, dan ukuran font. Anda dapat memilih salah satu dari lima gaya default untuk ToC atau membuat desain Anda sendiri dari awal.

Plugin ini juga menampilkan beberapa kode pendek khusus. Anda dapat menggunakan kode pendek ini untuk menampilkan ToC di lokasi khusus, menyembunyikan ToC dari konten tertentu, menampilkan peta situs lengkap atau hanya posting, halaman, atau kategori di peta situs.

ToC Khas yang Dibuat Dengan 'Daftar Isi Plus' Tampak Seperti e –

Hal Yang Perlu Diketahui Sebelum Memilih Plugin Ini

• Plugin ini belum diuji dengan 3 pembaruan WordPress utama terakhir.
• Kami menyarankan Anda untuk menggunakan plugin lain dalam daftar ini sebagai alternatif Daftar Isi Plus.

4. Qi Addons untuk Elementor

Hadir dengan lebih dari 100 widget premade yang sepenuhnya fleksibel, Qi Addons for Elementor adalah pilihan plugin freemium all-in-one. Muncul dikemas dengan add-on yang akan memungkinkan Anda untuk sepenuhnya memperkaya tampilan halaman dan bagian Anda, terlepas dari jenis situs yang Anda miliki. Dengan plugin ini, Anda akan dapat menggunakan apa saja mulai dari bisnis dan menampilkan add-on hingga tipografi, kreatif, dan bahkan widget berbasis SEO.

Daftar Isi adalah salah satu widget yang akan memberi Anda beberapa opsi praktis dan fleksibel untuk membuat berbagai jenis daftar isi untuk situs Anda dan menyesuaikannya agar sesuai dengan preferensi khusus Anda. Anda dapat menambahkan judul, subjudul, dan teks tambahan, dan bahkan menghilangkan salah satu dari ini jika Anda mau. Selain itu, Anda akan dapat mengatur judul dan tag subjudul, mengubah warna setiap elemen, dan menyesuaikan tipografi secara detail untuk setiap bagian. Selain itu, ada bagian Gaya Daftar yang rapi dengan opsi untuk memilih hal-hal seperti jenis daftar, posisi, dan gaya .

ToC Khas yang Dibuat Dengan 'Qi Addons for Elementor's Table of Content Widget' Tampak Seperti:

Hal Yang Perlu Diketahui Sebelum Memilih Plugin:

• Anda harus menginstal Elementor agar plugin Qi Addons for Elementor berfungsi.
• Qi Addons for Elementor adalah plugin freemium, dan widget Daftar Isi tersedia secara gratis.

5. TOC tetap

Plugin bergaya ini memungkinkan Anda membuat dan menampilkan daftar isi bergaya unik di situs WordPress Anda. Plugin TOC Tetap akan memindai konten Anda dan secara otomatis membuat ToC berdasarkan judul. Ia bekerja dengan benar dengan semua jenis konten.

Ada dua cara untuk menampilkan ToC – smart show dan tetap di sidebar . Plugin ini hadir dengan beberapa gaya menarik untuk membantu Anda memulai. Anda dapat menyesuaikan font, warna, posisi, ukuran, dll. untuk gaya ini.

Berkat fitur pengguliran yang mulus , pengunjung dapat menggulir ke bagian mana pun dengan menggunakan ToC. Indikator heading akan menunjukkan posisi mereka saat ini dalam konten.

Jika konten Anda menyertakan poin tambahan di bawah setiap sub-judul, ToC akan menjadi lebih panjang. Plugin TOC yang telah diperbaiki telah memberikan solusi unik untuk masalah ini. Pengunjung dapat mengaktifkan sub-judul untuk melihat atau menyembunyikan poin tambahan.

Anda dapat menyesuaikan warna ToC dari bagian penyesuai langsung. Daftar isi yang sepenuhnya responsif juga berfungsi dengan baik di perangkat seluler dan tablet.

ToC Khas yang Dibuat Dengan 'TOC Tetap' Sepertinya…

Hal Yang Perlu Diketahui Sebelum Memilih Plugin Ini

• Anda dapat menampilkan ToC tetap dan mengambang dengan menggunakan plugin ini.
• Ini adalah plugin premium yang berharga $20.

6 . Daftar Isi Heroik

Dibuat oleh tim di HeroThemes, ini adalah salah satu plugin ToC terbaik untuk editor blok. Heroic Table of Contents secara otomatis membuat daftar isi dengan mendeteksi heading dari sebuah postingan/postingan. Anda harus menambahkan blok 'Heroic Table of Contents' di mana Anda ingin menambahkan ToC.

Plugin ini hadir dengan empat gaya dan opsi bawaan untuk menyesuaikan tampilan daftar isi. Anda dapat menyembunyikan judul tertentu dan mengubah teks judul tanpa mengubah konten aslinya. Anda juga dapat menambahkan opsi perluas dan ciutkan.

ToC Khas yang Dibuat Dengan Daftar Isi Heroik Terlihat Seperti:

Hal Yang Perlu Diketahui Sebelum Memilih Plugin

• Plugin ini hanya berfungsi dengan editor Blok.
• Ini adalah plugin yang sepenuhnya gratis.

7. SimpleTOC

Seperti namanya, ini adalah plugin yang sangat sederhana dan mudah digunakan. Setelah menginstal plugin, Anda tidak perlu mengonfigurasi pengaturan apa pun. Buka editor, cari blok 'SimpleTOC', dan tambahkan ke postingan/halaman Anda. Ini akan secara otomatis menambahkan daftar isi.

Plugin ini kompatibel dengan AMP dan mewarisi gaya tema Anda. Anda dapat mengubah kedalaman maksimum judul dan memilih daftar berurutan atau tidak berurutan.

ToC Khas yang Dibuat Dengan SimpleTOC Terlihat Seperti:

Hal Yang Perlu Diketahui Sebelum Memilih Plugin:

• Plugin ini dibuat hanya untuk Gutenberg.
• Ini adalah plugin yang sepenuhnya gratis.

8. Daftar Isi yang Kaya

Daftar Isi Kaya hadir dengan beberapa opsi desain tingkat lanjut. Anda dapat menyesuaikan desain daftar H2 dan H3. Anda juga dapat menambahkan bingkai dan animasi ke daftar isi Anda. Ini memiliki enam preset desain.

Dan saat menyesuaikan warna, ini memungkinkan Anda mengubah warna judul, teks, latar belakang, batas, judul, dan tombol kembali ke. Ini juga memiliki beberapa pengaturan lanjutan.

ToC Khas yang Dibuat Dengan Daftar Isi Kaya Terlihat Seperti:

Hal Yang Perlu Diketahui Sebelum Memilih Plugin

• Plugin ini secara otomatis menghasilkan ToC untuk semua posting Anda.
• Ini adalah plugin gratis.

9. Daftar Isi CM

CM Table of Contents adalah plugin Table of Contents yang paling up-to-date di direktori WordPress. Ini dibuat oleh tim di CreativeMinds.

Plugin ini hadir dengan opsi khusus untuk memastikan bahwa daftar isi hanya ditampilkan pada satu posting dan halaman. Dimungkinkan juga untuk memberikan judul khusus untuk ToC. Anda akan menemukan semua opsi admin di halaman CM Table of Contents > Settings.

Dan plugin tidak menghasilkan ToC secara otomatis. Untuk mengaktifkan ToC, Anda harus mencentang kotak di akhir konten.

Ada bidang khusus untuk mengelola enam tingkat ToC. Untuk setiap level, Anda dapat menentukan tag heading yang relevan, menetapkan ID atau kelas khusus, dan memilih ukuran font.

Jika Anda menginginkan opsi lanjutan seperti pembuatan ToC otomatis, memasukkan ToC ke lokasi khusus, menutup ToC saat halaman dimuat, dan beberapa halaman ToC, Anda harus membeli plugin versi premium.

ToC Khas yang Dibuat Dengan 'Daftar Isi CM' Sepertinya…

Hal Yang Perlu Diketahui Sebelum Memilih Plugin Ini

• Ini hanya memiliki 800+ instalasi aktif, tetapi mendapat pembaruan rutin.
• Ini memiliki versi gratis dan premium. Paket premium mulai dari $29 untuk 2 situs web.

10. Multihalaman

Seperti namanya, itu membuat daftar isi untuk beberapa halaman. Plugin ini memungkinkan Anda untuk membagi posting menjadi beberapa subhalaman. Dan Anda dapat menampilkan daftar isi di pertama atau setiap subhalaman.

Daftar isi akan mengarahkan pengguna ke subhalaman. Dan itu akan dihitung sebagai tampilan halaman.

Plugin ini juga memungkinkan Anda untuk menyesuaikan tampilan jika Anda memiliki pengetahuan CSS. Anda dapat membuat file multipate.css baru dan meletakkannya di folder tema /css/.

ToC Khas yang Dibuat Dengan 'Multipage' Sepertinya…

Hal Yang Perlu Diketahui Sebelum Memilih Plugin Ini

• Hanya gunakan plugin ini jika Anda akan membuat subhalaman dari posting/halaman blog Anda.
• Ini adalah plugin gratis yang tersedia di repositori WordPress.

11. Daftar Isi Element

Elementor, pembuat halaman terbaik untuk WordPress, baru-baru ini menambahkan widget 'Daftar Isi' untuk pengguna pro. Ini memungkinkan Anda menambahkan daftar isi dinamis ke halaman yang dibuat dengan Elementor. Ini akan memberi pembaca Anda keterbacaan yang lebih baik.

Anda dapat menyesuaikan ToC agar sesuai dengan desain situs web Anda. Dan daftar isi sepenuhnya responsif agar sesuai dengan semua dimensi layar.

ToC Khas yang Dibuat Dengan Elementor Terlihat Seperti:

Hal Yang Perlu Diketahui Sebelum Memilih Plugin:

• Anda harus menginstal Elementor Pro untuk menggunakan daftar isi.
• Seluruh posting/halaman Anda perlu dibangun dengan Elementor untuk menggunakannya.

12. Daftar Isi oleh Thrive Architect

Thrive Architect bukan hanya pembuat Daftar Isi, ini adalah pembuat halaman lengkap dengan banyak fitur.

Ini menawarkan elemen pembuat ToC otomatis . Setelah Anda memasukkan elemen ke dalam konten, itu akan secara otomatis membuat ToC. Anda dapat menarik dan melepas elemen ke mana saja dalam konten.

Selanjutnya, pilih tag heading mana (h1-h6) yang ingin Anda sertakan dalam tabel. Setelah Anda melakukannya dan mengklik perbarui, ToC akan dibuat secara otomatis untuk Anda. Sesederhana itu.

Ada banyak opsi admin untuk membantu Anda mengontrol daftar isi. Pertama-tama, Anda dapat memberikan nama khusus untuk bagian tersebut. Opsi Max-width dan Min-width memungkinkan Anda mengatur lebar. Dimungkinkan juga untuk memilih perataan teks. Opsi perataan yang tersedia termasuk kiri, kanan, rata, dan tengah.

Pengaturan default akan membuat ToC dalam dua kolom. Anda dapat mengubah ini untuk membuat satu, dua, atau tiga kolom daftar isi. Ada opsi terpisah untuk menggunakan margin dan bantalan khusus untuk bagian ini. Anda juga dapat memilih warna latar belakang, batas, dan latar belakang header.

ToC Khas yang Dibuat Dengan 'Thrive Architect' Sepertinya….

Thrive Architect menawarkan cara paling dinamis untuk menambahkan daftar isi. Ini menawarkan opsi penyesuaian lengkap. Begini tampilan ToC yang khas.

Hal Yang Perlu Diketahui Sebelum Memilih Plugin Ini

• Ini adalah plugin pembuat halaman premium dengan biaya $67 untuk satu situs.
• Anda harus membuat konten Anda dengan 'Thrive Architect' untuk menggunakan opsi daftar isi ini. Maksud saya, Anda tidak dapat menggunakannya di editor WordPress.

Jadi ini adalah plugin ToC terbaik yang dapat Anda gunakan untuk menambahkan Daftar Isi pada posting atau halaman blog Anda.

Sekarang saya ingin menunjukkan cara manual juga.

Cara Menambahkan Daftar Isi Secara Manual Di WordPress

Ya, Anda dapat menambahkan daftar isi di WordPress tanpa menggunakan plugin. Dan WordPress membuatnya sangat mudah di Gutenberg Editor.

Mari kita lihat bagaimana Anda dapat menambahkan ToC di Gutenberg.

Pada awalnya, sorot header dan klik "Advanced" dari sisi kanan. Kemudian Anda perlu memasukkan nama jangkar di kotak “HTML Anchor”.

Sekarang kembali ke tempat Anda ingin menautkannya. Cukup pilih teks itu dan tautkan dengan # sebelum nama jangkar (ikuti tangkapan layar).

Itu dia. Kamu selesai.

Untuk mempelajari lebih banyak cara Menambahkan Daftar Isi atau Tautan Jangkar di WordPress, ikuti panduan besar ini oleh Kinsta.

Kata-kata Terakhir

Nah, itulah beberapa cara yang bisa Anda gunakan untuk menambahkan daftar isi ke situs WordPress Anda.

Saya pribadi lebih suka pendekatan manual daripada menggunakan plugin. Namun terkadang, kita membutuhkan plugin untuk memiliki fungsi lain seperti mengaktifkan/menonaktifkan, daftar isi mengambang, dll.

Jika Anda menggunakan editor Gutenberg, saya sarankan Anda menggunakan Ultimate Blocks. Ini adalah plugin yang harus dimiliki untuk pengguna Gutenberg.

Apakah Anda menggunakan plugin pembuat ToC saat ini? Jika ya, beri tahu saya yang mana yang Anda gunakan di komentar di bawah.