Cara membuat daftar isi di WordPress tanpa plugin

Cara membuat daftar isi di WordPress tanpa plugin – Membuat daftar isi secara manual di halaman post WordPress ternyata tidaklah sulit.

Hanya membutuhkan sedikit pengetahuan dasar kode html dan kesebaran, karena membuat daftar isi secara tanpa plugin memang harus menambahkan satu persatu link ke setiap header dan memasukkannya ke teks daftar isi. Contohnya seperti ini:

  1. Kelebihan membuat daftar isi di artikel secara manual
  2. Membuat daftar isi manual di tampilan WordPress classic Editor
  3. Membuat daftar isi manual menggunakan Extensi Chrome
  4. Membuat daftar isi di tampilan Gutenberg
  5. Manfaat memasukan daftar isi ke dalam postingan blog

Sebelum ke tutorial, sebaiknya kita mengetahui apa kelebihan membuat daftar ini di artikel blog tanpa plugin berikut ini:

4 Kelebihan membuat daftar isi di artikel secara manual (tanpa plugin)

“Menurut saya” ada 4 kelebihan jika membuat daftar isi manual, yaitu:

  1. Halaman post terlihat lebih rapi. Sebenarnya ini masalah selera, menurut saya sendiri halaman post yang menggunakan daftar isi secara manual terlihat lebih rapi dibandingkan menggunakan daftar isi otomatis.
  1. Bisa diatur sesuai kebutuhan. Contohnya: membuat kalimat daftar isi yang berbeda dengan header, memilih judul mana saja yang ingin kita jadikan daftar isi dan lain sebagainya.
  1. dapat diletakkan di beberapa lokasi yang berbeda. Tidak harus satu lokasi, kita bisa meletakkan daftar isi di lokasi yang berbeda. Di atas artikel , di tengah atau dibawah. Bahkan kita juga dapat membuat daftar isi di tengah-tengah kalimat.
  1. Tidak menambah beban server. Semua pengguna WordPress pasti tau, semakin banyak plugin maka semakin besar ukuran file website kita, Hal ini tentunya akan mempengaruhi kinerja server.
Artikel Terbaru  Cara membuat menu kategori di Wordpress (+video)

Langkah membuat daftar isi di blog WordPres tanpa plugin

Berikut ini beberapa cara membuat cara membuat daftar isi atau link “Anchor link” di post tanpa menggunakan plugin:

Membuat daftar isi manual di tampilan WordPress classic Editor

WordPress sekarang sudah memiliki tampilan terbaru (gntenburg) akan tetapi masih banyak yang menggunakan tampilan lama. “Mungkin belum terbiasa saja” karena menurut saya malah lebih mudah.

Akan tetapi, untuk yang masih menggunakan WordPress classic editor bisa membuat anchor link secara manual dengan cara cara berikut ini:

cara membuat daftar isi manual tanpa plugin di wordpress

Atau bisa copas contoh di bawah ini langsung ke halaman bolog mode text:

<a href="#Cara-membuat-daftar-isi-manual">Cara membuat daftar isi manual</a>

<h2 id="Cara-membuat-daftar-isi-manual">Cara membuat daftar isi manual di wordpress</h2>

Membuat daftar isi menggunakan Ekstensi Chrome

Ada cara yang lebih praktis lagi yaitu dengan menggunakan ekstensi Anchor Links Chrome extension.

Pertama, install ekstensi Google Chrome kemudian baru bisa digunakan. Caranya:

  1. Block heading » kik link yang berada di pojok kanan atas » OK
Cara Membuat Daftar Isi Dengan Google Chrome Extension
  1. Block teks daftar isi » masukkan link dengan cara klik kanan pada kolm dan paste (CTRL+V) » apply.
Membuat Daftar Isi Dengan Google Chrome

Menggunakan Anchor Links Chrome menurut saya cara paling mudah dalam membuat daftar isi secara manual.

Karena link heading yang kita buat secara otomatis akan membentuk permalink yang tidak terpisah dan tanda tagar (#) teks daftar isi juga akan muncul secara otomatis saat link di paste.

Sayangnya ekstensi Anchor Links Chrome hanya dapat digunakan untuk tampilan WordPress classic.

Lalu bagaimana untuk pengguna WordPress tampilan Gutenberg?

Membuat daftar isi di tampilan Gutenberg

Bagi pengguna tampilan terbaru WordPress (Gutenberg), membuat daftar isi secara manual sangatlah mudah. Karena WordPress tampilan Gutenberg memiliki fitur posting yang sangat lengkap

Cukup memanfaatkan fitur HTML anchor yang berada di menu Advanced. Caranya:

  1. Copy heading di HTML anchor yang berada di bagian Advanced. Secara otomatis akan menambahkan tanda strip (-).
Artikel Terbaru  Mengatasi pesan Contact Form tidak terkirim ke email
cara membuat daftar isi di wordpress
  1. Selanjutnya, copy url yang berada di HTML anchor untuk mengisi hyperlink di text daftar isi. Tambahkan tanda #sebelum link kemudian klik tanda Enter
cara membuat daftar isi langsung mengarah ke poin

Setelah selesai, hasilnya akan seperti daftar isi di bawah ini:

Kelebihan menggunakan daftar isi manual

Manfaat memasukan daftar isi ke dalam postingan blog

Baik menggunakan plugin atau tidak, daftar isi di halaman sebaiknya harus ada, khususnya pada halaman yang memiliki konten sangat panjang.

Karena daftar isi di dalam artikel memiliki banyak manfaat, khususnya untuk memudahkan pembaca blog agar dapat menemukan tiap poin artikel degan sangat mudah.

Apa sih manfaat lain membuat daftar isi di artikel blog?

Selain untuk memudahkan pengunjung agar dapat dengan mudah menemukan point di artikel. Membuat daftar isi di postingan blog dapat meningkatkan SEO halaman yang kita tulis.

Google akan menampilkan rich snippest berupa jump to link di halaman pencarian Google.

manfaat membuat daftar isi di artikel wordpress

Menambahkan daftar isi di artikel juga akan membuat artikel lebih lengkap. Banyak Blogger setuju kalau konten artikel lengkap akan disukai semua mesin pencari, terutama Google.

Penulis eldya.com

Leave a Comment