Tutorial memasang WP-PageNavi & WP PageNumbers

Majalah9 - Eksplorasi Duniawi

email

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:

  • cara buat page navi di wp simply
  • mengganti older post dengan WP pagenavi
  • cara guna pagenavi
  • cara menggunakan Wp Pagenavi Style
  • cara pasang pagenavi di wordpress
  • tutorial setting wp-pagenavi
  • uitm student portal
  • cara menggunakan plugin pagenavi
  • nak setting page navi
  • macamana nak aktifkan pagenavi

Related posts:

  1. Memasang Post Views di blog wordpress anda
  2. Cara menggunakan facebook social plugin di blog
  3. 5 plugin wordpress yang anda harus cuba
  4. Jetpack – membawakan pelbagai fungsi canggih WordPress.com ke blog WordPress self-hosted anda
  5. Memasang embed comment ala wordpress dalam blogger!

cyberfly

Admin JomPHP.Merupakan seorang pelajar sepenuh masa di UiTM Shah Alam dan mengambil jurusan Ijazah Perkomputeran Netsentrik.Menghasilkan JomPHP untuk berkongsi ilmu dan pengetahuan dalam bidang IT.Blog lain ialah blog peribadi iaitu Cyberfly Blog

40 Comments to "Tutorial memasang WP-PageNavi & WP PageNumbers"

Leave a Comment

Make sure you enter the (*) required information where indicated. Basic HTML code is allowed.

:alien: :angel: :angry: :blink: :blush: :cheerful: :cool: :cwy: :devil: :dizzy: :ermm: :face: :getlost: :biggrin: :happy: :heart: :kissing: :lol: :ninja: :pinch: :pouty: :sad: :shocked: :sick: :sideways: :silly: :sleeping: :smile: :tongue: :unsure: :w00t: :wassat: :whistle: :wink: :wub: