Waryanto Technical Content Writer, Menyukai dunia Technical IT, Digital Marketing & Travel Blogging. Suka berbagi hal baru yang bermanfaat bagi orang lain.

Cara Membuat Daftar Isi Blog Dengan Mudah & Otomatis

1 min read

cara membuat daftar isi blog

Daftar isi dalam artikel blog akan memudahkan pembaca dalam mengakses sub-judul tertentu. Hal ini sangat berguna, terutama untuk artikel yang cukup panjang. Sebagai bayangan, Anda dapat menjumpai daftar isi pada artikel di Wikipedia. Lihat contohnya di bawah ini, lebih memudahkan Anda dalam membaca informasi yang Anda inginkan, bukan? Dalam tutorial ini kami akan membahas cara membuat daftar isi blog di setiap konten dengan berbekal plugin WordPress.

cara membuat daftar isi blog
Contoh daftar isi artikel WikiPedia

Apa yang Anda Perlukan?

Sebelum memulai langkah pada tutorial ini, Anda memerlukan:

  • Akses ke dashboard WordPress

Berikut cara membuat daftar isi blog dengan plugin …

Langkah 1: Instal Plugin

Ada beragam pilihan plugin guna membuat daftar isi blog, salah satunya adalah Table of Contents Plus. Silakan instal dan aktifkan plugin tersebut terlebih dahulu sebelum memulai. Jika belum mengetahui caranya, silakan ikuti tutorial cara instal plugin.

Langkah 2: Lakukan Pengaturan

Setelah plugin aktif, selanjutnya Anda perlu melakukan pengaturan serta menentukan letak dimana daftar isi ingin Anda tampilkan.

1. Pilih menu Settings > TOC+

plugin daftar isi

2. Pada tab Main Options silakan lakukan pengaturan sesuai keinginan Anda. Selengkapnya dapat Anda lihat pada gambar di bawah ini.

daftar isi wordpress

  • Position – berfungsi menentukan posisi dari daftar isi dari artikel.
  • Show when – daftar isi ditampilkan dengan jumlah minimal sub-judul (angka tersebut bergantung pada sub-judul artikel Anda).
  • Silakan centang bagian post dan page jika ingin menampilkan daftar isi pada konten tersebut.

pengaturan file

  • Heading text – berfungsi untuk membuat nama dari daftar isi.
  • Show hierarchy – berfungsi untuk menampilkan hierarki pada daftar isi.
  • Number list items – berfungsi untuk memberikan nomor pada daftar isi.
  • Silakan centang bagian Enable smooth scroll effect jika ingin berhenti pada bagian sub-judul ketika daftar isi diklik.

tampilan daftar isi

Tampilan dapat Anda ubah pada bagian Appearance. Secara spesifik ada beberapa pengaturan lain, misalnya:

  • Width – berfungsi untuk mengatur lebar dari daftar isi.
  • Wrapping – berfungsi untuk mengatur posisi.
  • Font size – berfungsi untuk mengatur ukuran huruf.
  • Presentation – berfungsi untuk mengatur tampilan.

Berikut ini adalah tampilan dari daftar isi artikel blog dengan menggunakan plugin Table of Contents Plus.

tampilan daftar isi blog

Tambahan

Jika Anda tidak ingin daftar isi tampil pada konten tertentu, silakan tambahkan shortcode [no_toc]. Cara ini dapat memakan banyak waktu, terutama jika konten yang Anda miliki cukup banyak.

Sebagai solusi, Anda dapat menambahkan shortcode 

 secara manual pada konten yang ingin Anda tambahkan daftar isi. Syaratnya, jangan centang bagian Auto insert for the following content types.

Selain itu, daftar isi juga dapat Anda tambahkan pada bagian widget. Silakan pilih menu Appearance > Widgets kemudian pilih widget TOC+. Anda juga dapat menonaktifkan daftar isi pada konten dengan mencentang Show the table of contents only in the sidebar, sehingga daftar isi hanya akan muncul pada sidebar saja.

widget


Kami harap tutorial cara membuat daftar isi blog pada konten ini dapat membantu Anda dalam menambahkan fitur menarik yang dapat memudahkan pengunjung. Jika Anda memiliki cara lain, jangan ragu untuk membagikannya melalui kolom komentar. Silakan Klik Subscribe pada kolom yang tersedia untuk mendapatkan artikel terbaru langsung di inbox email Anda! 🙂

0
Waryanto Technical Content Writer, Menyukai dunia Technical IT, Digital Marketing & Travel Blogging. Suka berbagi hal baru yang bermanfaat bagi orang lain.

3 Replies to “Cara Membuat Daftar Isi Blog Dengan Mudah & Otomatis”

Leave a Reply

Your email address will not be published. Required fields are marked *

12 + three =