Apakah Anda ingin menambahkan scrolling tanpa batas di WordPress?

Apakah ada yang lebih membuat ketagihan daripada umpan berita Facebook? Maksudku, aku duduk di sini menulis tutorial ini, tapi fitur adiktif ini terus bergulir...lagi...lagi.

Ini adalah fitur yang digunakan Facebook, yang disebut: " gulir tak terbatas "Atau" bergulir tanpa akhir ", untuk umpan berita. Daripada harus mengklik tombol atau " berikut "Atau" Baca Selengkapnya ", Konten terus dimuat saat Anda menggulir ke bawah halaman.

tambahkan scrolling tak terbatas di WordPress

Dan coba tebak? Anda dapat mencapai efek yang sama di blog WordPress Anda dengan menambahkan scrolling tanpa batas.

Dalam tutorial ini saya akan membahas beberapa pro dan kontra dari pengguliran tak terbatas dan kemudian saya akan menunjukkan kepada Anda bagaimana mengatur gulir tak terbatas di blog WordPress Anda.

Tetapi sebelumnya, jika Anda belum pernah menginstal WordPress temukan Bagaimana menginstal sebuah blog WordPress langkah 7 et Bagaimana menemukan, menginstal dan mengaktifkan tema WordPress di blog Anda 

Lalu kembali ke mengapa kita ada di sini.

Keuntungan bergulir tak terbatas

Banyak merek besar telah bereksperimen dengan pengguliran tak terbatas, yang memberi kami keuntungan karena dapat memeriksa data mereka. Berikut beberapa manfaat yang telah dialami oleh jejaring sosial:

By the way temukan cara membuat teks gulir pada Divi

  • Tampilan Lainnya - NBC News menemukan bahwa pengguna telepon rumah mengunjungi 20% lebih banyak halaman per kunjungan dengan pengguliran tak terbatas. Demikian juga, " Kali "Juga menemukan bahwa 21% dari penggunanya memilih untuk sisa konten dengan pengguliran tak terbatas.
  • Tingkat pentalan yang sangat rendah  - " Kali Juga mengurangi rasio pentalan 15% ketika mereka memilih pengguliran tak terbatas.
  • Pengalaman pengguna yang ditingkatkan - Dengan itu, semua orang setuju. Beberapa ahli telah menyatakan hal itu gulir tak terbatas UX meningkatkan paparan konten pengguna, memaksa pengguna untuk mengklik lebih sedikit sambil menawarkan pengalaman seluler yang lebih baik.

Saya tidak bisa mengatakan dengan pasti bahwa Anda akan mendapatkan hasil yang sama dengan merek-merek top ini, tetapi jika Anda memiliki banyak posting blog, scrolling pasti akan menjadi pilihan yang baik.

Temukan kapan dan bagaimana cara menginstal WordPress dalam subdirektori

Sebagian besar jejaring sosial bergantung pada pengguliran tak terbatas untuk alasan yang sama.

Kerugian dengan pengguliran tak terbatas

Semuanya tidak selalu cerah dengan gulir yang tak terbatas. Pasti ada beberapa poin negatif potensial yang harus Anda pertimbangkan:

  • Tidak ada footer - Anda kehilangan footer Anda, saat Anda memilih pengguliran tak terbatas. Ini akan menjadi rintangan besar jika Anda ingin menawarkan lebih banyak informasi di footer. Misalnya, jika Anda menggunakan footer untuk menampilkan informasi afiliasi, Anda perlu mencari cara baru untuk menampilkan informasi tersebut.
  • Bouncing scrollbar menyebabkan pengalaman buruk  - Karena situs web selalu memuat, sangat mungkin panjang bilah pemuatan akan berubah, yang dapat menyebabkan Anda kehilangan jejak bacaan, yang mengakibatkan pengalaman pengguna yang buruk.
  • Tidak ada rasa "penyelesaian" - Ini bukan sindiran. Peneliti Nielsen telah menemukan bahwa pengguna merasakan penyelesaian ketika mereka mencapai akhir dari sebuah halaman. Pengguliran tak terbatas membuat ini tidak mungkin.

Selain itu, di bagian "Manfaat", pengguliran tak terbatas bagus bila Anda memiliki banyak pos blog yang sama pentingnya. Nah, hal sebaliknya juga benar:

Lihat juga di artikel ini cara memperbaiki kesalahan "folder sementara hilang" di WordPress

Jika barang Anda tidak sama pentingnya (misalnya, beberapa artikel memiliki hingga kata 2.000 dan beberapa hanya memiliki kata 300), gulir yang tak terbatas, tentu bukan ide yang baik untuk situs web Anda.

Cara menambahkan scroll terbatas pada WordPress

Untuk menambahkan gulir tanpa batas di WordPress, Anda dapat menggunakan plugin gratis bernama " Ajax Loader More ". Plugin ini menawarkan banyak ekstensi premium yang dapat meningkatkan fungsinya, tetapi versi gratisnya cukup untuk sekadar menambahkan gulir tak terbatas ke situs web Anda.

Lebih jauh juga dengan berkonsultasi Javascript di WordPress: AJAX use case

Plugin dasar berfungsi dengan membuat kode pendek yang Anda tambahkan ke halaman. Halaman ini kemudian menampilkan posting blog Anda dalam gulir yang tak terbatas. Ada beberapa langkah kecil lainnya yang juga harus Anda selesaikan sepanjang kursus. Berikut cara menempatkan semuanya:

Instalasi dan konfigurasi plugin

Anda dapat menemukan " Ajax Loader More Â» di direktori plugin WordPress. Instal dan aktifkan plugin seperti halnya plugin lainnya.

Setelah diaktifkan, Anda akan melihat opsi baru " Beban Ajax Lebih ". Pergi ke " Ajax Load More> → Repeater Template Untuk membuat model Anda.

« Model Anda> Repeater Adalah templat yang menentukan bagaimana artikel akan muncul dalam pengguliran tak terbatas. Anda dapat mengubahnya, tetapi Anda perlu tahu sedikit PHP. Namun, templat default harus baik untuk sebagian besar pengguna:

Konstruksi-dun-model-wordpress

Satu-satunya hal penting yang perlu diperhatikan adalah bahwa template "Repeater" default hanya akan menampilkan kutipan artikel, bukan artikel lengkap. Jika Anda ingin menampilkan artikel lengkap, Anda harus mengganti " the_excerpt () "Dengan" the_content () '.

Jika Anda tahu PHP, Anda masih bisa menyesuaikan model ini. Kalau tidak, tidak apa-apa meninggalkan model " Pengulang Secara default.

Baca juga artikel kami di 9 plugin WordPress untuk membuat kisi harga di blog

Ada banyak hal yang dapat Anda konfigurasikan di sini. Anda memiliki opsi untuk mengubah apa yang akan ditampilkan dalam gulir tak terbatas dan bagaimana semuanya akan berperilaku.

Saya tidak dapat menyebutkan semua kemungkinan dalam artikel ini, tetapi berikut adalah beberapa kotak yang pasti ingin Anda isi:

  • post_type - Standarnya hanya menyertakan artikel. Tetapi Anda juga dapat memasukkan halaman kustom atau format posting.
  • kategori - Anda hanya dapat menyertakan kategori tertentu, atau Anda tidak dapat mengecualikan kategori tertentu.
  • penulis - Ini adalah fitur yang menarik di mana Anda dapat menambahkan gulir tak terbatas untuk penulis tertentu.
  • posts_per_page - Tentukan jumlah artikel yang " Ajax Loader More Harus mengisi setiap kali refresh.
  • berhenti sebentar - Ini tentu saja merupakan elemen penting. Untuk pengguliran tak terbatas yang sebenarnya, Anda harus menyetelnya ke "salah" di sini. Jika tidak, pengguna harus mengklik untuk membuka artikel lainnya.
  • gulir - Yang penting Anda mengaktifkan fitur ini sehingga artikel secara otomatis dimuat saat pengguna menggulir halaman ke bawah.

Temukan juga kami 5 tema WordPress untuk podcaster

Setelah semuanya terkonfigurasi, salin file Kode pendek di sisi kanan halaman:

copy-shortcode-ajax-loader-lebih

Yang perlu Anda lakukan hanyalah menambahkan kode pendek ini ke halaman tempat Anda ingin gulir tak terbatas Anda muncul. Misalnya, Anda dapat menambahkannya ke halaman bernama " Blog Untuk menjadikannya halaman blog default Anda.

Temukan juga beberapa plugin WordPress premium  

Anda dapat menggunakan yang lain plugin WordPress untuk memberikan tampilan yang modern dan untuk mengoptimalkan penanganan blog atau website Anda.

Kami menawarkan kepada Anda beberapa plugin WordPress premium yang akan membantu Anda melakukannya.

1. Galeri Pagination Youtube & Vimeo

Plugin WordPress premium ini adalah galeri yang responsif dan mobile dengan banyak fitur yang sepenuhnya dapat dikonfigurasi. Itu dapat menampilkan video dari playlist YouTube, kata kunci atau pencarian berdasarkan album, saluran, grup atau kata kunci dari Vimeo. Kisi dapat dipersonalisasi dengan beberapa cara. Galeri Lightbox dapat menampilkan pemutar dengan semua detail video, termasuk komentar.

Plugin galeri paginasi vimeo Youtube wordpress

Plugin WordPress ini dapat digunakan di area posting atau halaman manapun menggunakan shortcode atau langsung di halaman PHP. Yang Anda butuhkan hanyalah membuat galeri baru, menambahkan ID Saluran YouTube misalnya, dan membuat kode pendek. Beberapa galeri dapat digunakan di halaman yang sama.

Download | Demo | Hébergement Web

2. Gulir WooCommerce Tak Terbatas dan Penggambaran Ajax

Gulir Tak Terbatas WooCommerce dan Pagination Ajax adalah Ekstensi WordPress (WooCommerce) premium yang membantu mengonversi pagination produk default menjadi scrolling tak terbatas atau pagination Ajax. Ketika pengguna menggulir ke bawah halaman, halaman produk berikutnya secara otomatis diambil dan ditambahkan. Ini berarti dia tidak perlu mengklik 'Halaman berikutnya'. 

WooCommerce Tak Terbatas Scroll dan Ajax Pagination

Anda juga dapat menambahkan tombol "Muat lebih banyak" daripada pengguliran tidak terbatas, atau Anda dapat mempertahankan pagination default dan mengubahnya menjadi Ajax Pagination.

Baca juga: Plugin 5 WordPress untuk memasukkan formulir ke situs web Anda

Selain itu, Anda dapat menyetel berbagai jenis paging untuk perangkat seluler, seperti pengguliran tak terbatas untuk perangkat layar besar dan tombol "Muat lebih banyak" untuk perangkat seluler.

Download | Demo | Hébergement Web

3. Slider Revolusi

Slider Revolution adalah plugin korsel WordPress yang inovatif dan responsif yang menampilkan konten Anda dengan indah. Baik itu slider atau korsel, editor visualnya seret dan lepas akan memungkinkan Anda untuk memberi tahu misalnya sejarah perusahaan Anda, untuk menyoroti produk terbaik Anda, artikel terbaik Anda dan banyak lagi

plugin WordPress slider terbaik - Revolusi slider

Kami juga mengundang Anda untuk menemukan kami Plugin 9 Easy Digital Downloads untuk mengelola unduhan digital

Fitur-fiturnya adalah: antarmuka pembuatan slide yang sangat baik, desain geser seret dan lepas, tata letak yang sepenuhnya responsif, manajemen konten multimedia yang sempurna, kinerja yang dioptimalkan, Dukungan multibahasa, disampaikan dengan hampir 340 elemen grafis, banyak template slideshow yang ditawarkan, kompatibilitas dengan sebagian besar Tema WordPress, dukungan pelanggan yang sangat baik, dukungan untuk layar sentuh, pembaruan gratis dan teratur, dokumentasi dan video tutorial tersedia dan banyak lagi.

Download | DemoHébergement Web

Sumber Daya yang Direkomendasikan

Cari tahu tentang sumber daya lain yang direkomendasikan untuk membantu Anda membangun dan mengelola situs web Anda.

Kesimpulan

Itu dia! Itu saja untuk tutorial ini, sekarang Anda memiliki kemampuan untuk mengatur gulir tak terbatas di blog WordPress Anda. Jangan sungkan berbagi dengan teman-teman Anda di jejaring sosial favorit Anda

Namun, Anda juga akan dapat berkonsultasi dengan kami ressources, jika Anda memerlukan lebih banyak elemen untuk melaksanakan proyek pembuatan situs Internet Anda, dengan membaca panduan kami di Pembuatan blog WordPress.

Jika Anda memiliki saran atau komentar, tinggalkan di bagian kami komentar.

...