Navigation default pada wordpress biasanya menggunakan Older Entries dan Newer Entries.Dengan plugin wp-pagenavi dan wp pagenumbers,anda boleh menukar default navigation tersebut kepada number paging.
Sebelum memasang plugin :
Selepas memasang plugin :
a)menggunakan wp-pagenavi
b)menggunakan wp-pagenumbers
Kelebihan memasang plugin :
1.Memudahkan navigasi dalam blog anda.
2.Menggalakkan pengunjung membaca entri-entri terdahulu.
3.Bagus untuk SEO.
Amaran :
Pastikan anda membackup template anda terlebih dahulu sebelum mencuba tutorial ini.Kami tidak bertanggungjawab terhadap sebarang kerosakan template anda.
Cara memasang :
a)Wp-PageNavi
1.Download plugin Wp-PageNavi disini :
http://wordpress.org/extend/plugins/wp-pagenavi/
2.Upload plugin ke folder wp-content/plugins dan extract.
3.Login ke wordpress control panel dan Activekan plugin wp-pagenavi.
4.Pergi ke Design->Theme Editor dan pilih themes yang anda sedang gunakan.
5.Klik pada Main Index Template (index.php) pada Templates section disebelah kanan anda.
6.Sila cari code seperti gambar dibawah dalam index.php anda.Code ini selalunya terletak dibahagian bawah.(Code ini mungkin sedikit berbeza bergantung kepada themes yang anda gunakan)
7.Gantikan code yang dihighlight dengan code ini :
1: <?php if(function_exists('wp_pagenavi')) { wp_pagenavi(); } ?>
8.Contoh code yang telah diubah :
9.Klik Update File dan refresh blog anda untuk tengok hasilnya.
10.Anda boleh mengubah setting wp-pagenavi di bahagian Settings.
11.Hasil akhir :
b)Wp Page Numbers
1.Download plugin Wp Page Numbers disini :
http://wordpress.org/extend/plugins/wp-page-numbers/
2.Upload plugin ke folder wp-content/plugins dan extract.
3.Login ke wordpress control panel dan Activekan plugin Wp Page Numbers.
4.Pergi ke Design->Theme Editor dan pilih themes yang anda sedang gunakan.
5.Klik pada Main Index Template (index.php) pada Templates section disebelah kanan anda.
6.Sila cari code seperti gambar dibawah dalam index.php anda.Code ini selalunya terletak dibahagian bawah.(Code ini mungkin sedikit berbeza bergantung kepada themes yang anda gunakan)
7.Gantikan code yang dihighlight dengan code ini
1: <?php if(function_exists('wp_page_numbers')) { wp_page_numbers(); } ?>
8.Contoh code yang telah diubah :
9.Klik Update File dan refresh blog anda untuk tengok hasilnya.
10.Anda boleh mengubah setting WP Page Numbers di bahagian Settings.
11.Hasil akhir :
Kesimpulan :
Jika ditanya plugin mana yang lebih baik atau bagus,saya lebih prefer plugin wp page numbers kerana ianya lebih cantik,banyak themes untuk dipilih dan senang untuk dicustomize.
Plugin wp-page navi pula memerlukan anda edit css untuk menukar style nya.
Akhir kata selemat mencuba
Users who found this page were searching for:
- membuat pagenavi di wordpress
- cara memasang wp page number
- mengganti older post dengan WP pagenavi
- wp-pagenavi NAVOD video
- cara membuat pagenavi manual
- tutorial setting wp-pagenavi
- pasang pagenavi
- cara seting wp pagenavi
- cara mengganti wp-pagenavi
- cara pakai wp pagenavi
13/11/2008 @ 1:40 pm
kalau anda yang confuse,silalah tanya ye
13/11/2008 @ 4:38 pm
boleh try nih. thanks!
shaxx´s last blog post..myLot Pays
13/11/2008 @ 4:52 pm
sama2
tlg sampaikan kat rakan bloggers yg lain
13/11/2008 @ 8:11 pm
huhu… cantek cantek
tp nk tanya gak. apa beza pagenavi dgn pagenumbers? cuma lain plugin dan pembuatnya atau ada keistimewaan masing2?
zariel´s last blog post..Dragon Ball Versi Hollywood
13/11/2008 @ 8:14 pm
pagenumbers lebih cun,byk themes.kalau page-navi kena edit manual css.
so kalau aku,aku prefer pagenumbers (Y)
13/11/2008 @ 8:43 pm
aku nk ejas css bagi transparent mcm NoktahHitam camna? hehe
zariel´s last blog post..Dragon Ball Versi Hollywood
13/11/2008 @ 9:08 pm
erk..ko kena tanya noktahhitam la kot
13/11/2008 @ 9:27 pm
thank you for this. (Y)
13/11/2008 @ 10:05 pm
sama2
18/11/2008 @ 2:25 pm
Alhamdulillah..rupanya plugin..
jenuh ana cari..ingatkan theme..
thanks bro..tambah tutorial byk lagi..
aku bookmark blog ko kat YM aku (H)
18/11/2008 @ 2:25 pm
lupa lak..ada YM tak add aku
puteraebiz
19/11/2008 @ 6:55 pm
sama2 Putera (H)
ok aku dah add ym ko
21/11/2008 @ 4:22 pm
mcm bes ni..kena try (Y)
24/11/2008 @ 2:04 am
Trimas tuk tutorial ni. Memang memudahkan bagi mereka2 yg nk cepat navigate terus ke sesuatu page.
24/11/2008 @ 11:03 am
Sama2
aku buat tutorial ni sbb dari blogger lagi aku mengidam nak guna plugin nih
12/12/2008 @ 1:06 am
ok ini pun dah set kan thanks bro
12/12/2008 @ 9:17 am
sama2 lankapo
26/12/2008 @ 10:37 pm
maaf nak tanya. mcamana nk buat langkah 2 tu.. tak retilah.. baru belajar wordpress ni. boleh email tak? tkasih
27/12/2008 @ 12:26 am
tumpang tanya, pakai wordpress versi apa? 2.7 or 2.6.x? guna hosting yang ada cpanel/directadmin tak?
EiNS´s last blog post..Bila…Aku Sudah Tiada
03/01/2009 @ 4:55 am
mmmm.. good tutorial..
boleh tukar themes dari admin panel…(overide)..
atau boleh wat theme sendiri tuk navigation, upload themes dalam directory plugin/wp-pagenumber/themes … dan switch kat admn panel…
good2..
TQ for the tutorial…
manS´s last blog post..yang di atas
Pingback: Tips mengubahsuai theme wordpress yang anda harus tahu | JomPHP
07/05/2009 @ 1:30 pm
salam. nk tmbah sket. bukan kat index sahaja. tapi kalau boleh letak kt archieve, search result. huhu, categori lg
07/05/2009 @ 1:38 pm
salam.mmg betul tu.aku pn lupa nak state masa tulis aritu.thanks :happy: :happy:
23/05/2009 @ 9:09 pm
hoho…rupanya kena edit main index templete….patut pun page bar tu x kuar2….haha
neway, ada problm sikit…aku punya main index templete xde tu….mcm mana nak atur ekk…nak tambah kat bwh sekali code tu ke….hehe, baru lg dgn wp, so takut sikit nak edit…haha…harap blh beri tunjuk ajar :blush:
23/05/2009 @ 9:14 pm
Kod2 tak semestinya sama, tapi kalau ada yg bunyi2 navigation kat dalam index.php tu boleh la ganti…
23/05/2009 @ 9:28 pm
tambah je kat mana2 :biggrin:
sbb nanti ko try refresh, bleh agak kedudukan nak letak kat mana code tu :blush:
04/06/2009 @ 8:10 pm
hoho…dah berjaya pasang…thanks :cheerful:
p/s: lawa je part komen kita 3 ni…sume gravatar kartun…
04/06/2009 @ 8:14 pm
Haha…sume peminat anime…rave, one piece n dragon quest
21/07/2009 @ 2:33 pm
Ien..ngape kak jie nyer…dia tak mcm mendatar..dia menegak..
.-= Kujie´s last blog ..Reasons to be grateful =-.
30/07/2009 @ 12:43 pm
nape den punyer xjadi pun :dizzy: :ermm:
.-= hoyeea´s last blog ..Istilah Komputer =-.
30/07/2009 @ 1:45 pm
tak jadi camnetu?detail skit boleh?
23/08/2009 @ 12:33 am
tenkiu utk tutorial ni.
aku dah cuba. jadi tu memang jadi.
tapi, bila dekat home..page navi tu tak de.
bila klik ‘older entries’..baru ada.
kenapa ek?
23/08/2009 @ 5:45 am
Paste code tu dalam index.php, single.php, dll…gantikan kod older entries dengan kod wp page navi…
.-= EiNS´s last blog ..Salam Ramadhan dan selamat berpuasa! =-.
23/08/2009 @ 6:07 am
owh.
okey, tenkiu!
01/02/2010 @ 3:18 pm
terima kasih for the tutorial…
baru buat di blog n its work.. :happy:
20/03/2010 @ 4:05 pm
ada rupanya tuto kat sini..aku main godek2..nasib baik jadi akhirnya..hehe :biggrin:
.-= aizuddin´s last blog ..Apa Rafidah Ibrahim Ajar Aku Blogging? =-.
17/04/2010 @ 10:18 pm
Wowow….. thnx…^^
04/07/2010 @ 7:28 pm
Finally, blog aku ada juga paganavi nie. Thanks for the info dude.
03/03/2011 @ 8:57 pm
ini neh yg paling mantap, padat dan jelas. tengkyu masbro
13/05/2011 @ 8:22 am
wow mantabs mas berhasil ane..
terima kasih..