Cara Menambahkan Bilah Kemajuan Membaca di Posting WordPress

Published
On 04/01/2023
By gusviradigital

Pernahkah Anda memperhatikan bagaimana beberapa situs populer menampilkan indikator bilah kemajuan membaca di bagian atas artikel mereka?

 

Bilah kecil ini menunjukkan kepada pengguna berapa banyak lagi artikel yang tersisa untuk digulir dan mendorong mereka untuk terus membaca. Ini dapat membantu menjaga pengunjung di situs web Anda membaca konten Anda dan meningkatkan pengalaman pengguna secara keseluruhan.

 

Pada artikel ini, kami akan menunjukkan kepada Anda cara menambahkan bilah kemajuan membaca di posting WordPress.

 

Pengguna hanya menghabiskan beberapa detik di halaman web sebelum memutuskan apakah akan tetap tinggal atau pergi. Membuat pengguna tetap terlibat menjadi sedikit lebih menantang jika Anda menerbitkan artikel bentuk panjang, karena mereka mengharuskan pengguna untuk menggulir ke bawah.

 

Beberapa pemilik situs menambahkan posting terkait sebaris , sementara yang lain menggunakan video atau galeri gambar untuk membuat pengguna tetap berada di halaman.

 

Bilah kemajuan membaca menambahkan sedikit peningkatan antarmuka pengguna yang mendorong pengguna untuk menggulir ke bawah. Ini juga memotivasi pengguna untuk menyelesaikan artikel yang mereka baca.

 

Banyak situs web populer suka menggunakan indikator kemajuan membaca untuk melibatkan pembaca mereka. Namun, Anda juga perlu memastikan bahwa indikator kemajuan membaca tidak kentara dan tidak mengalihkan perhatian dari konten itu sendiri.

 

Karena itu, mari kita lihat bagaimana Anda dapat dengan mudah menambahkan indikator kemajuan membaca untuk posting WordPress Anda.

 

Setelah aktivasi, Anda perlu mengunjungi halaman Worth The Read Reading »Progress dari panel admin WordPress dan pergi ke tab ‘Functionality’ untuk mengatur indikator progress bar Anda.

 

Selanjutnya, Anda dapat memilih apakah akan menampilkan bilah kemajuan di postingan, halaman, dan beranda Anda. Ada juga opsi untuk menampilkan bilah baca pada jenis kiriman khusus.

 

Jika Anda menggulir ke bawah, Anda akan menemukan lebih banyak opsi penyesuaian.

 

Anda dapat menyertakan komentar di total panjang bilah kemajuan dengan mengaktifkan opsi ‘Sertakan Komentar’. Jika Anda menyertakan komentar, maka Anda juga dapat memilih warna latar belakang yang berbeda untuk area kemajuan komentar.

 

Plugin ini juga memungkinkan Anda memilih penempatan bilah kemajuan membaca. Opsi default ada di atas yang digunakan oleh sebagian besar situs. Anda dapat mengubahnya untuk menampilkan bilah kemajuan di kanan, kiri, atau bawah halaman.

 

Selain itu, ada lebih banyak opsi untuk menyesuaikan bilah kemajuan membaca.

 

Misalnya, Anda dapat memindahkan bilah dari kanan ke kiri, menggunakan opacity tetap, mengaktifkan bilah kemajuan untuk perangkat sentuh seperti ponsel dan tablet, mengaktifkan mode debug, dan banyak lagi.

 

Setelah selesai, jangan lupa untuk mengklik tombol ‘Simpan Perubahan’.

 

Selanjutnya, buka tab ‘Gaya’ di bawah Kemajuan Membaca untuk mengedit tampilan bilah kemajuan membaca.

 

Plugin ini memungkinkan Anda untuk memilih ketebalan bilah kemajuan dan memilih warna latar depan dan latar belakang agar sesuai dengan tema WordPress Anda .

 

Warna latar belakang digunakan untuk mengisi bilah kemajuan yang kosong dan warna latar depan akan digunakan untuk menunjukkan kemajuan saat pengguna menggulir ke bawah.

 

Bahkan memungkinkan Anda untuk menggunakan latar belakang transparan untuk bilah kemajuan. Mencentang opsi ini akan mengesampingkan opsi warna latar belakang dan hanya warna latar depan yang akan ditampilkan saat pengguna menggulir artikel ke bawah.

 

Setelah mengedit gaya, jangan lupa untuk menyimpan perubahan untuk menyimpan pengaturan Anda.

 

Anda sekarang dapat mengunjungi posting blog atau halaman arahan apa pun di situs web Anda untuk melihat bilah kemajuan beraksi.

sumber

gusviradigital

gusviradigital

CV. Gusvira Digital Persada merupakan salah satu penyedia jasa layanan digital di Indonesia, dengan menawarkan berbagai kebutuhan untuk pemasaran produk

Related

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *

logo-whatsappHubungi Kami
1
error: