Download Now Download Themes Gratis WordPress Responsive!

Menambahkan Nomor Halaman dengan Wp-Pagenavi di WordPress

Tutorial kali ini akan membahas bagaimana menambahkan pagination numerik dalam tema WordPress, sehingga memudahkan para pembaca untuk pindah dari halaman Pertama menuju ke halaman kedua maupun langsung meloncat ke halaman 5 sekalipun, banyak sekali template wordpress yang masih default belum ada fasilitas page number, masih bawaan yaitu older post dan previous post.

page number wordpress styleUntuk membuat Page number Anda bisa menggunakan plugin jika ingin memasang dengan cara yang mudah yaitu dengan Plugins WP-PageNavi, tapi juga ada dengan menambahkan script secara manual untuk membuat page number, untuk membuat Page number Tanpa Plugin nanti akan saya bahas setelah artikel ini. dengan menggunakan plugin yang ada disebut WP-PageNavi. Hal pertama yang perlu Anda lakukan adalah menginstal dan mengaktifkan plugin WP-PageNavi. Setelah mengaktifkan plugin pergi ke Setting »PageNavi untuk mengkonfigurasi pengaturan plugin.

page number plugins wp-pagenavi tutorialPada halaman pengaturan plugin Anda dapat mengganti teks default dan pengaturan pagination numerik sesuai dengan yang anda inginkan.

Pada langkah berikutnya, Anda perlu menambahkan script tag php ke template WordPress Theme Anda. cari file index.php dan archive.php di folder template yang anda gunakan . Tambahkan tag berikut ke tema Anda untuk menggantikan previous_posts_link and next_posts_link.

<?php wp_pagenavi(); ?>

Jika Anda ingin mengubah desain dari pagination numerik dalam wp-pagenavi silahkan edit di  Plugins -> Editor -> pilih drop down menu Wp-Pagenavi -> select. lakukan perubahan css sesuai dengan yang anda inginkan di file wp-pagenavi/pagenavi-css.css.

page-navi css modifikasi

Anda Terbantu artikel ini? Silahkan bergabung dengan centerklik di Twitter dan Google+.

Daftar isi Tutorial Wordpress Terlengkap Gratis
10 top hosting!

Register Now: TOP 10 Hosting

Dapatkan Hosting Murah dengan Kualitas Terbaik. For Serious Blogger! View Deals

Bluehost Hosting

$2.95/Month Free Domain, Unlimited Space & Bandwidth Get Host

iPage Hosting

$1.99/Month Free Domain, Unlimited Space & Bandwidth Get Host

SiteGround Hosting

$3.45/Month Free Domain, Unlimited Space & Bandwidth Get Host

WebHostingPad

$1.99/Month Free Domain, Unlimited Space & Bandwidth Get Host

Hostgator

$3.95/Month Free Domain, Unlimited Space & Bandwidth Get Host

  • Fatih

    Koq ga ngaruh ya gan di template saya , kurang detail tutornya nih gan u.u

    • 80% template bisa gunain plugin ini, tapi stiap theme itu tentunya beda peletakan scriptnya. pinter”nya agan aja mahamin theme wordpress yg digunain dengan peletakan script untuk plugin ini.

  • Jack

    ok gan work pluginnya

  • Maaf pada langkah ini saya tidak paham, apakah bisa diperdetail lagi ?

    => Pada langkah berikutnya, Anda perlu menambahkan script tag php ke template WordPress Theme Anda. cari file index.php dan archive.php di folder template yang anda gunakan . Tambahkan berikut tag template untuk menggantikan previous_posts_link and next_posts_link.

    Jika Anda ingin mengubah desain dari pagination numerik dalam wp-pagenavi silahkan edit di Plugins -> Editor -> pilih drop down menu Wp-Pagenavi -> select. lakukan perubahan css sesuai dengan yang anda inginkan di file wp-pagenavi/pagenavi-css.css.

    • maaf jika kurang jelas, saat ini centerklik sedang mengalami problem untuk memasukkan script dalam konten jadi belum bisa melakukan edit konten. silahkan cek tutorial disini. https://wordpress.org/plugins/wp-pagenavi/installation/. tag yang di maksud adalah penggantian tag degan php milik wp pagenavi, bisa di lihat di link tersebut dan lihat di bawah tulisan You would replace those two lines with this:

Must Read...!
Theme WordPress Onesie Responsive Free Landing Page

Template Onesie adalah Template Wordpress yang responsive dan Gratis untuk anda download, template ini...

Template WordPress Lensa Responsive Free

Template Lensa adalah template WordPress dengan desain layout Full page yang responsive dikhusukan untuk...

Close