Cara Membuat Table of Contents di Sidebar (Single Post)

Bagikan:

Halo teman blogger, pada kesempatan ini saya ingin bagikan pengalaman saya tentang cara membuat Table of Contents di Sidebar atau di Single Post sidebar WordPress. Seperti apa gambarannya? kita lihat contoh daftar isi single post sidebar ini.

Beberapa waktu yang lalu saya sudah membuat artikel tentang Cara Membuat Table of Contents WordPress Tanpa Plugin, di artikel tersebut saya telah menjelaskan secara detail membuat daftar isi di WordPress baik menggunakan Plugin atau tanpa menggunakan plugin.

Nah, kesempatan ini kita membuat hal yang sama namun dengan cara dan gaya yang berbeda.

Bagaimana cara membuatnya? yuk kita simak artikel ini.

Q. Apa itu Table of Contents pada Blog?

Menurut definisi saya, Table of Contents atau daftar isi adalah rangkaian atau kumpulan point-point penting dalam suatu artikel.

ToC ini sangat bermanfaat bagi pembaca atau pengunjung suatu artikel. Karena dapat memilih atau memahami secara keseluruan isi dari artikel yang dibacanya.

Q. Mengapa Penting Table of Contents atau daftar isi bagi SEO?

Menurut dari beberapa dari sumber informasi, Apabila ToC atau daftar isi ini dibuat, maka tentu pengunjung akan lebih memahami isi artikel Anda. Mereka akan memilih list daftar ini yang akan mereka baca.

Dan tentu hal ini website Anda akan menambah nilai plus di mata Google. Serp Google akan lebih mempercayai konten Anda karena mendapat nilai positif oleh pembaca.

Dan juga dengan adanya Table of Contents ini, akan meningkatkan RKT dari penelusuran.

Q. Apakah Wajib Menggunakan Daftar Isi pada Website

Ini adalah pilihan, tidak diwajibkan. Bagi teman-teman yang mempunyai situs blog tutorial, saya rasa wajib pakai ToC agar pembaca lebih mudah membaca artikel Anda dan lebih senang.

Bagaimana Cara Membuat Table of Contents di Sidebar?

membuat daftar isi di wordpress

Sebelumnya saya sudah jelaskan cara membuat daftar isi di WordPress, Klik DI SINI.

Dan artikel ini saya mencoba membuat daftar isi yang mana list-nya ada di bagian sidebar. Dan ketika kita scroll ke bawah maka fixed atau tetap berada di posisinya meskipun kita scroll terus ke bawah.

Untuk cara membuat seperti ini saya menggunakan bantuan plugin.

Langsung saja kita praktikkan

  • Pertama, silahkan download plugin yang bernama Easy Table of Contents
  • Setelah itu pastikan pada halaman single post itu menggunakan sidebar.
  • Metode ini bisa dipraktekkan di semua tema WordPress. (tutorial ini saya pakai GeneratePress Premium).
  • Pergi ke Settings – Table of Contents, Aktifkan Post pada ‘Enable Support’.
  • Kemudian, pergi ke dashboardAppearance Widgets.
  • Jika Anda hanya mengaktifkan sidebar kanan, maka pilih right sidebar tekan tanda tanda plus.
  • Lalu, perhatikan gambar di bawah, ketik Table of Contents dan drag ke bagian sidebar.
membuat table of contents di sidebar
membuat daftar isi di wordpress
  • Dan jangan lupa tambahkan lagi widget html.
  • Drag ke sidebar yang sama
  • Copy kode CSS di bawah ini dan pastekan ke dalam widget html. Kode CSS ini bertujuan agar list daftar isi sticky atau tetap, tidak tenggelam ke atas (mengikuti layar) saat kita scroll ke bawah.
membuat daftar isi di wordpress
Contoh kode css untuk sticky ToC WordPress
  • Jangan lupa Save.
@media (min-width: 769px) {
    .site-content {
        display: flex;
    }
    .inside-left-sidebar {
        height: 100%;
    }
    .inside-left-sidebar aside:last-child {
        position: -webkit-sticky;
        position: sticky;
        top: 20px; /* Adjust to suit position */
    }
}

Sekarang Anda bisa membuat konten dan secara otomatis table of contents akan muncul di sidebar.

Jadi begitulah cara membuat table of contents di sidebar menggunakan plugin. Jangan lupa berikan komentar Anda, ya!

Tinggalkan komentar