Cara Menambahkan Gulir Tak Terbatas ke Situs WordPress Anda (Langkah demi Langkah)

Apakah Anda ingin menambahkan scroll tanpa batas ke blog WordPress Anda?

Scroll tak terbatas adalah teknik desain web yang secara otomatis memuat konten halaman Anda berikutnya ketika pengguna mencapai bagian bawah halaman. Ini memungkinkan pengguna untuk melihat lebih banyak konten di blog Anda tanpa mengklik pagination atau tombol 'Muat Lainnya'.

Pada artikel ini, kami akan menunjukkan kepada Anda cara menambahkan gulir tanpa batas di blog WordPress Anda (langkah demi langkah).

Apa itu Gulir Tak Terbatas?

Scroll tak terbatas adalah tren desain web yang menggunakan halaman AJAX alih-alih navigasi halaman numerik untuk secara otomatis memuat konten halaman Anda berikutnya dan menampilkannya di akhir halaman saat ini. Pengguliran tanpa batas memudahkan untuk menelusuri lebih banyak konten hanya dengan menggulir ke bawah. Ini memuat konten terus menerus dan tanpa batas saat pengguna terus menggulir.

Secara tradisional, pengguna harus mengklik tombol 'berikutnya', 'sebelumnya' atau nomor halaman untuk melihat artikel blog yang lebih lama.

Saat menggunakan AJAX kependekan dari Asynchronous Javascript dan XML, halaman web dapat berkomunikasi dengan server tanpa memuat ulang seluruh halaman. Ini memungkinkan aplikasi web untuk memproses permintaan pengguna dan mengirimkan data tanpa penyegaran.

Contoh terbaik dari desain gulir tak terbatas adalah situs media sosial populer seperti Facebook, Twitter, Instagram, Pinterest, dan lainnya. Jika Anda menggunakan salah satunya, maka Anda tahu bagaimana konten dimuat tanpa henti di timeline media sosial Anda.

Apakah Pengguliran Infinite Cocok untuk Setiap Situs Web?

Banyak situs web konten di internet menggunakan teknik gulir tak terbatas untuk meningkatkan pengalaman menjelajah dan meningkatkan keterlibatan. Ini mengarahkan banyak pemula untuk mengajukan pertanyaan seperti apakah itu cocok untuk setiap situs web, atau apakah itu baik untuk situs saya?

Pengguliran tak terbatas sangat bagus untuk situs yang menyajikan konten dalam timeline atau feed, seperti aplikasi media sosial. Ini menawarkan pengalaman menjelajah yang fantastis kepada pengguna yang mencari konten berbasis waktu.

Selanjutnya, desain gulir tanpa batas sangat cocok untuk perangkat seluler dan sentuh. Untuk pengguna seluler, menggulir lebih ramah pengguna daripada mengetuk tautan halaman kecil.

Interaksi Web Layar Sentuh

Keuntungan paling signifikan dari teknik gulir tak terbatas adalah pengalaman menjelajah yang lancar. Pengguna tidak perlu mengklik tautan pagination secara manual. Konten dimuat dengan cepat dengan menggulir dan membuat pengguna tetap terlibat.

Tetapi di sisi lain, ini juga dapat membuat navigasi situs Anda lebih sulit. Dengan pemuatan terus menerus, sulit untuk mengetahui di mana (di halaman mana) artikel blog berada. Beberapa pengguna bahkan merasa kewalahan melihat banyak artikel sekaligus.

Kerugian lain dari desain gulir tak terbatas adalah Anda tidak dapat memiliki catatan kaki. Bahkan jika Anda memilikinya, itu akan disembunyikan di bawah artikel yang tak ada habisnya terus memuat. Banyak situs menambahkan tautan penting pada catatan kaki, jadi tidak memilikinya dapat mengecewakan sebagian pengguna.

Mungkin masalah yang paling memprihatinkan dengan pengguliran tak terbatas adalah ia dapat memperlambat situs web Anda atau bahkan menghancurkan server. Ketika kami menambahkan gulir tak terbatas ke salah satu blog kami yang lebih kecil, kami mengalami kehancuran server setelah pengguna gulir yang tidak perlu menyebabkan kehabisan memori pada akun hosting WordPress kecil. Kami menyarankan Anda menggunakan hosting WordPress yang dikelola jika Anda ingin mencoba pengguliran tak terbatas.

Sekarang setelah Anda mengetahui pro dan kontra dari desain gulir yang tak terbatas, Anda dapat memutuskan apakah Anda perlu menambahkannya ke blog Anda atau tidak.

Jika Anda telah memutuskan untuk menambahkan scrolling tanpa batas ke blog WordPress Anda, maka Anda dapat melakukannya dengan mudah. Kami akan menunjukkan kepada Anda beberapa plugin yang dapat Anda gunakan, sehingga Anda dapat memilih salah satu yang paling sesuai dengan kebutuhan Anda.

Menambahkan Infinite Scroll ke Blog WordPress Anda dengan Catch Infinite Scroll

Hal pertama yang perlu Anda lakukan adalah menginstal dan mengaktifkan Tangkap Gulir Tak Terbatas plugin. Untuk detail lebih lanjut, lihat panduan langkah demi langkah tentang cara memasang plugin WordPress.

Setelah aktivasi, WordPress akan menambahkan item menu baru berlabel ‘Catch Infinite Scroll’ ke panel admin WordPress Anda. Anda perlu mengkliknya untuk mengonfigurasi pengaturan plugin.

Tangkap Pengaturan Gulir Tak Terbatas

Pertama, Anda dapat memilih opsi pemicu untuk memuat artikel. Plugin memungkinkan Anda memuat konten secara otomatis saat pengguna menggulir ke bawah halaman atau menambahkan tombol ‘Muat Lainnya’.

Muat di Gulir atau Klik - Tangkap Pengaturan Plugin Scroll Tak Terbatas

Anda harus memilih opsi ‘Gulir’ untuk memicu pengisian otomatis dengan menggulir. Atau, Anda dapat memilih opsi ‘Klik’ jika Anda ingin menambahkan tombol memuat lebih banyak.

Selanjutnya, Anda dapat melihat pemilih navigasi, pemilih berikutnya, pemilih konten, dan pemilih barang. Anda tidak perlu mengubah apa pun pada opsi ini karena opsi default berfungsi dengan cukup baik.

Setelah itu, ada opsi Gambar di mana Anda dapat menambahkan ikon pemuat konten. Secara default, ia memiliki gambar GIF loader. Jika Anda memiliki gambar yang lebih baik, maka Anda dapat mengubahnya.

Unggah Gambar Pemuatan Baru untuk WordPress Infinite Scroll

Opsi ‘Selesai Teks’ mencakup pesan yang akan ditampilkan setelah pengguna selesai melihat artikel Anda. Secara default, teks mengatakan 'Tidak ada lagi item untuk ditampilkan.' Anda dapat dengan mudah mengedit teks ini sesuai kebutuhan.

Pemuatan Artikel Selesai - Opsi Teks Selesai Tangkap Gulir Tak Terbatas

Setelah selesai, klik tombol Simpan Perubahan.

Itu dia! Scrolling tanpa batas sekarang aktif di blog Anda. Anda dapat mengunjungi blog Anda dan melihat tindakan bergulir yang tak terbatas.

Pratinjau Gulir Tak Terbatas WordPress

Plugin WordPress Alternatif untuk Menambahkan Gulir Tak Terbatas di WordPress

Catch Infinite Scroll berfungsi baik dengan sebagian besar tema WordPress; Namun, bisa gagal dengan beberapa tema. Dalam skenario seperti itu, Anda dapat menggunakan salah satu plugin WordPress gulir tak terbatas berikut.

1. Ajax Muat Lebih Banyak

Mirip dengan Catch Infinite Scroll, plugin Ajax Load More juga memungkinkan Anda menambahkan scroll tanpa akhir dan tombol Load More yang dapat diklik ke situs WordPress Anda.

Plugin ini menawarkan lebih banyak opsi penyesuaian, termasuk banyak gaya ikon pemuatan halaman, gaya tombol, dll. Untuk panduan terperinci, Anda dapat melihat tutorial kami tentang membuat tombol memuat lebih banyak posting di WordPress menggunakan plugin Ajax Load More.

Namun, plugin memiliki beberapa kurva belajar untuk pemula. Ini memiliki antarmuka canggih dengan banyak pilihan, termasuk templat pengulang, pembuat kode pendek, kueri WordPress, dan banyak lagi.

Ini akan memerlukan beberapa keterampilan pengkodean untuk menerapkan pengguliran tak terbatas dengan plugin ini.

2. YITH Infinite Scrolling

YITH Infinite Scrolling adalah alternatif sederhana untuk plugin Ajax Load More atau Catch Infinite Scroll.

Mirip dengan plugin Catch Infinite Scroll, ia memiliki opsi minimal untuk mengatur interaksi web berbasis gulir di situs Anda. Anda hanya perlu menginstal dan mengaktifkan plugin dan mengaktifkan gulir yang tak terbatas.

Pengaturan Plugin YITH Infinite Scrolling

Siapa pun, termasuk pemula, dapat dengan mudah mengatur pengguliran tak terbatas menggunakan plugin ini. Namun, itu tidak memiliki opsi tombol 'Muat Lainnya', yang termasuk dalam dua plugin lain yang disebutkan di atas.

Kami harap artikel ini membantu Anda mempelajari cara menambahkan desain gulir tanpa batas ke blog WordPress Anda. Anda mungkin juga ingin melihat panduan kami tentang cara menambahkan pelacakan kedalaman gulir di WordPress.

Jika Anda menyukai artikel ini, silakan berlangganan artikel kami YouTube Saluran untuk tutorial video WordPress. Anda juga dapat menemukan kami di Twitter dan Facebook.


Pos terkait

Back to top button