Rosihan Ari`s Blog

Membuat Nomor Halaman (Paging) di Wordpress

January 12th, 2009 | by rosihanari |  Cetak Artikel Ini

Bila Anda menggunakan Wordpress, maka pada halaman index akan tampil link PREVIOUS ENTRIES atau NEXT ENTRIES. PREVIOUS ENTRIES digunakan untuk menuju ke halaman artikel-artikel yang telah diposting sebelumnya dan NEXT ENTRIES untuk menuju ke artikel sesudahnya. Intinya, secara default untuk keperluan navigasi di Wordpress menggunakan kedua link tersebut.

Bagaimana bila Anda bosan dengan tampilannya? Kira-kira bisa tidak ya kedua link tersebut diganti dengan semacam nomor halaman atau istilahnya adalah ‘Paging‘? Ooo… tentu bisa donk. Sebagai contoh, bila Anda melihat halaman utama (index) dari blog ini, maka Anda akan melihat nomor-nomor halaman untuk keperluan navigasi.

Nah… pada artikel kali akan dibahas bagaimana cara mengganti link navigasi dari bentuk Previous Entries dan Next Entries menjadi nomor halaman yang menarik.

OK… untuk membuat nomor halaman di Wordpress, kita membutuhkan plugin namanya wp-page-numbers. Plugin ini dapat Anda download di sini. Jadi… langkah pertama, silakan download plugin tersebut terlebih dahulu.

Trus… langkah selanjutnya, silakan instal plugin tersebut ke Wordpress Anda. Bagaimana caranya? Ya… silakan unzip terlebih dahulu plugin yang sudah Anda download tersebut di komputer Anda. Kemudian, uploadlah seluruh file plugin, termasuk folder wp-page-numbers nya ke server hosting Anda, dan letakkan di direktori /wp-content/plugins. Setelah semua file plugin diupload, selanjutnya aktifkan plugin tersebut melalui panel admin di Wordpress.

Apakah sudah selesai? Eit… tunggu dulu, meskipun Anda sudah mengaktifkan plugin wp-page-numbers, nomor halaman belumlah muncul. Trus… gimana donk?? Tinggal satu langkah lagi yang belum Anda lakukan, yaitu menyisipkan kode berikut ini ke file index.php.

<?php if(function_exists('wp_page_numbers')) { wp_page_numbers(); } ?>

Nah.. yang jadi pertanyaan? dimana letak file index.php? File ini terletak dalam direktori /wp-content/themes/nama-themes-yang-digunakan. Jadi misalnya Anda menggunakan theme bernama ‘XXX’, maka carilah file index.php ini dalam direktori /wp-content/themes/XXX.

OK sudah ketemu filenya? Kalau sudah ketemu, pertanyaan berikutnya: ‘Kode PHP di atas disisipkan di baris mana?‘ Nah… coba cari kode berikut ini dalam file index.php.

<div class="navigation">
	<div class="alignleft"><?php next_posts_link('&laquo; Previous Entries') ?></div>
	<div class="alignright"><?php previous_posts_link('Next Entries &raquo;') ?></div>
</div>

atau yang sejenisnya. Kode di atas akan menampilkan PREVIOUS ENTRIES dan NEXT ENTRIES. Nah… kode ini harus direplace dengan kode PHP yang saya berikan sebelumnya.

Setelah kode diganti, maka menjadi

<div class="navigation">
      <?php if(function_exists('wp_page_numbers')) { wp_page_numbers(); } ?>
</div>

OK… simpan kembali file index.php nya dan lihat efek perubahannya. Oya… Anda juga dapat melakukan hal yang sama pada file archive.php karena pada file ini juga masih menggunakan PREVIOUS ENTRIES dan NEXT ENTRIES.

Adapun tampilan style nomor halaman bisa Anda ubah-ubah sesuai selera. Berikut ini beberapa style nomor halaman yang bisa dipilih:

Pengubahan ini dapat dilakukan melalui menu SETTINGS – PAGE NUMBERS pada panel admin Wordpress. Masih kurang puas dengan style yang disediakan? Wah kalo masih belum puas, silakan mengedit sendiri file CSS nya yang ada dalam plugin tadi. Silakan mengubah-ubah sendiri ya…

OK… met mencoba…

Beberapa artikel terkait

• Membuat Nomor Urut Hasil Query di PHP (Combined with Paging)
• Cara Mudah untuk Upgrade Wordpress Anda
• Cara Membalik Urutan Postingan di Wordpress
• Membuat Equation di Wordpress
• Plugin Wordpress Untuk Menampilkan Artikel Terkait
• ThemeX, Plugin Wordpress Buat Anda yang Dinamis
• Ide Membuat Advanced Paging dengan PHP
• Google XML Sitemaps, Plugin Wordpress yang Google Friendly
• Plugin Wordpress untuk Menampilkan Judul Artikel dalam Kategori yang Sama
• WP-Syntax, Plugin Wordpress nya Para Programmer