WordPress外掛《WP Page Numbers》分頁導航、內建5種樣式任君選擇

一般我們在找Wordpress的分頁外掛時,第一個想到的幾乎都是〝WP-PageNavi〞雖然很好用不過提供的CSS樣式太單調,通常都還要自行修改樣式,對於不太懂CSS的人就顯的有點麻煩,所以依照最近丫湯不斷的提醒懶人族的宗旨,我們可以改用『WP Page Numbers』這一個分頁的插件不同於PageNavi在於內建了5個樣式供你選擇,設定也很簡單,如果你懂CSS想自已製作樣式也都沒有問題。

WP Page Numbers分頁導航外掛:

官方網站:http://www.jenst.se/

外掛版本:0.5

WordPress官方外掛頁面:http://wordpress.org/extend/plugins/wp-page-numbers/

安裝方式:

1.如果要利用FTP上傳安裝可以到Wordpress官方頁面下載後,解壓縮後上傳到外掛資料夾/wp-content/plugins,再到後台啟用即可

2.也可以利用後台→外掛→新增→搜尋wp page numbers,點擊安裝

01

點擊"立即安裝"

02

最後再啟用外掛,相信大家已經對這都沒有問題了

03

外掛使用及設定方式:

我們先來設定分頁導航列要出現的位置,打開佈景中的index.php在要顯示分頁的地方加上以下語法:

04

後台設定:

後台→設定→Pages Numbers

我們分為幾個區塊來做說明,最上面是決定是否使用以下佈景,當然是要勾選,再挑選你想顯示分頁的樣式,當然如果這5種樣式不能滿足你的話,你可以參考該外掛資料夾中的樣式自行再修改製作,上傳後,在下方的Theme folder name中填入你自製的樣式資料夾即可。

05

在Text中可以自定要顯示的字樣,對照上方的佈景樣式範例,就知道每個字是顯示在哪囉

06

Show/hide是設定要顯示哪些項目,下方的Misc則是設定第幾頁後開始縮頁以…替代

07

設定完後再到首頁看看有沒有成功,照著丫湯的步驟走應該是不會有什麼問題啦,不過要記將舊的分頁語法也刪掉,不然會一起出現那就怪怪的了。

你可能對這些內容也有興趣

阿湯 作者:阿湯

對電腦 & 網路資訊充滿興趣與熱情、瘋了似的每日堅持發文,「阿湯」這個名字是由湯姆克魯斯而來的,雖然我沒有他帥氣,也不會演電影,但我會寫文章....

更多關於的文章》

16 個留言

  1. Avatar yun表示:

    您好:
    我還是不懂,我想用分頁功能(頁面>新增頁面這邊)來分類我的文章,但怎麼都不能這樣分,請問是什麼原因呢?

  2. Avatar vivian表示:

    請問Wordpress.com 可以用嗎?還是只限定org

    阿湯說:

    用在自己架設的

  3. Avatar 發發表示:

    哈囉你好,我照著教學試做了,我看不太懂PHP,有出現了PAGE1.2.3,但是不管我點2還是點3我的頁面還是出現第一頁 。
    請教一下我哪個步驟出錯了xD
    謝謝你!

    阿湯說:

    也有可能是你的佈景不支援,或是版本不符

  4. Avatar 葙草表示:

    不错啊!学习了

    阿湯說:

    加油^^,歡迎常來

  5. Avatar Louis表示:

    這個很漂亮啊

    阿湯說:

    盡量用︿︿

  6. Avatar 炮爺表示:

    一直都是懶人啊 :as11
    細心體貼不會多我一個
    丟三落四不會少我一咖

    阿湯說:

    那我們要結拜一下了~~

  7. Avatar 炮爺表示:

    一直都用這款啊,我還以為我是用WP-PageNavi :as49

    阿湯說:

    難道炮爺跟丫湯一樣是屬於懶人健忘族~~

  8. Avatar Smallx2表示:

    為了一併解決blog的其他問題,今天我決定狠下心換佈景(實在很不會改阿),索性挑了一個有分頁的來用,不過還是很謝謝你呢^^

    阿湯說:

    你這佈景蠻清爽的呀,inove的架構

    支援性蠻高的

  9. Avatar xD~碳表示:

    葛葛總算介紹了碳碳用的外掛了,感動 :as45

    阿湯說:

    哈~你也可以自己寫教學呀XD

  10. Avatar 炮爺表示:

    原來我用的是這款啊! :as25

    阿湯說:

    不要跟我說你今天才知道= =

  11. 那要怎麼讓「Page Numbers」置中呢?
    不管我怎麼弄,它都沒有辦法到中間…
    題外話,我有沒有搶到沙發啊? :as51

    阿湯說:

    我看了一下應該是要直接從插件那改,我這2天看一下

  12. Avatar Smallx2表示:

    哈囉你好~這個很實用喔,話說我之前想用PageNavi但是每次一插入語法就會導致整個版面亂掉,可能是我使用的佈景的關係,我的navigation bar是在footer的地方,我也不敢自己亂修改只好停用,直到用本篇推薦的這款外掛就正常了,真是感謝阿,但是想請問一下如何讓它置中呢?或者至少不要貼邊我有用了center的語法好像沒有效果~~來請教一下

    阿湯說:

    請問你的center語法是如何加的

發表留言 »

姓名(*)
信箱(*)