Cara Membuat Daftar Isi untuk Postingan

 

Kali ini saya akan berbagi tutorial Cara membuat daftar Isi di blog WordPress secara otomatis mudah, ikut langkah-langkanya. Dan bonus menambahkan daftar isi di blogger (blogspot).

Penting bagi Anda untuk menambahkan Daftar isi pada postingan Anda kalau isi artikel Anda panjang.

sekarang banyak Situs Web menggunakan Daftar isi, karna menambahkan Daftar isi termasuk dukungan SEO . Suatu contoh siapa yang tidak kenal dengan pemilik website Wikipedia , artikel mereka begitu panjang dan bagus, maka dari itu Wikipedia membuat Daftar isi untuk memudahkan para pengunjungnya menelusuri artikel yang di cari oleh pengguna, berikut contoh daftar isi yang digunakan Wikipedia .

Daftar isi Wikipedia

Mengapa Membuat Daftar Isi Di Postingan WordPress

Membuat daftar isi juga penting, karna mempermudah pengguna mencari topik yang ingin di baca dengan melompat ke artikel Lain. Ini juga membantu sekali dengan SEO WordPress , karna google Secara otomatis menambahkan lompatan ke bagian Link di dalam postingan Anda.

Baca juga: panduan SEO wordpress untuk mendapatkan peringkat tinggi .

Apabila Anda ingin menambahkan Daftar isi secara manual Lebih sulit, karna menulis dengan kode HTML. Membuat Daftar, menambahkan tautan, dan menambahkan atribut ID di semua artikel Anda.

Cara yang Saya sampaikan ini akan Lebih mudah untuk digunakan. Langsung saja ikuti langkahnya step by step.

Membuat Daftar Isi Di wordpres menggunakan plugin

Langkah 1 : Anda Install dan aktifkan plugin EASY Table of content. dengan cara masuk ke dashboard wordpress.com.

Setelah itu klik bagian plugin disebelah kiri dasboard dan tambahkan baru.

Unduh plugin table of content

Lalu ketik di bagian pencarian plugin dengan mengetik EASY Table of content.

Kemudian Klik install dan kemudian Klik Aktifkan.

Baca juga: cara install plugin wordpress

Setelah aktif, Anda kunjungi halaman pengaturan di dasboard WordPress klik pengaturan > Daftar isi. Dari sini Anda dapat mengaturnya seperti memilih posisi menempatkan daftar isi, memilih label dll.

Di sini anda juga bisa mengaktifkan atau menonaktifkan setelan otomatis Daftar isi di setiap postingan Anda. Dan Anda juga bisa menambahkan Setiap artikel Lebih dari 4 judul di dalam postingan.

Langkah Selanjutnya anda bisa gulir ke bawah untuk melihat pengaturan Lainnya untuk mengubah Tampilan kotak Daftar isi. Di sini Anda bisa mengatur ukuran teks, dapat memilih Tema, dapat menyesuaikan Lebar dan tinggi, atau membuat skema Warna untuk Daftar isi di kotak Daftar isi postingan Anda.

 

Setelah itu Anda scrol lagi ke bawah untuk pengaturan Lainnya. Di sini Opsi default Akan berfungsi di sebagian besar Situs Anda, Anda bisa tinjau sendiri Opsi mana yang ingin Anda Sesuaikan.

 

kemudian klik tombol Simpan perubahan Setelah Anda melakukan pengaturan.

Berikutnya Menambahkan Daftar Isi Postingan atau Halaman WordPress.

Apabila Anda menonaktifkan pengaturan otomatis, dan secara otomatis plugin menambahkan Daftar isi Ke postingan berdasarkan pengaturan yang Anda lakukan Sebelumnya. Dan Anda juga bisa melakukan pengaturan tentang Daftar isi di setiap postingan Anda.

 

Langkah selanjutnya di bagian edit posting, Anda juga bisa mengatur , mengelola atau menambahkan Daftar isi untuk postingan Anda.

Pada bagian inilah Anda dapat menonaktifkan Opsi penyisipan otomatis untuk Daftar isi Anda. Dan Anda juga bisa Menentukan heading mana yang Akan Anda gunakan.

Note : Apabila Anda merubah sebagian pengaturan di dalamnya, dan Secara otomatis perubahan di setiap postingan Anda akan berubah mengikuti Apa yang Anda rubah tadi.

Penempatan Daftar isi juga bisa Anda rubah dibagian Atas postingan, di tengah postingan, atau di bawah postingan Anda, itu tergantung Sesuai keinginan Anda.

Setelah Anda menulis artikel dengan banyak tajuk, Anda dapat dengan mudah mempratinjaunya untuk melihat Daftar Isi yang sudah Anda buat.

Plugin Easy Table of content ini banyak digunakan oleh Orang-orang karna Sangat membantu sekali dan banyak Fitur yang tersedia Di dalamnya.

Berikut kelebihan menggunakan plugin Easy Table of content.

  1. Secara otomatis menghasilkan Daftar isi untuk postingan Anda.
  2. Mendukung <!–nexypage–>Tag.
  3. Mendukung plugin Rank Math
  4. Dapat bekerja dengan Editor klasik , Gutenberg , Divi , Elementor , WP bakery page builder dan Editor halaman Visual Composer .
  5. Secar opsional dapat menyisipkan Daftar isi ke halaman.
  6. Menyediakan banyak opsi yang mudah dimengerti, untuk mengkonfigurasi kapan dan dimana waktunya memasukkan daftar Isi.
  7. Banyak pilihan yang tersedia untuk mengkonfigurasi bagaimana daftar isi yang dimasukkan muncul dan mencakup beberapa tema bawaan.
  8. Pilih untuk menampilkan daftar isi Secara hierarkis.
  9. Pengguna secara opsional dapat menyembunyikan Daftar isi
  10. Mendukung pengguliran Yang Lancar.
  11. Mengaktifkan atau menonaktifkan Daftar isi Secara selektif, berdasarkan postingan demi posting.
  12. Mudah mengecualikan Tajuk secara global dan berdasarkan pos melalui pos.
  13. jika Anda tidak suka dengan daftar isi ke dalam konten postingan, Anda dapat menggunakan Widget.yang di sediakan dan menempatkan daftar isi Di sidebar Tema Anda.
  14. Widget otomatis menyorot bagian-bagian yang saat ini terlihat di halaman, dan warna, Warna high light.
  15. Ramah Bagi pengembang dengan banyak kiat tindakan dan filter yang tersedia. Lebih banyak dapat ditambahkan dengan permintaan di GITHUB .

membuat daftar isi di dalam postingan Blog Blogspot

Masih merujuk pada pengertian daftar isi postingan diatas, ini adalah link yang mengarah ke bagian-bagian tertentu. Dalam hal ini, poin penting yang harus anda ketahui adalah bagaimana cara membuat sebuah link yang mengarah ke bagian tertentu. Adapun secara garis besar, proses pembuatan link ini adalah sebagai berikut:

  1. Langkah 1:
    Berikan ID unik pada tag pembungkus untuk elemen yang hendak disertakan pada daftar isi.
  2. Langkah 2:
    Buat link dengan URL tujuan yang mengandung Anchor dengan nama ID elemen yang telah didefinisikan pada langkah 1.

Untuk lebih mudahnya, disini saya misalkan format postingan yang akan dibuat adalah sebagai berikut:

cara membuat daftar isi postingan blog


Pada contoh diatas, link pada daftar isi diarahkan pada setiap elemen heading h2.

Langkah 1: memberikan ID unik pada elemen

Pada antarmuka pembuatan postingan, beralih ke mode HTML dan berikan ID unik pada elemen yang hendak dijadikan target link daftar isi (dalam contoh ini adalah setiap elemen heading h2). Berikut adalah contoh tag HTML sebelum dan setelah diberikan atribut ID.

Tag H2 tanpa ID
<h2>Text</h2>

proses pembuatan daftar isi di dalam artikel blog

Tag H2 dengan ID
<h2 id='daftarisi-1'>Text</h2>


Hal penting yang harus anda ketahui adalah ID harus bersifat unik. Dengan kata lain, setiap ID harus berbeda dengan ID lainnya (dalam satu halaman). Anda bisa membuat ID untuk kebutuhan daftar isi ini dengan format yang konsisten, seperti misalnya daftar isi-1daftar isi-2, dan seterusnya.

Pemberian ID tidak hanya terbatas pada elemen h2 saja, anda bisa memberikan ID pada semua elemen HTML, baik itu divimg, dan lain sebagainya.

Langkah 2: Membuat link yang mengarah pada elemen dengan ID tertentu

Selanjutnya, setelah setiap elemen yang dikehendaki telah memiliki ID, buat link dengan URL tujuan yang mengarah pada elemen tersebut. Adapun pembuatan link jenis ini dilakukan dengan cara mengisi URL tujuan dengan anchor berupa ID elemen yang dikehendaki.

Link dengan anchor
<a href='#daftarisi-1'>Text</a>

Lebih jauh tentang URL dan bagian-bagian URL bisa anda baca pada halaman: Pengertian dan bagian-bagian URL.

3. Pemasangan daftar isi pada postingan

Sampai paragraf ini, anda telah mengetahui bagaimana cara membuat link yang mengarah ke bagian tertentu. Selanjutnya, anda tinggal meletakkan daftar link yang anda buat dibagian atas postingan (atau dimanapun sesuai keinginan). Agar tampilan link adalah berupa daftar, Anda bisa mendefinisikan daftar isi ini dengan menggunakan elemen ol atau ul.

HTML daftar isi
<ol>
   <li><a href='#daftarisi-1'>Text</a></li>
   <li><a href='#daftarisi-2'>Text</a></li>
   <li><a href='#daftarisi-3'>Text</a></li>
</ol>

Pada antarmuka pembuatan postingan, beralih ke mode HTML. Letakkan kode yang telah diformat seperti diatas pada bagian manapun yang anda kehendaki, dalam hal ini, saya meletakkan daftar isi ini dibagian paling atas postingan. Tampilan daftar isi dengan HTML diatas akan mengikuti style CSS pada tema anda.

Ini tadi Adalah Cara Membuat Daftar isi di postingan blog Anda. Semoga tutorial ini bermanfaat buat semuanya.

Baca juga: cara membuat postingan baru di wordpress

 

 

Tinggalkan Balasan