Cara Menambahkan Pengguliran Halus ke WordPress (MUDAH)

Diterbitkan: 2022-09-26

Menambahkan pengguliran halus ke situs web WordPress Anda dapat sangat meningkatkan pengalaman pengguna, sehingga memudahkan pengunjung untuk bernavigasi di sekitar situs Anda. Ada beberapa cara berbeda untuk menambahkan pengguliran halus ke WordPress, tetapi sebaiknya gunakan plugin seperti Gulir Halus olehinstance.com. Plugin ini mudah digunakan dan memberikan pengalaman pengguna yang luar biasa. Setelah Anda menginstal dan mengaktifkan plugin, Anda perlu mengunjungi halaman Pengaturan » Gulir Halus untuk mengonfigurasi pengaturan plugin. Pada halaman pengaturan plugin, Anda harus memilih jenis animasi gulir yang ingin Anda gunakan. Ada empat jenis animasi yang dapat dipilih: Ease In Out Quad Ease In Cubic Ease Out Cubic Ease In Out Cubic Anda juga dapat memilih kecepatan gulir, yang merupakan jumlah piksel yang digulir per detik. Kecepatan gulir default adalah 400 piksel per detik. Setelah Anda mengonfigurasi pengaturan plugin, Anda dapat mengujinya dengan mengunjungi situs web Anda. Anda akan melihat animasi bergulir halus beraksi.

Ketika pengunjung menggulir dengan lancar, dia mengacu pada fitur gulir yang mulus. Aplikasi utama, seperti Google Chrome, telah menambahkan fitur ini untuk meningkatkan kelancaran pengguliran alami . Ketika pengguna mengklik tombol Page Down, mereka tidak akan langsung dibawa ke halaman lain. Plugin MouseWheel Smooth Scroll adalah plugin gratis yang dapat diunduh dari toko plugin resmi. Ini akan membantu Anda menambahkan pengguliran yang mulus ke situs WordPress Anda jika tema Anda tidak mendukungnya saat itu. Plugin ini menerima peringkat bintang 4,5 dan telah menginstal lebih dari 10.000 pemasangan aktif sejak dirilis pada tahun 2008.

Plugin Jquery Smooth Scroll WordPress

Kredit: weblees.com

Ada beberapa plugin WordPress gulir halus jQuery yang tersedia yang dapat membuat navigasi situs web Anda jauh lebih ramah pengguna. Plugin ini memungkinkan efek pengguliran yang mulus ketika pengguna mengklik tautan yang membawa mereka ke bagian halaman yang berbeda. Ini dapat mempermudah pengunjung untuk menemukan apa yang mereka cari di situs Anda, dan juga dapat membantu meningkatkan kegunaan situs Anda secara keseluruhan.

Gulir Halus WordPress Ke Jangkar

Kredit: Stack Overflow

Saat Anda menggunakan WordPress untuk situs web Anda, Anda memiliki opsi untuk menambahkan fitur scroll to anchor yang mulus. Fitur ini memungkinkan Anda untuk menggulir dengan lancar ke bagian tertentu pada halaman. Ini bisa berguna jika Anda memiliki halaman yang panjang dengan banyak bagian.

Tautan jangkar adalah tautan yang Anda klik, dan tautan itu akan bergulir ke jangkar di suatu tempat di bawah halaman lain tempat Anda berada. Anda bisa mendapatkan salah satu dari tato ini setelah tutorial ini; kami akan menunjukkan cara menggulir ke id Anda di halaman plugin WordPress. Bahwa para wanita dapat berkomunikasi dengan Anda dari lokasi mana pun. Berikut ini adalah cara menautkan ke tautan jangkar dari situs web lain. URL untuk posting Anda akan dimulai dengan #nama-jangkar-Anda (dengan asumsi bahwa Anda telah membuat jangkar, seperti yang kami lakukan di atas). Jika Anda ingin mudah, kami memerlukan beberapa javascript atau plugin. Ini akan ditunjukkan dalam plugin yang ditunjukkan di bawah ini.

Bagaimana jika Anda menginginkan gulir halaman WordPress yang mulus saat Anda mengklik tautan jangkar? Untuk melakukannya, Anda harus terlebih dahulu mengembangkan skrip Javascript. Metode paling sederhana adalah menginstal plugin “page scroll to id.” Anda dapat mengubah pengaturan pada plugin ini tergantung pada tampilan yang Anda inginkan. Harap sertakan tautan jangkar dengan plugin. Id harus #, misalnya, #anchor-link-info. Selain itu, plugin harus menyertakan kelas khusus bernama p2id yang memerintahkannya untuk menggulir. Sebuah halaman dapat memiliki beberapa jangkar, tetapi ingatlah untuk menyertakan ID unik dan tautan ke setiap jangkar. Selanjutnya, tautan ada di bagian atas halaman, membuat pengguliran ke bagian mana pun dari halaman menjadi sederhana.

Gulir Plugin WordPress

Ada beberapa plugin gulir berbeda yang tersedia untuk WordPress. Salah satu yang paling populer adalah plugin Scroll To Top. Plugin ini memungkinkan Anda untuk menambahkan tombol ke situs Anda yang memungkinkan pengguna untuk menggulir kembali ke bagian atas halaman. Ini dapat membantu jika Anda memiliki banyak konten di situs Anda atau jika Anda memiliki halaman panjang yang perlu digulir oleh pengguna.

Pengguliran yang dipercepat akan terjadi dalam proses transisi halaman, menghasilkan transisi yang lebih mulus. Perilaku Gulir dapat diubah menggunakan opsi seperti yang ditunjukkan pada gambar di bawah. Metode ScrollStorageBox dapat digunakan untuk menampilkan isi gulir halaman yang terletak di wadah gulir utama jendela. Jika situs Anda berisi wadah gulir lain seperti div yang meluap, plugin akan dengan senang hati mengembalikan posisi gulirnya jika Anda memberi tahu. Selanjutnya, plugin menambahkan dua acara baru ke swup: scrollStart dan scrollDone, keduanya tersedia melalui metode on.

Gulir Halus Elemen

Gulir halus elemen adalah fitur luar biasa yang memungkinkan Anda menggulir dengan mulus ke bagian mana pun di halaman. Fitur ini sangat berguna ketika Anda ingin dengan cepat membuka bagian tertentu pada halaman yang panjang. Cukup klik pada ikon gulir halus elemen dan Anda akan dengan lancar menggulir ke bagian itu.

Elemen yang menggulir dengan lancar tidak tersedia. Halaman yang Anda coba lihat tidak terlihat oleh saya. Pastikan Anda telah mengaktifkan fitur "Stop other scripts from handling plugin links". Jika Anda dapat mengirimkan saya URL situs web/halaman Anda, saya hampir pasti dapat membantu. Skrip ini dalam tema Anda juga digunakan untuk menggulir halaman. Tema WordPress nt-honshi/js/script.js Karena keduanya mencoba melakukan hal yang sama, skrip dan gulir halaman ini ke id mungkin berbenturan. Bagaimana cara menonaktifkan pengguliran halus di tema Anda? Saya tidak melihat cara apa pun untuk menonaktifkan opsi gulir halus di dalam tema.

Gulir ke Isi Hati Anda: Cara Mendapatkan Gulir Halus Pada Jangkar Anda

Anda dapat mencapai gulir yang mulus dengan mengikuti beberapa langkah sederhana. Cara terbaik untuk menggambarkannya adalah dengan menggunakan roda gulir untuk membandingkan gulir gulir mouse biasa dengan gulir gulir roda gulir. Jika Anda menekan roda gulir mouse saat memanipulasi mouse Anda, Anda akan melihat bahwa gulir Anda sangat halus. Untuk mencapai efek pengguliran yang mulus untuk tautan jangkar, blokir T178 dari kategori Lainnya dan kemudian tambahkan pengubah gulir di bagian bawah halaman. Jika Anda mengklik tautan jangkar sekarang, transisi akan lancar.