Perlu membuat atau menambahkan daftar isi di Elementor ?

Saat menulis artikel yang panjang, seperti daftar alat atau tempat, Anda dapat menambahkan daftar isi. Di WordPress, ada banyak plugin yang dapat Anda gunakan untuk buat daftar isi pada artikel Anda.

Tetapi dengan Elementor, Anda tidak perlu menginstal plugin daftar isi jika ingin menambahkan daftar isi. Elementor memiliki widget default yang memungkinkan Anda menambahkan daftar isi pada artikel panjang Anda. Kami akan membahasnya di sini.

Daftar Isi adalah widget baru baru-baru ini diperkenalkan oleh Elementor. Dengan widget ini, Anda dapat menyediakan navigasi halaman tambahan untuk artikel panjang Anda, memungkinkan Anda pengunjung dengan mudah melompat di antara bagian artikel Anda.

Widget Daftar Isi Elementor memungkinkan Anda memilih tag header yang tepat untuk ditampilkan di daftar isi Anda. Anda juga dapat menggunakan tajuk dari wadah tertentu di halaman.

Catatan: Daftar Isi adalah widget pro. Anda harus menginstal Elementor versi pro untuk menggunakannya.

Cara menggunakan widget Daftar Isi di Elementor

Ada dua cara ideal untuk menggunakan widget Daftar Isi di Elementor. Pertama-tama, Anda dapat menggunakannya di halaman dan posting (halaman dan posting dibuat seluruhnya dengan Elementor). Atau, Anda dapat membuat widget Daftar Isi pada template posting unik Anda. situs web WordPress.

Baca juga: Cara membuat formulir unggah file di Elementor

Tentu saja, templat posting unik harus dilakukan dengan Elementor. Dengan menerapkan widget Daftar Isi pada template posting tunggal, daftar isi akan dibuat secara otomatis pada posting Anda selama posting tersebut berisi tag header berdasarkan tingkat header yang Anda tetapkan pada widget Daftar Isi.

Tambahkan widget Daftar Isi ke satu templat posting

Pada artikel ini, kami akan menunjukkan cara menambahkan widget Daftar Isi ke template posting tunggal. Anda dapat membuat template single post baru atau mengedit template yang sudah ada. Kami akan membuat template posting tunggal baru dalam contoh ini.

Untuk memulai, masuk ke dasbor WordPress Anda dan navigasikan ke Template -> Pembuat Tema. Di halaman Pembuat Tema, navigasikan ke Tab tunggal dan klik tombol TAMBAHKAN TUNGGAL untuk membuat templat.

Di bagian Pilih jenis model, memilih Pos tunggal. Beri nama model Anda dan klik tombolnya BUAT MODEL.

Kami akan membuat template posting tunggal dari awal; tutup perpustakaan template.

Lihat juga: Bagaimana cara menambahkan reCAPTCHA ke formulir Elementor Anda

Tambahkan bagian baru dengan mengklik tombol plus di kotak edit Elementor dan pilih struktur tiga kolom.

Atur lebar kolom dengan perbandingan sekitar 28% : 61% : 10%.

Bagaimana cara menambahkan daftar isi di Elementor

Tambahkan elemen umum seperti judul posting, info posting, dan konten posting ke kolom kedua dan sesuaikan. Setelah selesai, tambahkan widget Table Of Contents ke kolom pertama.

Tentukan judul daftar isi Anda di bagian Judul dan atur level header yang ingin Anda sertakan di bagian Jangkar Dengan Tag.

Jika Anda memiliki pengetahuan tentang CSS, Anda dapat mengecualikan pemilih CSS untuk mencegahnya muncul di daftar konten.

Baca juga: Bagaimana cara menambahkan pembagi untuk membuat bagian di Elementor

Di bagian Tampilan Penanda, Anda dapat mengatur penanda untuk item konten (butir atau angka). Jika Anda memilih poin, Anda dapat mengatur ikon dari pustaka ikon.

terbuka Tambahan Opsi untuk menampilkan opsi pengaturan lain dan memilih pengaturan yang diinginkan.

Bagaimana cara menambahkan daftar isi di Elementor

Sekarang pergi ke tab Gaya untuk menyesuaikan Daftar Isi Anda. Anda dapat mengatur warna latar belakang, warna batas, lebar batas dan radius batas di bagian Kotak

Sedangkan untuk mengatur warna header, tipografi header dan teks header, Anda bisa menuju ke bagian Header.

Di bagian Daftar, Anda dapat mengatur warna teks elemen aktif, warna teks elemen saat Anda mengarahkan mouse ke atasnya, dan warna teks elemen dalam mode normal. Anda juga dapat mengatur warna penanda serta tipografi elemen konten di sini.

Lihat juga: Cara menginstal Elementor di WordPress

Untuk membuat Daftar Isi Anda lebih bermanfaat, Anda dapat membuatnya terlihat saat Anda pengunjung gulir mouse ke bawah. Untuk melakukan ini, buka tab maju dan akses opsi Efek gerakan. Menetapkan yang lengket di atas dan atur offset menjadi sekitar 80. Jika mau, Anda juga dapat mengatur animasi input di bagian Animasi pintu masuk.

Anda dapat bermain-main dengan panel kiri sampai Anda puas dengan daftar isi Anda. Setelah selesai, klik tombol MENERBITKAN dan mengatur kondisi tampilan.

Berikut adalah contoh daftar isi yang kami buat.

Bagaimana cara menambahkan daftar isi di Elementor

Jika Anda mengatur kondisi tampilan dari template posting tunggal yang Anda buat di atas menjadi Semua Tunggal, Anda akan secara otomatis memiliki daftar isi setiap kali Anda menulis artikel panjang yang berisi tag header sesuai dengan level header yang Anda tentukan.

Pada akhirnya

Menambahkan daftar isi ke artikel panjang memberikan provides pengalaman pengguna terbaik untuk Anda pengunjung. Mereka dapat dengan mudah berpindah dari satu bagian artikel Anda ke bagian lain dengan mengklik item di daftar isi. Dengan widget baru Elementor, Anda tidak perlu menginstal plugin tambahan untuk menambahkan daftar isi artikel.

Anda dapat menggunakan widget Daftar Isi saat membuat halaman atau posting dengan Elementor. Atau, Anda juga dapat menambahkan widget Daftar Isi pada template posting tunggal Anda situs web WordPress sehingga setiap kali Anda menulis posting panjang dengan tag header, daftar isi dibuat secara otomatis.

Dapatkan Elementor Pro Sekarang!

Kesimpulan

Disini adalah ! Itu saja untuk artikel ini yang menunjukkan cara menambahkan daftar isi di Elementor. Jika Anda memiliki kekhawatiran tentang cara menuju ke sana fberi tahu kami di komentar.

Namun, Anda juga bisa berkonsultasi sumber daya kita, jika Anda memerlukan lebih banyak elemen untuk melaksanakan proyek pembuatan situs Internet Anda, dengan membaca panduan kami di Pembuatan blog WordPress atau yang di Divi: tema WordPress terbaik sepanjang masa.

Namun sementara itu, bagikan artikel ini di berbagai jejaring sosial Anda.

...

Pin It pada Pinterest