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('« Previous Entries') ?></div>
<div class="alignright"><?php previous_posts_link('Next Entries »') ?></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…
Anda ingin mendownload beberapa tool programming 100% gratis?
Silakan download di FREE PROGRAMMING TOOLS.
atau ingin berdonasi untuk pengembangan blog ini cukup dengan $1 via Paypal?
Beberapa artikel terkait
- Membuat Nomor Urut Hasil Query di PHP (Combined with Paging)
- Cara Mudah untuk Upgrade WordPress Anda
- Plugin WordPress Untuk Menampilkan Artikel Terkait
- Cara Membalik Urutan Postingan di WordPress
- ThemeX, Plugin WordPress Buat Anda yang Dinamis
- Membuat Equation di WordPress
- Google XML Sitemaps, Plugin WordPress yang Google Friendly
- Plugin WordPress untuk Menampilkan Judul Artikel dalam Kategori yang Sama
- Ide Membuat Advanced Paging dengan PHP
- WP-Syntax, Plugin WordPress nya Para Programmer
Share this article on:
Kata kunci: paging - plugin - Wordpress -
kalo cara buatnya di blogger gimana pa ??
to Eduward: saya belum tahu caranya buat di blogger. Coba disearch di google, dengan keyword: paging, blogger, plugins
Terima kasih infonya. Sangat bermanfaat buat saya.
mas, boleh tanya ya …
sebelumnya aku pake themes yg lainnya, page numbernya berhasil tampil. tp setelah ganti themes, ternyata di themes editornyanya gak da :
jadi bingung juga dimana musti copy pastenya.. adanya malah :
Nah, bisakah di copy paste ke bagian ini??
Terima kasih
yah,, gak muncul tampilannya…
hm,, dicoba lagi deh :
jadi, pada index.php yg ada hanya script berikut (moga gambarnya muncul):
Nah, bisakah di copy paste ke bagian ini??
Terima kasih
yah,, gak muncul tampilannya…
hm,, dicoba lagi deh :
jadi, pada index.php yg ada hanya script berikut (tanda kurung < diganti ma kurung siku y) :
[div id="pages"]
[a href="#"][?php next_posts_link('←Older') ?] [/a] [a href="#"][?php previous_posts_link('Newer→') ?][/a]
[/div]
Nah, bisakah di copy paste ke bagian ini??
Terima kasih
to dian: iya… di ganti saja bagian [a href="#"][?php next_posts_link('?Older') ?] [/a] [a href="#"][?php previous_posts_link('Newer?') ?][/a] menjadi seperti yang saya tuliskan di atas.
salam kenal mas, senang sekali bisa nemuin blog yg informatif banget, gini mas saya mo tanya nih, saya kan pakek wordpress, nah kebetulan template itu aneh, jd klo misal postingan kita lebih dr satu halaman seharusnya kan ada previous dan next post nya, nah disini tryata ga ada, lalu saya buat sendiri deh pakek “phpnext_posts_link(‘« Previous Entries’) dan seterusnya”, nah ditemplate akhirnya keluar dan juga berfungsi, setelah saya pencet previous keluar halaman misal domainsaya.com/page/2, namun yg jd prtanyaan saya, kenapa meskipun udah page2, older post saya masih sperti homepage, alias ga kliatan postingan lama saya, saya kasih plugin pagenavi pun udah kluar tombol pagenya, ya tapi setelah dipencet cuman pindah urlnya saja, page2, page3, dst, tp ga ke perubahan ke konten lama saya, mungkin mas ada jalan keluar mengenai prmasalahan saya ini
Thanks
Terima Kasih Artikelnya mas, buat nambah pengetahuan
bisa kasih solusi permasalahan saya mas?
to Reem: bisa dikasihkan URL blognya mas? saya masih tidak paham yang dimaksudkan. Coba sesuaikan keadaan yang mas temui, saya coba lihat hasilnya.
saya kasih tau lewat ym mas aja ya, ntar saya add ym nya mas
to reem: OK… I’ll wait
Pak kenapa ya gambar yang ada di wordpress saya hilang semua? Padahal tiap posting saya biasanya selalu menyertakan gambar.
bagaimana caranya membuat link untuk download di blog saya?
Terimakasih…
to ariez: gambarnya ditaruh dimana mas? coba upload lewat form ketika posting artikel (lewat tombol upload/insert image, yang terletak di kiri atas form posting).
mas mohon bantuannya donk!
saya kesulitan bwt ganti kodenya, karena begitu saya ganti pake kode yg diatas, blog saya malah error… kode indexnya seperti ini
<?
if (have_posts())
{
_e(”);
posts_nav_link(”,’Prev’, ‘Next’);
previous_post(‘%’,”,’yes’);
next_post(‘%’,”,’yes’);
_e(”);
}
?>
<?php
if (have_posts())
{
while (have_posts())
{
the_post();
require(‘theloop.php’);
}
}
else
{
_e(‘Sorry, no posts matched your criteria.’);
}
?>
terima kasih…
terima kasih mas atas masukannya
makasih mas, berhasil…..
mas nanya dunk……… biar ngatur tiap page max 5 halaman gmana yah ????
to swikochip: Anda bisa atur via panel admin lewat dashboard melalui menu SETTINGS > READING, trus ubah pada bagian ‘Blog pages show at most’ isikan dengan 5.
mas aq mo tanya gmn cara bikin page yg isinya narik postingan dari salah satu kategori misalnya kategori wordpress. aq dah coba tips yg dapet dari forum, pas page dah jd isinya gak ada.
ini kode yg aq dapetin:
mohon pencerahannya, thank\’s before
Mas, sy udah nyoba sesuai petunjuk diatas. Page numbernya udah muncul, cuma masalahnya sidebar pada website saya malah terpindah dibawah (diluar area postingan). Sy nyoba pake wordpress 2.7 dan theme option gear.
Trims
cara nginstall di WP 2.7 gimana ya? belum ngerti saya
to badot: instal dimana mas? di self hosting atau di wordpress.com atau di localhost? kalo di self hosting pake Fantastico saja via Cpanel. Tinggal klik selesai. Kalau di WordPress.com, tinggal register saja dah jadi deh… kalo di localhost sepertinya harus manual. Caranya download dulu script WP 2.7 di http://wordpress.org lalu ekstrak di komputer Anda. Lalu jalankan di localhost. Maka secara otomatis akan muncul wizard untuk proses instalasinya. Ikutin saja wizardnya.
terimakasih ilmunya mas…ini yang kemarin2 sy cari…
/wp-content/plugins … Pak ini letaknya di mana ya kok saya cari2 belum ketemu? untuk meletakkan filenya tadi
to umin: kalau saya lihat wordpress Anda, apakah benar Anda pakai wordpress.com? kalo iya, maka hal ini tidak bisa dilakukan. Kita bisa menambahkan plugin wordpress sendiri bila WordPress kita adalah self hosting, bukan di wordpress.com.
mas salam kenal, saya nyoba dulu ya
nanti kalo gak bisa saya nanya lagi ya
makasih sebelumnya atas infonya
bolehkan ya
salam kenal mas, saya mau nanya nie.. kasus saya sama dengan punya dian, waktu saya akan buat nomor halaman kok di file index.php saya nggak ada
yang ada ..
<div class="postindex" id="post-”>
<a href="” rel=”bookmark” title=”Permanent Link to “>
trus copy
dimana ya…
tolong ya.. mas..
trims
mas saya kok ga’ muncul nomor halamanya saya buatnya di server lokal ( localhost ) jadi belum terhubung ke internet , mohon pencerahanya gimana klo buat nomor halaman di server lokal ( localhost ).
to amin: memang beberapa theme berbeda kontennya. Coba langsung saja sisipkan kodenya ke dalam theme nya, di sebarang tempat. Usahakan di bagian agak bawah. Nanti anda akan tahu posisi pagingnya dalam halaman blog Anda.
yes…akhirnya berhasil jg… makacih infonya mas..
.-= irawan´s last blog ..Jakarta Meledak Lagi =-.
mas engga ad code seperti di ata adnya seperti di bawah ini aja ?????
to emouel: coba letakkan script paging nya di sebarang tempat dulu mas, asal di bagian paling bawah.. karena kadang di bbrp theme struktur codenya berbeda.
mas, tanya sedikit, bagaimana untuk single post-nya agar bisa menampilkan next post dan previous post ?
terima kasih sebelumnya
.-= hpnugroho.com´s last blog ..Sekedar berpromosi, tertarik? Beli dong … =-.
Mas bagaimana ide ini bisa diterapkan pada Query seperti Artikel sebelumnya yaitu Ide Membuat Advanced Paging dengan PHP tapi yang ini dapa WP.
Saya pengguna WP 2.8.4 dengan Themes Atahualpa 3.4.4.
tks
to mazna: pakai plugin saja yang sudah jadi mas… karena saya belum bisa bikin plugin WP.
thanks bgt mas…
sekrang blog q makin oke…
“Jangan lupa untuk berkunjung”
@velli: sama-sama mas… OK.. nantikan kunjungan saya di blog Anda.
Pak Dosen, saya menggunakan theme Newsworthy. Sudah dilakukan beberapa modifikasi. Hanya satu yang saya tidak bisa dapatkan adalah…
Tidak ada pagination, alias tidak ada mungkin karena di dalam theme tsb. sudah ada TopStory dan SubStory.
Apa yang harus dilakukan pak…
Terima kasih sebelumnya…
@hari: coba langsung diberikan kode atau perintah yang saya tulis di atas mas. Nanti dilihat ada efeknya gak.
Assalaamu’alaykum…
Sudah dicoba pak… tapi nggak nimbul juga…
Aslinya memang ini adalah theme untuk magazine. Bila kita klik kategori maka di arsip hanya kelihatan 10 post. 10 sudah cukup, hanya saja seharusnya ada paginasi <> sehingga bisa melihat older posts.
Trims sudah menanggapi pak…
@hari: ya ganti theme saja mas
artikel bagus, perlu dicoba. Namun sayang, saya masih host di wordpress belum web hosting sendiri.
.-= Rachmad Widodo´s last blog ..Model Pembelajaran Lihat Ucapkan =-.
@rachmad widodo: hosting sendiri dong mas, biar keren
ok deh saya praktekan dulu mas. thanks
pa saya dpet 2 tipe paging..
satu yg punya bapak wp-page-numbers (*)
yg satu dari wp-PageNavi 2.50 (**)
[http://lesterchan.net/wordpress/readme/wp-pagenavi.html]
yg (**) bisa tapi ngga sempurna, klo yg (*) saya g jelas dalam petunjuknya/intruksinya…
bisa bantu tolong perjelas intruksinya pa?
mohon bantuannya
terima kasih
@dinihari: untuk yang (*) gak jelasnya dimana? kan sudah saya jelaskan di atas?
belom bisa juga nih pa..
ooh yg bapa jelasin d atas udah jelas, tapi ngga tau kenapa masih tetep aja belom jalan juga..
yang saya kurang jelas petunjuk yg ada d dalem wordpressnya pa..
klo yg (**) tampil tapi hal.nya cuman ada 1.
misal: setiap hal. 3 posting, total posting 9
seharusnya kan ad 3 hal. nah ini tetep aja 9 posting d hal. yg sama…
maaf pa merepotkan…
@dinihari: mungkin theme yang Anda gunakan gak compatible dengan pluginnya mas.
pa rosihanari akhirnya saya sudah melounchingkan blog saya pa..
tolong beri komentar + saran ya pa..
@dinihari: sarannya kenapa gak pindah ke hosting yang gak gratisan saja mas? anggap itu sebagai investasi. Kalo anda serius menggarapnya dan konsisten, insya allah itu akan menghasilkan dan biaya hostingnya akan balik modal
Misalnya paging kita sudah mencapai ratusan atau mungkin ribuan, kalau misalnya kita mau meloncat ke halaman tertentu pada paging tersebut caranya bagaimana mas? Apa ada plugin-nya juga ya?
@dito: setahu saya belum ada mas plugin di wordpress untuk paging spt itu.
wah sip manteb banget neh artikelnya… trims yak
Salam
http://www.borneo.web.id
Nice info Bosss……makasi ilmunya ya….nanti saya terapkan…moga amale dtrima oleh Allah…swt
mampir ke Blog saya ya….
@fajar: siap Bos…
tQ infonya gan.. sekarang blog ane sudah paging juga.. wah keren..
Akhirnya setelah cari ke mana2 dapat juga caranya di blog di komentar ini :
to swikochip: Anda bisa atur via panel admin lewat dashboard melalui menu SETTINGS > READING, trus ubah pada bagian ‘Blog pages show at most’ isikan dengan 5.
Terima kasih ilmunya
Sy sdh berhasil menampilkan 5 artikel perhalaman, jadi plugin di atas hanya untuk ganti tampilannya saja ya, ok sy akan coba. Terima kasih