Cara Mengaktifkan Scroll/Gulir Tak Terbatas untuk WordPress Theme

Dalam Web, Tak Terbatas Gulir mengacu pada konsep memuat konten berikutnya terus menerus sebagai pengguna menggulir ke bawah halaman. Selama masih ada bergulir konten yang tersedia akan terus menunjukkan baris berikutnya konten. Anda dapat menemukan pengalaman seperti ini diterapkan di Twitter and Facebook dan situs lainnya

Jika Anda memiliki alasan untuk menerapkan pengalaman yang sama di website Anda, dan dengan asumsi bahwa Anda membangun website Anda dengan WordPress, kami akan menunjukkan kepada Anda bagaimana melakukan mengaktifkan bergulir tak terbatas.

Installing Jetpack

Meskipun ada beberapa plugin dan metode untuk mencapai infinte Scroll, saya lebih suka menggunakan salah satu dari Jetpack. Jetpack adalah plugin yang dikembangkan oleh Automattic - orang-orang di balik WordPress. Ini berisi satu set plugin untuk memperluas pengalaman blogging Anda, termasuk Gulir Tak Terbatas.

Fitur ini pertama kali diperkenalkan pada versi 2.0. Namun, kecuali Anda menggunakan TwentyTen, TwentyEleven, dan TwentyTwelve - Wordpress tema default, pengalaman mungkin tidak segera terlihat dalam tema Anda. Karena setiap tema memiliki struktur halaman yang unik, Jetpack membutuhkan sepotong informasi tema untuk itu untuk bekerja. , the experience might not immediately visible in your theme. Since every theme has a unique page structure, Jetpack needs a piece of your theme information for it to work.
Pertama, pastikan bahwa Jetpack diinstal dan Gulir Tak Terbatas diaktifkan, sebagai berikut.

Menambahkan Infinite Scroll Function

Mirip dengan menambahkan Pos Miniatur, Tak Terbatas Gulir ditambah dengan add_theme_support () fungsi, dan ini adalah salah satu alasan saya lebih memilih menggunakan Jetpack atas pilihan lain, seperti yang juga terintegrasi dengan fungsi inti WordPress.
Dalam contoh ini, saya menggunakan Wordpress theme gratis dari ThemeZilla, Launch.
Pertama, kita perlu membuat fungsi untuk menentukan pos template yang akan digunakan oleh Tak Terbatas Gulir untuk menambahkan konten. Dalam kasus ini, kita akan memanggil konten-pasca-standard.php untuk template.

view plaincopy to clipboardprint?

1. function zilla_infinite_scroll_render() {  
2.     get_template_part( 'content-post', 'standard' );  
3. }  

Kemudian, kita dapat mengatur Infinite Scroll dengan cara berikut.

view plaincopy to clipboardprint?

1. add_theme_support( 'infinite-scroll', array(  
2.     'container' => 'primary',  
3.     'render'    => 'zilla_infinite_scroll_render',  
4. ));  

The content parameter in the above code specified the id that contains our posts. In this case, the Launch theme wraps the posts within id="primary".

Sedangkan parameter render menentukan template yang konten harus diformat. Pada titik ini, efeknya harus sudah terlihat di posting Anda saat Anda kembali website Anda.

But, notice that the footer is now overlaying on your posts.

Jika ini adalah sesuatu yang tidak duduk dengan baik dengan desain tema, Anda dapat mengatur jenis parameter untuk mengklik, sehingga konten tidak boleh ditambahkan sampai pengguna mengklik tombol. lihat plaincopy ke clipboardprint?

view plaincopy to clipboardprint?

1. add_theme_support( 'infinite-scroll', array(  
2.     'type' => 'click',  
3.     'container' => 'primary',  
4.     'render'    => 'zilla_infinite_scroll_render',  
5. ));  

Jetpack akan menambahkan tombol untuk pengguna untuk mengklik untuk menampilkan konten berikutnya.

Pemikiran Terakhir

Ini hanyalah dasar pelaksanaan Gulir Tak Terbatas Jetpack. Untuk sebagian besar kasus, ini harus cukup. Tapi, jika Anda ingin pergi lebih maju, Anda dapat menuju ke halaman berikut di page Jetpack.

Cara Mengaktifkan Scroll/Gulir Tak Terbatas untuk WordPress Theme