Post Format

Tutorial memasang WP-PageNavi & WP PageNumbers

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 :

sebelum

Selepas memasang plugin :

a)menggunakan wp-pagenavi

selepas1

b)menggunakan wp-pagenumbers

selepas2

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.

design

5.Klik pada Main Index Template (index.php) pada Templates section disebelah kanan anda.

index

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)

code

7.Gantikan code yang dihighlight dengan code ini :

   1: <?php if(function_exists('wp_pagenavi')) { wp_pagenavi(); } ?>  

8.Contoh code yang telah diubah :

index2

9.Klik Update File dan refresh blog anda untuk tengok hasilnya.

10.Anda boleh mengubah setting wp-pagenavi di bahagian Settings.

11.Hasil akhir :

selepas1

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.

design

5.Klik pada Main Index Template (index.php) pada Templates section disebelah kanan anda.

index

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)

code

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 :

index3

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 :

selepas2

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

Author: cyberfly

Hi! Saya merupakan seorang web developer sepenuh masa di Petaling Jaya. Seorang yang sukakan teknologi dan gadget. Follow saya di twitter @cyberflyx

40 comments

  1. Alhamdulillah..rupanya plugin..
    jenuh ana cari..ingatkan theme..

    thanks bro..tambah tutorial byk lagi..
    aku bookmark blog ko kat YM aku (H)

    Reply
  2. Trimas tuk tutorial ni. Memang memudahkan bagi mereka2 yg nk cepat navigate terus ke sesuatu page.

    Reply
  3. maaf nak tanya. mcamana nk buat langkah 2 tu.. tak retilah.. baru belajar wordpress ni. boleh email tak? tkasih

    Reply
  4. 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

    Reply
  5. Pingback: Tips mengubahsuai theme wordpress yang anda harus tahu | JomPHP

  6. 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:

    Reply
  7. 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?

    Reply

Leave a Reply

Required fields are marked *.

*