Loncat ke Konten Utama

Cara menambahkan daftar isi di WordPress dengan Elementor

Divi: tema WordPress termudah untuk digunakan

Buat situs web Anda dengan Elementor dengan mudah

Elementor memungkinkan Anda untuk dengan mudah membuat desain situs web apa pun dengan tampilan profesional. Berhentilah membayar mahal untuk apa yang dapat Anda lakukan sendiri. [Gratis]

Jika Anda memposting konten yang panjang, menambahkan daftar isi membantu mesin pencari dan pengunjung manusia menavigasi dan memahami konten Anda.

Dengan widget Widget Daftar Isi untuk WordPress, Anda dapat dengan mudah menambahkan daftar isi ke situs web Anda yang secara otomatis menghasilkan kontennya berdasarkan hierarki tag judul di konten Anda.

Sebagai contoh:

Bagaimana menambahkan isi tabel wordpress elementor tag blogpascher

Jika Anda menggunakan widget ini dengan pembuat tema visual Elementor Pro, Anda dapat secara otomatis menambahkan daftar isi ke semua konten Anda tanpa mengangkat satu jari pun. Ketika pengunjung mengklik link di daftar isi, itu bertindak sebagai jangkar dan mengarahkan mereka ke bagian halaman tersebut.

Dalam posting ini, kami akan menunjukkan kepada Anda bagaimana cara mengkonfigurasi widget Widget Daftar Isi untuk WordPress dengan Elementor Theme Builder.

Tapi sebelumnya, mari kita temukan bersama Bagaimana menginstal sebuah blog WordPress langkah 7 et Bagaimana menemukan, menginstal dan mengaktifkan tema WordPress di blog Anda.

Lalu, kembali ke alasan kita ada di sini.

Bagaimana cara menambahkan daftar isi dengan Elementor

Pertama-tama, kami harus mencatat bahwa Anda juga dapat menggunakan widget ini dengan cara dasar. Namun, dalam tutorial ini, kami berfokus untuk menambahkan TOC secara otomatis ke semua (atau beberapa) konten Anda menggunakan Elementor Theme Builder dan templat posting tunggal.

Inilah cara melakukannya.

Divi: Tema WordPress terbaik sepanjang masa!

lebih 901.000 unduhan, Divi adalah tema WordPress paling populer di dunia. Sudah lengkap, mudah digunakan dan dilengkapi dengan lebih dari 62 template gratis. [Direkomendasikan]

1. Buat atau modifikasi template posting tunggal

Untuk memulai, gunakan Pembuat Tema Elementor untuk membuat templat postingan unik baru atau edit salah satu templat postingan unik yang ada di mana Anda ingin menambahkan daftar isi.

Anda dapat menerapkan template Anda ke semua jenis posting (blog, halaman, jenis posting kustom), tetapi kami akan fokus pada posting blog.

2. Tambahkan widget Daftar Isi

Setelah Anda membuka template posting unik Anda, tambahkan widget Daftar Isi tempat Anda ingin daftar isi Anda muncul. Itu terletak di kategori Unik, dengan widget untuk judul posting dan konten posting:

Cara menambahkan isi tabel wordpress elementor blogpascher 1

Setelah Anda menambahkan widget, Anda akan secara otomatis melihat daftar semua judul yang ada di posting.

Sekarang saatnya mengkonfigurasi pengaturan widget ini.

3. Konfigurasi tabel widget

Pastikan untuk membuka pengaturan untuk widget Table Of Content. Kemudian gunakan tab kadar untuk mengonfigurasi konten yang muncul di daftar isi Anda.

Pertama, tambahkan judul - misalnya, "Daftar Isi". Ini adalah teks statis yang muncul di atas daftar tautan tautan yang dibuat widget secara otomatis.

Kemudian pilih konten untuk disertakan. Di tab Sertakan, Anda bisa masuk:

  • Tag HTML. Misalnya, Anda bisa memasukkan dan, tapi tidak kurang dari itu. Anda perlu menentukan tag judul Anda di editor WordPress.
  • Wadah. Anda juga dapat menambahkan tautan jangkar ke wadah lain di luar konten posting Anda. Misalnya, jari kaki Anda. Ini adalah fitur lanjutan.

Cara menambahkan isi tabel wordpress elementor blogpascher 2

Apakah Anda mencari tema dan plugin WordPress terbaik?

Unduh plugin terbaik dan tema WordPress di Envato dan buat situs web Anda dengan mudah. Sudah lebih dari 49.720.000 unduhan. [EKSKLUSIF]

Jika Anda mengakses tab Mengecualikan, Anda dapat mengecualikan header tertentu dari postingan Anda menggunakan pemilih CSS. Misalnya, jika Anda ingin mengecualikan satu judul , Anda dapat menambahkan kelas CSS khusus " mengabaikan Ke tajuk itu menggunakan editor WordPress, lalu kecualikan menggunakan aturan  Jangkar oleh Selector :

Cara menambahkan isi tabel wordpress elementor blogpascher 3

Kemudian Anda dapat menggunakan parameter Tampilan Penanda untuk memilih antara angka dan poin dalam daftar daftar isi Anda. Jika Anda memilih " peluru ", Anda dapat memilih dari ikon Font Awesome mana saja.

Terakhir, Anda dapat menggunakan bagian tersebut Opsi tambahan untuk mengontrol parameter lain:

kata Wrap - apakah elemen dapat mengambil beberapa baris atau tidak.

Minimalkan Kotak - apakah pengunjung dapat menutup daftar isi atau tidak. Jika Anda mengaktifkan opsi ini, Anda juga akan dapat memilih ikon khusus dan menentukan perilaku responsif. Misalnya, Anda dapat menciutkan daftar isi ini secara otomatis untuk pengunjung seluler.

Tampilan Hirarkis - jika diaktifkan, subpos akan diindentasi di bawah judul induk. Jika dinonaktifkan, semuanya ditampilkan dalam satu daftar tanpa indentasi.

Cara menambahkan isi tabel wordpress elementor blogpascher 4

4. Konfigurasi pengaturan gaya

Selanjutnya, buka tab Gaya untuk mengonfigurasi desain daftar isi Anda. Anda dapat mengubah semua warna dan tipografi untuk menciptakan pengalaman yang ramah pengguna dan menyesuaikan dengan desain situs web Anda lainnya:

Cara menambahkan isi tabel wordpress elementor blogpascher 5

5. Konfigurasi pengaturan lanjutan

Untuk menyelesaikan semuanya, buka tab Mahir untuk mengkonfigurasi beberapa pengaturan lagi tentang cara kerja daftar isi Anda.

Misalnya, jika Anda mengatur Lebar  sama dengan Kustom et Posisi sama dengan Tetap di bagian positioning, Anda dapat memastikan bahwa daftar isi tetap pada posisi yang sama bahkan ketika pengguna mulai menggulir halaman.

Buat Toko Online Anda dengan mudah

Unduh WooCommerce gratis, plugin e-commerce terbaik untuk menjual produk fisik dan digital Anda di WordPress. [Rekomendasi]

Jika Anda menggunakan positioning untuk menampilkan daftar isi Anda di atas elemen lain (seperti tajuk Anda), Anda juga dapat meningkatkan indeks Z agar muncul di atas:

Cara menambahkan isi tabel wordpress elementor blogpascher 6

Dan itu saja! Anda baru saja mempelajari cara menambahkan daftar isi ke konten Anda secara otomatis menggunakan widget Elementor Visual Theme Builder dan Daftar Isi.

Untuk memulai, beli Elementor Pro hari ini dan buat daftar isi Anda di Pembuat Tema Elementor.

Artikel ini berisi komentar 0

Tinggalkan komentar

Alamat email Anda tidak akan dipublikasikan. Bidang yang harus diisi ditandai *

Situs ini menggunakan Akismet untuk mengurangi yang tidak diinginkan. Pelajari lebih lanjut tentang bagaimana data komentar Anda digunakan.

Kembali ke atas
0 saham
saham
menciak
Register