Aura Nisrina Hesanty I am currently working as a SEO content writer at Niagahoster. When I am not writing, you will find me buried in pile of fiction books, killing my time on movies, or zeroing on console games.

Cara Membuat Daftar Isi Blog [Paling Mudah!]

2 min read

blogger Indonesia

Daftar isi adalah elemen yang tak boleh Anda lewatkan ketika membuat website. Apalagi, kalau konten website Anda cukup panjang dan butuh waktu lama untuk dibaca.

Mengapa? Karena daftar isi akan membantu visitor langsung membuka bagian artikel yang berisi jawaban yang mereka cari. Daftar isi sedikit banyak juga membantu mengurangi bounce rate website, lho.

Nah, kalau Anda belum tahu cara membuat daftar isi blog di halaman blog, Anda sudah berada di artikel yang tepat kok. Kali ini, kami akan membagikan dua cara membuat daftar isi blog keren yang bisa Anda praktikkan. 

Apa saja itu? Daripada penasaran, yuk langsung simak tutorial selengkapnya!

Cara Membuat Daftar Isi di Blog

Ada dua cara membuat daftar isi WordPress, yaitu menggunakan block editor Gutenberg dan plugin WordPress. Nah, berikut adalah penjelasan keduanya:

1. Cara Membuat Daftar Isi WordPress Secara Manual

  • Masuk ke dashboard WordPress dengan mengisi username dan password WordPress Anda. 
  • Akses post yang ingin diberi daftar isi.
  • Tambahkan block Heading untuk setiap bagian yang ingin disertakan dalam daftar isi.
Tambahkan block Heading untuk bagian yang ingin disertakan dalam membuat daftar isi blog
  • Jika sudah, buka menu Advanced di Global Style dan tuliskan HTML anchor untuk heading tersebut. Ulangi langkah ini untuk semua heading di post Anda.
cara membuat daftar isi blog di halaman blog yang kedua adalah tuliskan HTML anchor untuk setiap block heading
  • Tambahkan block List dan masukkan semua judul heading secara berurutan.
  • Untuk membedakan H2 dan H3, Anda bisa menggunakan fitur Indent pada judul H3 seperti pada gambar di bawah ini.
Fitur indent untuk membedakan H2 dan H3 dalam membuat daftar isi blog keren
Hasil penggunaan fitur indent
  • Block salah satu judul heading yang ada di List. Kemudian, klik icon Link atau gunakan shortcut Ctrl+K. 
  • Ketik tanda hashtag dan paste HTML anchor yang sudah Anda tulis di menu Advanced sesuai dengan judul heading, lalu tekan Enter
  • Ulangi dua langkah sebelumnya pada semua heading dalam daftar isi supaya masing-masing memiliki link internal.
Tambahkan tanda hashtag dan paste HTML anchor

Selamat! Anda sudah berhasil membuat blog Anda jadi lebih menarik dengan adanya daftar isi. Panduan di atas bisa dikatakan mudah, tapi ada cara lain yang tak kalah praktis. Yaitu, membuat daftar isi blog otomatis dengan plugin.

Ingin tahu cara membuat daftar isi otomatis di blog? Langsung saja, simak langkah-langkahnya di bawah ini!

Baca Juga: Cara Membuat Menu di WordPress

2. Cara Membuat Daftar Isi Otomatis di Blog dengan Plugin

Menggunakan plugin adalah opsi cara membuat daftar isi WordPress yang berikutnya. 

Untuk contoh kali ini, kami akan membagikan cara membuat daftar isi otomatis di blog menggunakan plugin Easy Table of Contents:

  • Buka menu Plugins > Add New di dashboard WordPress.
Langkah pertama dalam cara membuat daftar isi otomatis di blog menggunakan plugin adalah klik Add New di dashboard WordPress
  • Di halaman Add Plugins, carilah plugin Easy Tabel of Contents di kolom pencarian.
search plugin Easy Tabel of Contents di kolom pencarian
  • Klik tombol Install Now dan silakan tunggu proses instalasi plugin selesai.
Klik tombol Install Now
  • Setelah plugin untuk membuat daftar isi blog terinstall, aktifkan plugin tersebut dengan klik Activate.
Setelah plugin untuk membuat daftar isi blog terinstall, klik Activate
  • Di dashboard WordPress, buka menu Settings >  Table of Contents.
Buka Table of Contents di menu Settings
  • Di bagian General > Auto Insert, pilih jenis postingan yang akan diberi daftar isi secara otomatis. Di bagian yang sama, Anda juga bisa mengatur posisi daftar isi sampai jumlah heading yang akan ditampilkan.
Atur daftar isi blog di bagian General
  • Selanjutnya, scroll ke bawah pada bagian sesuaikan bagian Appearance. Di sini, Anda bisa mengubah font size, warna, sampai lebar daftar isi.
Atur tampilan daftar isi blog di bagian Appearance
  • Beralihlah ke bagian Advanced untuk mengatur heading mana saja yang akan ditampilkan di daftar isi. 
Atur heading mana yang akan ditampilkan di bagian Advanced
  • Jika sudah selesai melakukan seluruh konfigurasi, klik tombol Save Changes.

Sampai sini, Anda sudah berhasil menyelesaikan langkah-langkah membuat daftar isi blog keren dengan menggunakan plugin. Plugin WordPress ini akan membuat daftar isi secara otomatis setelah post dipublikasikan. Praktis sekali, ‘kan?

Baca Juga: Cara Membuat Menu Dropdown CSS

Yuk Tambahkan Daftar Isi pada Blog WordPress Anda!

Di artikel ini, Anda sudah mempelajari dua cara membuat daftar isi WordPress. Metode mana yang ingin Anda praktikkan? 

Apapun metodenya, sesuaikan saja dengan kebutuhan Anda. Kalau ingin cara yang lebih praktis, maka cara membuat daftar isi otomatis di blog dengan plugin bisa jadi pilihan yang tepat. 

Caranya, ikuti saja langkah-langkah ini untuk membuat daftar isi blog keren berikut: 

  • Login ke dashboard WordPress untuk meng-install plugin WordPress Easy Table of Content. 
  • Klik tombol Activate untuk mengaktivasi plugin.
  • Selanjutnya, Anda bisa mengatur tampilan daftar isi sesuai keinginan di Settings > Table of Contents. 
  • Dengan plugin ini, daftar isi akan ditampilkan secara otomatis setelah post dipublish. 

Bagi pengguna WordPress di layanan Niagahoster, Anda juga bisa menginstall dan mengelola plugin dengan mudah melalui Member Area.

Kelola plugin di Member Area Niagahoster

Tak hanya kemudahan mengelola plugin, fitur-fitur lain juga tak kalah menarik lho…

Seperti Auto Update WordPress untuk memperbarui plugin, tema, dan versi WordPress secara otomatis, WordPress Management yang memudahkan Anda mengelola WordPress, sampai WordPress Accelerator yang membuat akses website jadi lebih gesit. 

Jadi tunggu apa lagi, yuk langganan WordPress Hosting sekarang!

Aura Nisrina Hesanty I am currently working as a SEO content writer at Niagahoster. When I am not writing, you will find me buried in pile of fiction books, killing my time on movies, or zeroing on console games.

4 Replies to “Cara Membuat Daftar Isi Blog [Paling Mudah!]”

  1. Kalau di wordpress gampang ya, tinggal install pluginnya. Nah kalau untuk platform blogspot ada tidak mas tutorialnya?
    Terima kasih.

  2. Mantap mas, semakin mudah lagi sudah diuraikan oleh mas. terima kasih

Leave a Reply

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