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

Apakah Anda ingin menambahkan gulir tak terbatas ke blog WordPress Anda?

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

Pada artikel ini, kami akan menunjukkan cara mudah menambahkan scroll tak terbatas di blog WordPress Anda (langkah demi langkah).

Apa itu perpindahan tak terbatas?

Gulir tak terbatas adalah tren desain web yang menggunakan pemuatan halaman AJAX alih-alih navigasi nomor halaman untuk memuat konten halaman berikutnya secara otomatis dan menampilkannya di bagian bawah halaman saat ini. Gulir tanpa batas memudahkan untuk menelusuri konten dengan menggulir ke bawah. Unggahan konten terus menerus dan tanpa akhir saat pengguna terus menggulir.

Secara tradisional, pengguna harus mengklik tombol nomor halaman berikutnya, sebelumnya atau sebelumnya untuk melihat posting blog lama.

Dengan menggunakan AJAX, yang merupakan singkatan dari Javascript dan XML asinkron, halaman web dapat berkomunikasi dengan server tanpa memuat ulang seluruh halaman. Ini memungkinkan aplikasi web untuk memproses permintaan pengguna dan menyediakan data tanpa memperbarui.

Contoh terbaik dari desain gulir tak terbatas adalah situs jejaring sosial populer seperti FacebookTwitterInstagram Pinterest, dan banyak lagi. Jika Anda menggunakan salah satu aplikasi tersebut, maka Anda tahu cara memuat konten tanpa akhir di linimasa media sosial Anda.

Apakah gulir tak terbatas benar untuk setiap halaman web?

Banyak situs konten di Internet menggunakan pengguliran tak terbatas untuk meningkatkan pengalaman menjelajah dan meningkatkan keterlibatan. Ini membuat banyak pemula bertanya-tanya seperti apakah itu tepat untuk setiap situs atau bagus untuk situs saya.

Gulir tak terbatas sangat bagus untuk situs dengan konten di timeline atau feed, seperti aplikasi media sosial. Ini memberikan pengalaman menjelajah yang luar biasa bagi pengguna yang mencari konten berbasis waktu.

Selanjutnya, desain gulir tak terbatas sempurna untuk perangkat seluler dan sentuh. Untuk pengguna seluler, menggulir lebih mudah digunakan daripada menulis di tautan halaman kecil.

Keuntungan paling signifikan dari teknik gulungan tak terbatas adalah pengalaman berlayar yang mulus. Pengguna tidak perlu mengklik link pagination secara manual. Konten dimuat dengan cepat dengan menggulir dan membuat pengguna tetap tertarik.

Namun di sisi lain, ini juga dapat mempersulit navigasi situs Anda. Dengan unggahan yang konstan, sulit untuk mengetahui di mana (di halaman apa) posting blog berada. Beberapa pengguna bahkan merasa kewalahan melihat banyak posting sekaligus.

Kerugian lain dari desain gulir tak terbatas adalah tidak dapat memiliki footer. Bahkan jika Anda memilikinya, itu akan disembunyikan di bawah item tak terbatas yang terus dimuat. Banyak situs web menambahkan tautan penting di footer, sehingga ketiadaan tautan tersebut dapat mengecewakan beberapa pengguna.

Mungkin masalah yang paling menyusahkan dengan gulir tak terbatas adalah dapat memperlambat situs Anda atau bahkan merusak server. Ketika kami menambahkan gulir tak terbatas ke salah satu blog kami yang lebih kecil, kami mengalami kerusakan server setelah pengguna menggulir yang tidak perlu, menyebabkan penipisan memori di akun hosting WordPress kecil. Kami merekomendasikan menggunakan hosting WordPress yang dikelola jika Anda ingin mencoba pengguliran tanpa batas.

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

Jika Anda telah memutuskan untuk menambahkan scroll tak terbatas ke blog WordPress Anda, Anda dapat melakukannya dengan mudah. Kami akan menunjukkan kepada Anda banyak plugin yang dapat Anda gunakan, sehingga Anda dapat memilih salah satu yang paling sesuai dengan kebutuhan Anda.

Video tutorial

Daftar ke WPBeginner

Jika Anda tidak menyukai video ini atau membutuhkan petunjuk lebih lanjut, baca terus.

Tambahkan Gulir Tak Terbatas ke Blog WordPress Anda dengan Tangkap Gulir Tak Terbatas

Hal pertama yang harus dilakukan adalah menginstal dan mengaktifkan plugin Catch Infinite Scroll. Untuk detail lebih lanjut, lihat panduan langkah demi langkah kami tentang cara menginstal plugin WordPress.

Setelah aktivasi, WordPress akan menambahkan item menu baru berlabel “Capture Infinite Scrolling” di panel admin WordPress-nya. Anda harus mengkliknya untuk mengonfigurasi pengaturan plugin.

Pertama, Anda dapat memilih opsi aktivasi untuk mengunggah item. Plugin ini memungkinkan Anda memuat konten secara otomatis saat pengguna menggulir halaman ke bawah atau menambahkan tombol “Muat Lebih Banyak”.

Anda harus memilih opsi “Gulir” untuk mengaktifkan pengguliran otomatis. Atau, Anda dapat memilih opsi “Klik” jika Anda ingin menambahkan tombol unduh tambahan.

Selanjutnya, Anda dapat melihat pemilih navigasi, pemilih berikutnya, pemilih konten, dan pemilih item. Anda tidak perlu mengubah apa pun dalam opsi ini karena opsi default bekerja dengan cukup baik.

Lalu ada opsi Gambar di mana Anda dapat menambahkan ikon pemuat konten. Secara default, Anda memiliki gambar GIF pemuat. Jika Anda memiliki gambar yang lebih baik, Anda dapat mengubahnya.

Opsi Teks Akhir teks, termasuk pesan yang akan ditampilkan setelah pengguna selesai melihat kirimannya. Secara default, teks mengatakan “Tidak ada lagi item untuk ditampilkan.” Anda dapat dengan mudah mengedit teks ini sesuai kebutuhan.

Setelah selesai, klik tombol Simpan Perubahan.

Itu adalah! Gulir tak terbatas sekarang aktif di blog Anda. Anda dapat mengunjungi blog Anda dan melihat aksi gulir tak terbatas.

Plugin WordPress alternatif untuk menambahkan gulir tak terbatas di WordPress

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

1. Muat lebih banyak Ajax

Seperti Catch Infinite Scroll, plugin Ajax Load More juga memungkinkan Anda untuk menambahkan scrolling tanpa akhir dan memuat lebih banyak tombol di situs WordPress Anda.

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

Namun, plugin memiliki kurva belajar yang pasti untuk pemula. Ini memiliki antarmuka canggih dengan banyak opsi, termasuk templat berulang, generator kode pendek, kueri WordPress, dan banyak lagi.

Beberapa keterampilan pengkodean akan diperlukan untuk menerapkan gulir tak terbatas dengan plugin ini.

2. Gulir Tak Terbatas YITH

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

Mirip dengan plugin Catch Infinite Scroll, Anda memiliki opsi minimal untuk menyiapkan interaksi web berbasis scroll di situs web Anda. Anda hanya perlu menginstal dan mengaktifkan plugin dan mengaktifkan pengguliran tak terbatas.

Siapa pun, termasuk pemula, dapat dengan mudah mengonfigurasi gulir tak terbatas menggunakan plugin ini. Namun, itu tidak memiliki opsi tombol “Muat Lebih Banyak”, yang termasuk dalam dua plugin lain yang disebutkan di atas.

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

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