OKEGUYS
  • Tutorial
    • Adobe
    • SEO
    • Social Media
    • Google Tools
    • Web Development
    • Design
    • Video
    • Audio
    • Microsoft Office
  • Fix It
    • Life Hack
    • How To Fix
  • Gadget
    • PC
    • Smart TV
    • Smartwatch
    • Smartphone
  • Intermezzo
    • Recommendation
    • Wiki
  • Download
    • Download Apps
    • Download Games
  • Games
  • Anime
  • News
OKEGUYS
  • Tutorial
    • Adobe
    • SEO
    • Social Media
    • Google Tools
    • Web Development
    • Design
    • Video
    • Audio
    • Microsoft Office
  • Fix It
    • Life Hack
    • How To Fix
  • Gadget
    • PC
    • Smart TV
    • Smartwatch
    • Smartphone
  • Intermezzo
    • Recommendation
    • Wiki
  • Download
    • Download Apps
    • Download Games
  • Games
  • Anime
  • News
OKEGUYS
Home Development WordPress

Tutorial WordPress: Cara Setting Pagination di WordPress

Susah dengan cara manual, yaudah lewat Plugin aja!

Ilhami Fajri by Ilhami Fajri
19 Februari 2021 - 7:22 PM
in WordPress
154 12
Setting Pagination WordPress

OKEGUYS – Susah dengan cara manual? Tenang kamu bisa ikuti Cara Setting Pagination di WordPress melalui Plugin Guys.

Menggunakan cara manual memang cukuplah susah, terlebih lagi untuk pengguna yang masih belum terlalu mengerti.

Maka dari itu, OKEGUYS mao kasih tau kamu cara setting pagination menggunakan plugin, penasaran? Simak artikel berikut ini.

Tips Setting Plugin Pagination WordPress 

Setting Pagination WordPress

Saat ini sudah banyak rekomendasi plugin pagination terbaik di WordPress, namun OKEGUYS hanya menggunakan satu plugin saja untuk tutorial mensetting kali ini.

Plugin yang akan OKEGUYS gunakan adalah WP-PageNavi, kamu bisa langsung Install Plugin ini terlebih dahulu di website kamu, untuk melanjutkan tutorial di bawah ini:

1. Setelah plugin terinstal dan active, sekarang kamu pergi ke menu Appearance > Theme Editor.

2. Pilihlah salah satu file halaman web kamu seperti, index,php, archive.php atau bisa juga category.php.

3. Kemudian, kamu cari kode seperti di bawah ini:

<div class=”nav-previous”><?php next_posts_link( __( ‘<span class=”meta-nav”>&larr;</span> Older posts’, ‘twentyten’ ) ); ?></div>

<div class=”nav-next”><?php previous_posts_link( __( ‘Newer posts <span class=”meta-nav”>&rarr;</span>’, ‘twentyten’ ) ); ?></div>

4. Jika sudah menemukannya, lalu kamu ganti kode tersebut dengan kode berikut ini:

<?php wp_pagenavi(); ?>

Selesai, Maka tampilan pada website kamu akan berubah sesuai dengan plugin yang kamu gunakan.

Namun jika kamu masih belum puas dengan perubahan tersebut, kamu masih bisa mengubah warna dan style custom pagination tersebut, sesuai keinginan kamu.

Cara Edit Warna dan Style Pagination

1. Pergi ke menu Settings > PageNavi, kemudian hapus centang untuk opsi USE PagiNavi-css.css, kemudian klik Save Change.

2. Pidah ke menu Plugin > Editor > Select Plugin to Edit, kemudian pada menu Drop Down kamu pilih WP-PageNavi, dan Klik tombol Select.

3. Setelah itu kamu akan melihat daftar file plugin, kamu bisa klik pada file pagenavi-css.css dan salin semua file yang ada di dalamnya.

Setting Plugin Pagination WordPress
Photo: https://www.niagahoster.co.id/

4. Jika sudah disalin, pindah lagi ke menu Appearance > Theme Editor, tempelkan salinan tadi ke file style.css.

Selesai, namun pastikan lagi konten dari pagenavi-css.css sudah kamu tempel ke file style.css. karena kalau belum, pastinya kamu tidak bisa memodifikasinya.

Nah, itulah cara setting pagination di WordPress menggunakan plugin. Bagaimana menurut kamu Guys? apakah cukup sulit?

Tulis pendapat kamu di kolom komentar ya. Selamat mencoba dan semoga artikel ini bermanfaat untuk kamu.


Artikel Menarik Lainnya

  • Tutorial WordPress: Kenalan dengan Fitur-Fitur Basic WordPress
  • Cara Modifikasi Tema di WordPress Theme Editor
  • 5 Tips Jaga Keamanan Data di WordPress
  • Tutorial WordPress: Fungsi Plugin pada WordPress
  • Tutorial WordPress: Hindari 5 Kesalahan WordPress Ini!
Share206Tweet129Send
Ilhami Fajri

Ilhami Fajri

Content Writer at OKEGUYS. A GoodGuys, Anime & Game Enthusiast and I don't have birthdays. I level up!

Next Post
Wireless Earbuds Dibawah Sejuta

Rekomendasi Wireless Earbuds Dibawah Sejuta

Cara Membuat Efek Double Stroke

Tutorial Photoshop: Cara Membuat Efek Double Stroke

Discussion about this post

OKEGUYS.

Misi untuk membantu semua orang mengasah keahlian digital dengan beragam serial tutorial. Mendukung semua orang untuk dapat berkarya di ranah digital.

Part Of  Limapagi Network :

Limapagi Network Limapagi  Limapagi Network OKEGUYS  Limapagi Network OKEMOM

  • About Us
  • Contact
  • Pakaicara
  • Privacy Policy
  • JalanPintar
  • Cyber Coverage Guidelines
  • Login
No Result
View All Result
  • Tutorial
    • Adobe
    • SEO
    • Social Media
    • Google Tools
    • Web Development
    • Design
    • Video
    • Audio
    • Microsoft Office
  • Fix It
    • Life Hack
    • How To Fix
  • Gadget
    • PC
    • Smart TV
    • Smartwatch
    • Smartphone
  • Intermezzo
    • Recommendation
    • Wiki
  • Download
    • Download Apps
    • Download Games
  • Games
  • Anime
  • News

Welcome Back!

Sign In with Facebook
Sign In with Google
OR

Login to your account below

Forgotten Password?

Retrieve your password

Please enter your username or email address to reset your password.

Log In