Cara Menambahkan Tombol Muat Lebih Banyak Posting di WordPress

Diterbitkan: 2018-06-25

Sebagai blogger dan pembuat konten, Anda ingin membuat orang tetap terlibat dan membaca postingan Anda. Ada banyak cara untuk melakukan ini: sistem pencarian atau penandaan yang baik, bilah sisi dengan tautan posting terbaru , galeri posting lama setelah pembaca mencapai bagian bawah halaman, dan seterusnya.

Cara hebat lainnya adalah dengan tombol "muat lebih banyak posting", juga dikenal sebagai pengguliran tak terbatas. Ini akan membuat pembaca yang tertarik melihat konten Anda selama mereka mau. Jika Anda ingin mengunduh plugin atau melakukan pekerjaan pengkodean, fitur yang sangat berharga ini mudah ditambahkan ke situs WordPress Anda. Mari kita mulai.

Mengapa Menggulir Tanpa Batas?

infinity

Saat pengguna menavigasi ke halaman berikutnya, seluruh situs harus dimuat ulang. Bilah navigasi, latar belakang, dan banyak lagi — dan meskipun elemen-elemen ini mungkin telah di-cache, ini adalah beberapa detik tambahan untuk menunggu. Dengan pengguliran tak terbatas, hanya pos baru yang harus dimuat, yang hanya membutuhkan beberapa saat.

Selain itu, gulir tak terbatas membuat pengunjung tetap membaca. Mereka mungkin tidak melanjutkan membaca jika mereka harus mencari untuk menemukan posting yang lebih lama. Tetapi dengan tombol di sana, mereka mungkin bertahan sedikit lebih lama.

Jika Anda siap untuk menambahkan tombol muat lebih banyak ke WordPress, hanya ada beberapa hal yang harus Anda ingat.

  • Selalu buat cadangan situs WordPress Anda sebelum mengedit file atau kode template. Atau gunakan tema anak untuk bereksperimen sebelum Anda membawa perubahan ke situs utama.
  • Untuk menginstal plugin WordPress, buka area admin WordPress Anda dan klik tombol "Tambah Baru" di bawah "Plugin". Dari sana, cari plugin yang Anda inginkan, instal dan aktifkan. Semudah itu!
  • Jika itu tidak berhasil, unduh plugin dari mana pun Anda menemukannya. Buka "Tambah Baru" lagi, tetapi kali ini, klik "Unggah" untuk mengunggah file. Kemudian instal dan aktifkan plugin.
  • Beberapa plugin dilengkapi dengan petunjuk penginstalan lain jika metode ini tampaknya tidak berfungsi!

Tanpa Plugin

Bukan orang plugin? Jika Anda lebih suka melakukannya sendiri, jangan khawatir. Jika Anda lebih suka membuat kode sendiri atau membuat plugin sendiri, ikuti panduan ini , atau yang ini . Keduanya dapat membantu Anda mengatur fitur ini sendiri — meskipun Anda mungkin kehilangan fitur tambahan dan penyesuaian mudah yang dapat ditawarkan oleh sebuah plugin.

Tutorial ini melibatkan banyak kode menakutkan, tetapi selama Anda mengikuti petunjuknya, seharusnya tidak terlalu sulit. Anda akan mengatur beberapa parameter untuk memastikan tombol tidak ditampilkan jika tidak ada cukup posting, mengatur kode dasar, dan membuatnya cantik dengan CSS.

Muat Mudah Lebih Banyak

Jika Anda lebih suka plugin, ini adalah pilihan yang bagus. Easy Load More, seperti namanya, adalah plugin lazy loading. Ini menggunakan Ajax untuk memuat posting tambahan pada halaman yang sama dan membutuhkan sedikit pengeditan untuk file tema Anda. Plugin dibuat khusus untuk meninggalkan tanda sekecil mungkin, dengan tombol default yang minimalis dan dapat disesuaikan, ukuran Javascript kecil, dan memuat ikon yang dirender dengan SVG sehingga file gambar tidak perlu diunduh.

Setelah plugin diunduh, sangat mudah untuk menyiapkannya. Pertama, Anda harus mengonfigurasi plugin dari halaman pengaturannya di menu plugin. Kemudian, temukan halaman tempat Anda menginginkan gulir tak terbatas, dan tambahkan fungsi “load_more_button()” ke file template tema Anda. Ini berfungsi dengan templat khusus dan di halaman mana pun, dari beranda hingga halaman arsip.

Ajax Muat Lainnya

Jika Anda mencari sesuatu yang lebih canggih, Ajax Load More hadir dengan banyak fungsi tambahan.

Ajax load more

Ada pembuat kode pendek yang memungkinkan Anda membuat kueri khusus dari halaman, posting, atau komentar lain. Parameter kueri berarti kiriman yang dimuat dapat masuk ke dalam kategori atau jenis kiriman tertentu, dan Anda juga dapat memfilter kiriman tertentu. Anda juga dapat membuat template sehingga plugin sangat cocok dengan tema Anda.

Selain semua fitur ini, ada add-on yang memperluas fungsionalitas lebih jauh. Pramuat posting, ganti pemuatan lambat dengan halaman, atau ubah tampilan dan tata letak plugin!

Sementara Ajax Load More dapat dikustomisasi dan di-tweak secara ekstensif oleh pengguna tingkat lanjut, ini adalah cobaan yang cukup kecil untuk menyiapkannya. Cukup gunakan Pembuat Kode Pendek untuk membuat kode pendek khusus Anda, dan tambahkan ke situs Anda baik secara langsung melalui editor konten atau dengan menempatkannya di file template Anda. Dan hanya itu yang perlu Anda lakukan!

Muat Lebih Banyak Produk untuk WooCommerce

Load More Products for WooCommerce

Jika Anda menggunakan E-Commerce, jenis khusus tombol muat lebih banyak ini menggunakan pengkodean Ajax serupa untuk memuat produk tak terbatas. Ini kompatibel dengan beberapa plugin WooCommerce. Versi gratisnya memberi Anda akses ke gulir tak terbatas dengan tombol dan beberapa fitur penyesuaian dasar. Plugin berbayar memiliki beberapa opsi pemuatan lambat dengan animasi, penyesuaian tombol, dan pemuatan berbeda untuk perangkat seluler.

Muat Sederhana Lainnya

Jika Anda hanya membutuhkan sesuatu yang sederhana dan mudah diaktifkan, Simple Load More akan menyelesaikan pekerjaan. Ini diaktifkan secara otomatis di beranda Anda, jadi jika hanya itu yang Anda butuhkan, Anda cukup menginstalnya, mengaturnya, dan menyelesaikannya.

Simple Load More

Jika Anda membutuhkannya di halaman lain, cukup lakukan beberapa pengaturan mudah dan tambahkan fungsi “simple_more_button()” atau kode pendek “[load_more button_text="ABC”]” ke file template halaman yang Anda inginkan tombolnya aktif.

Muat Lebih Banyak Apa Saja

Jika Anda ingin mencoba jQuery sederhana memuat lebih banyak plugin, lihat yang ini. Muat Lebih Banyak Apa pun berfungsi di mana saja, di halaman mana pun, untuk konten apa pun. Posting, komentar, produk, gambar — apa saja, dan di mana saja.

Anda akan membutuhkan sedikit pengetahuan teknis untuk ini. Meskipun Anda tidak perlu mengotak-atik file tema, Anda harus menemukan tag "div" yang berkaitan dengan tempat Anda ingin tombol ditampilkan, dan dari mana ia akan menarik konten. Cara termudah adalah dengan menggunakan "Inspect Element" di tempat Anda ingin tombolnya aktif, dan coba temukan div, kelas, atau tag samping yang benar. Jika Anda bukan pengembang web atau tidak tahu cara menavigasi Elemen Inspeksi, Anda mungkin ingin melewati yang ini.

Load More Anything

Libatkan Pembaca dengan Mudah dengan Muat Lebih Banyak

Itu tidak terlalu sulit, kan? Pengguliran tanpa batas adalah cara yang bagus untuk memberi pengunjung akses mudah ke lebih banyak konten, tanpa harus memuat banyak halaman atau melalui tautan navigasi. Ini sederhana dan menghilangkan kemungkinan kebingungan. Jika Anda belum memiliki tombol muat lebih banyak di situs web Anda, tunggu apa lagi?

Jika panduan ini membantu Anda, mengapa tidak memeriksa Facebook dan Twitter kami untuk tips dan tutorial WordPress lainnya? Dan jika ada tutorial WordPress yang ingin Anda lihat dari kami, beri tahu kami di komentar di bawah.