[WordPress外掛] 數字化的「下一頁」文章翻頁按鈕!

 

 

 

推到 Twitter!
推到 Plurk!
推到 Facebook!
版本更新回報..

當我們在WordPress網誌中寫了很多篇文章之後,首頁下方都會有「下一頁」、「上一頁」...等按鈕,讓網友可以一頁、一頁的翻到其他頁面去閱讀。不過如果你想要讓「下一頁」、「上一頁」的按鈕可以改成像Google或Yahoo搜尋引擎最下面的分頁按鈕一樣,能列出全部頁數,並將目前頁面所在頁數顯示出來的話,那該怎麼做呢?

 

 

以下我們以「WP Page Numbers」這個WordPress的外掛來做,除了可以一頁一頁顯示該頁頁數之外,還有個「上一頁」、「下一頁」的按鈕。重點是他可以透過「佈景主題」的方式讓我們挑選喜歡的分頁樣式,還可以自己改CSS,整個改一改之後,真的好看很多喔!

 

DEMO畫面:

PageNumbers00

 

 

▇ 軟體小檔案 ▇

軟體名稱:WP Page Numbers
軟體版本:0.5
軟體語言:英文
軟體性質:免費軟體
檔案大小:13.1KB
系統支援:WordPress架站程式專用外掛
官方網站:http://www.jenst.se/
軟體下載:按這裡

 

一、安裝方法

  1. 下載、解壓縮
  2. 將「wp-page-numbers」資料夾上傳到「/wp-content/plugins/」裡
  3. 後台啟用外掛,然後再依照下面方式修改補景主題

 

二、使用方法

將下面的網頁程式碼放到你的佈景主題中,一般是貼在「index.php」網頁檔裡面:

<?php if(function_exists(‘wp_page_numbers’)) { wp_page_numbers(); } ?>

將原本的下一頁功能換掉。 (下面是舊的預設分頁瀏覽按鈕)

<div class="navigation">
    <div class="alignleft"><?php next_posts_link(‘&laquo; Older Entries’) ?></div>
    <div class="alignright"><?php previous_posts_link(‘Newer Entries &raquo;’) ?></div>
</div>

 

 

三、分頁按鈕的佈景主題修改方法

確定分頁按鈕可以正常運作之後,我們可以到後台的「設定」→「Page Numbers」頁面中去設定分頁按鈕的佈景主題與相關樣式。

 

第1步  啟用外掛後,我們可以在後台的「設定」頁面中看到一個「Page Numbers」的設定頁面,我們可以在「Use themes」區塊中選擇你喜歡的分頁按鈕樣式,左邊的名稱各代表這些樣式所在的資料夾,如果你選了「Classic」這個佈景主題,之後可以到「/plugins/wp-page-numbers/classic/」資料夾中去修改他的CSS樣式,改成你喜歡的樣子。

PageNumbers01 

 

第2步  這個Text設定頁面可以讓我們修改分頁按鈕的文字敘述,預設都會是英文的,我們可以自己把他改成中文字,方便網友瀏覽。裡面的「Default text:<」指的是「上一頁」這個按鈕要顯示的文字,我們可以把他改成「<上一頁」或「回上一頁」或任何你喜歡的敘述方式,其他的依此類推。

下方的「Settings - show/hide」則是設定要不要顯示分頁訊息、上一頁/下一頁按鈕、最前頁、最後頁的數字,跟鄰近頁碼的數字。

PageNumbers02 

 

第3步  最後面的「Number of pages to show」設定可以調整分頁按鈕中的「鄰近頁碼」要顯示的數量。譬如說,當前頁面為8,你讓它顯示「3」個鄰近頁碼,它則會顯示如下:

PageNumbers04 

 

如果當前頁面為8,你讓它顯示「6」個鄰近頁碼,它則會顯示如下:

PageNumbers05 

如果你把這欄位的數字設定為「0」,他則會把全部頁面的按鈕都列出來,萬一有幾百頁的話,就會有幾百個數字按鈕,也是蠻壯觀的啦!

 

(請勿全文轉貼本站文章,歡迎「部份引用」或介紹,引用時請註明 ①網站名稱 與 ②文章網址,感謝~~ )
→ 免費訂閱最新文章:  (如何訂閱?)
本文作者:不來恩 | 發表時間:2008/06/07 | 分類: WordPress 網站架設 | Trackback 引用網址     
注意事項:本站所介紹之軟體、設定或網站服務,經實際安裝測試並通過防毒軟體掃毒。但因為不同電腦環境與軟體設定可能都各有差異,建議您僅在非工作用的電腦安裝、測試,避免因為不可預知的錯誤、當機或軟硬體衝突,影響您的工作或電腦運作。另外,在進行任何重要的操作與設定之前,記得先行備份電腦中的重要資料,避免因為未依指示的不當操作或其他疏失造成資料毀損。當您依照本文所提供之訊息執行各種操作,表示您已閱讀此注意事項並同意自行承擔可能之風險與責任。

 

關於本主題有 21 個留言:

  1. 哈啦部落格 說道:

    站長 圖片掛很久了
    這也有新版本了 可以更新一下囉!!

  2. toppy368 說道:

    樓主你的圖片掛了

  3. wade 說道:

    請問要怎麼不讓文章的最後出現"This entry was posted on 星期二, 十二月 22nd, 2009 at 10:12:00 and is filed under Rock. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site. Edit this entry."

  4. 不留暱稱 說道:

    WP Page Numbers 0.5 可以應用到wordpress 2.9.2 應用ok!
    我也改成功了!

  5. KENNY 說道:

    您好:
    看了您的教學之後……….
    有些地方不太懂想請問您
    在第2點使用方法中……

    這句語法是要替換下面的哪一句阿
    另外有個問題想請問您
    我如何設定首頁幾篇文章之後出現下一頁
    還是說她會主動一篇文章就出現一頁

    謝謝您(祝您新年快樂)

  6. 奶昔 說道:

    載點掛了= =冏

  7. [...] Akismet:wp官方附帶的防垃圾留言外掛,簡潔有力。 All in One SEO Pack:將部落格標題最佳化,以利搜尋引擎快速收錄。 Favicon Head:自動在每個頁面插入favicon.ico網站小圖示。 FeedBurner FeedSmith:自動監測你的所有 WordPress 原始 Feed,並重新定向到 FeedBurner Feed。 Random lightbox Flickrrss:可以讓你自由自在的隨機展示特定標籤的flickr照片,還可以限定張數。(這是Robbin修改的版本,我個人超愛!推!) Get Recent Comments:顯示近期文章的回應或迴響。 Lightbox 2:讓你的網頁圖片開啟有光箱效果的plugin。 ShareThis:把文章加入自己喜歡的書籤服務,讓文章變的更容易分享。 Simple Tags:管理預設標籤功能,還有標籤雲、相關文章等附加功能,是目前標籤管理最完善的外掛。 WP-PostViews:顯示文章閱讀人次的plugin,除了讓你知道這篇文章有多少人瀏覽之外,也內建了排列熱門文章的方式。 WP-UserOnline:顯示線上人數的方式。 WP Page Numbers:就是頁碼:1 2 3 4 5 …… X 的東西。(詳細方法請參考這裡) [...]

  8. 說道:

    我成功了!

  9. [...] [WordPress外掛] 數字化的「下一頁」文章翻頁按鈕!  【重灌狂人】 [...]

  10. neco 說道:

    前陣子更新完2.6版本後,我的WP Page Numbers 功能好像就失效了
    沒辦法順利導向下一頁,有人有這個問題嗎?

  11. 拓海小築 說道:

    佈景主題修改…Part 2…

    昨晚睡不著,也蠻無聊的,就來改改佈景主題好了!
    ……

  12. 魯克 說道:

    高登 寫的也可參考
    http://gordon168.tw/?p=71

  13. ET 說道:

    現改用了k2的theme
    都找不到要改的地方
    怪怪的

  14. kris 說道:

    哈囉不來恩

    請問你知道在blogger做出這樣的page bar的方法嗎?

    我用的是那個平台,但是我也想要帥氣又方便的頁碼XD

  15. Jason 說道:

    請問可以讓「它們」置中顯示嗎?要改哪個部分呀?謝謝~

  16. Kenny 說道:

    我是用i3theme的…
    但我於index.php裡找不到你說的程式碼…於是我就四處去找找看…
    在page.php及single.php找到有關於"頁"的東西…更換後卻用不到…
    可以教教我嗎?
    還是不可用在i3theme?
    感謝~

  17. ET 說道:

    你好不來恩
    我install了這一個外掛後
    找不到在theme中的碼
    我是用《SeaShore》的THEME

    (我是香港人,你可能不明白我說什麼,但我盡了我的能力…)

  18. 不來恩 說道:

    請問你是要在虛擬主機架站,還是在自己電腦架站?

    或者你乾脆簡單一點,直接使用免費的WordPress.com 的服務好囉,它都幫你架好囉

    http://zh-tw.wordpress.com/

  19. 請填暱稱 說道:

    可以教一下如何簡單利用wordpress架個站嗎?
    有哪些步驟?

  20. syuan 說道:

    不知道是不是打錯字了?
    第五行的:那該怎麼「作」呢?
    應該是做吧?
    還是我記錯了? 囧

歡迎留下您的想法或意見...

暱稱:     部落格:

信箱:

(為避免垃圾訊息,全部留言需經系統管理員審核之後才會出現,請勿重複發文)

 

 ▇ 討論區最新文章

 

 ▇ 產業科技新知

 

 ▇ 其他文章

 

 

【重灌狂人】全部文章分類:

  防毒軟體 MSN, WLM 聊天軟體 Yahoo!即時通
下載、P2P YouTube Google
Firefox瀏覽器 Opera瀏覽器 Blog
好用軟體 好站推薦  
     
  Windows XP電腦密技 Windows Vista電腦密技 Mac OS 蘋果電腦密技
其他作業系統    
     
  Office文書處理 檔案管理 郵件收發
影音播放 影音剪輯 秀圖、圖片編修
網路瀏覽 網頁編修、網站架設 WordPress 網站架設
     
  硬體3C資訊 手機流行通訊 廠商新聞稿
【超級星光大道】 熱門話題 好玩
七嘴八舌 貼圖、影片分享