Popular Posts

Tuesday, July 30, 2019

Cara Membuat Daftar Isi Blog

Cara Membuat Daftar Isi Blog WordPress Mudah & Otomatis

Cara Membuat Daftar Isi Blog WordPress Mudah & Otomatis

Kami berusaha menyediakan website yang berguna untuk pengetahuan para pembaca, panduan singkat dan sederhana ini semoga menjadi jalan bagi kalian yang mengalami kesulitan dalam membuat blog di dunia maya, kami mengambil sumber dari blog Panduan Blog Online.com seandainya kalian berkenan langsung mengunjungi website tersebut, selamat menikmati!

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

Cara membuat daftar isi blog WordPress 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+

cara membuat daftar isi blog

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

cara membuat daftar isi blog

  • 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.

cara membuat daftar isi blog

  • 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.

cara membuat daftar isi blog

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.

cara membuat 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 [toc] secara manual pada konten yang ingin Anda tambahkan daftar isi. Syaratnya, jangan centang bagian Auto insert for the following content types.

Cara Membuat Menu Dropdown CSS Mudah

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.

cara membuat daftar isi blog


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.

Baca juga artikel menarik lainnya:

Silakan Klik Subscribe pada kolom yang tersedia untuk mendapatkan artikel terbaru langsung di inbox email Anda! 🙂

Source:niagahoster.com

No comments:

Post a Comment

Cara Mengatasi Error Are You Sure You Want To Do This Di Wordpress

Cara Mengatasi Error "Are You Sure You Want To Do This" di WordPress Cara Mengatasi Error “Are You Sure You Want To Do This” di Wo...