當我們在WordPress網誌中寫了很多篇文章之後,首頁下方都會有「下一頁」、「上一頁」...等按鈕,讓網友可以一頁、一頁的翻到其他頁面去閱讀。不過如果你想要讓「下一頁」、「上一頁」的按鈕可以改成像Google或Yahoo搜尋引擎最下面的分頁按鈕一樣,能列出全部頁數,並將目前頁面所在頁數顯示出來的話,那該怎麼做呢?
以下我們以「WP Page Numbers」這個WordPress的外掛來做,除了可以一頁一頁顯示該頁頁數之外,還有個「上一頁」、「下一頁」的按鈕。重點是他可以透過「佈景主題」的方式讓我們挑選喜歡的分頁樣式,還可以自己改CSS,整個改一改之後,真的好看很多喔!
DEMO畫面:
![]()
▇ 軟體小檔案 ▇
軟體名稱:WP Page Numbers
軟體版本:0.5
軟體語言:英文
軟體性質:免費軟體
檔案大小:13.1KB
系統支援:WordPress架站程式專用外掛
官方網站:http://www.jenst.se/
軟體下載:按這裡
一、安裝方法
- 下載、解壓縮
- 將「wp-page-numbers」資料夾上傳到「/wp-content/plugins/」裡
- 後台啟用外掛,然後再依照下面方式修改補景主題
二、使用方法
將下面的網頁程式碼放到你的佈景主題中,一般是貼在「index.php」網頁檔裡面:
<?php if(function_exists(‘wp_page_numbers’)) { wp_page_numbers(); } ?>
將原本的下一頁功能換掉。 (下面是舊的預設分頁瀏覽按鈕)
<div class="navigation">
<div class="alignleft"><?php next_posts_link(‘« Older Entries’) ?></div>
<div class="alignright"><?php previous_posts_link(‘Newer Entries »’) ?></div>
</div>
三、分頁按鈕的佈景主題修改方法
確定分頁按鈕可以正常運作之後,我們可以到後台的「設定」→「Page Numbers」頁面中去設定分頁按鈕的佈景主題與相關樣式。
第1步 啟用外掛後,我們可以在後台的「設定」頁面中看到一個「Page Numbers」的設定頁面,我們可以在「Use themes」區塊中選擇你喜歡的分頁按鈕樣式,左邊的名稱各代表這些樣式所在的資料夾,如果你選了「Classic」這個佈景主題,之後可以到「/plugins/wp-page-numbers/classic/」資料夾中去修改他的CSS樣式,改成你喜歡的樣子。
第2步 這個Text設定頁面可以讓我們修改分頁按鈕的文字敘述,預設都會是英文的,我們可以自己把他改成中文字,方便網友瀏覽。裡面的「Default text:<」指的是「上一頁」這個按鈕要顯示的文字,我們可以把他改成「<上一頁」或「回上一頁」或任何你喜歡的敘述方式,其他的依此類推。
下方的「Settings - show/hide」則是設定要不要顯示分頁訊息、上一頁/下一頁按鈕、最前頁、最後頁的數字,跟鄰近頁碼的數字。
第3步 最後面的「Number of pages to show」設定可以調整分頁按鈕中的「鄰近頁碼」要顯示的數量。譬如說,當前頁面為8,你讓它顯示「3」個鄰近頁碼,它則會顯示如下:
如果當前頁面為8,你讓它顯示「6」個鄰近頁碼,它則會顯示如下:
如果你把這欄位的數字設定為「0」,他則會把全部頁面的按鈕都列出來,萬一有幾百頁的話,就會有幾百個數字按鈕,也是蠻壯觀的啦!
(請勿全文轉貼本站文章,歡迎「部份引用」或介紹,引用時請註明 ①網站名稱 與 ②文章網址,感謝~~ )
注意事項:本站所介紹之軟體、設定或網站服務,經實際安裝測試並通過防毒軟體掃毒。但因為不同電腦環境與軟體設定可能都各有差異,建議您僅在非工作用的電腦安裝、測試,避免因為不可預知的錯誤、當機或軟硬體衝突,影響您的工作或電腦運作。另外,在進行任何重要的操作與設定之前,記得先行備份電腦中的重要資料,避免因為未依指示的不當操作或其他疏失造成資料毀損。當您依照本文所提供之訊息執行各種操作,表示您已閱讀此注意事項並同意自行承擔可能之風險與責任。

站長 圖片掛很久了
這也有新版本了 可以更新一下囉!!
樓主你的圖片掛了
請問要怎麼不讓文章的最後出現"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."
WP Page Numbers 0.5 可以應用到wordpress 2.9.2 應用ok!
我也改成功了!
您好:
看了您的教學之後……….
有些地方不太懂想請問您
在第2點使用方法中……
這句語法是要替換下面的哪一句阿
另外有個問題想請問您
我如何設定首頁幾篇文章之後出現下一頁
還是說她會主動一篇文章就出現一頁
謝謝您(祝您新年快樂)
[...] 教學網頁連結 [...]
載點掛了= =冏
[...] 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 的東西。(詳細方法請參考這裡) [...]
我成功了!
[...] [WordPress外掛] 數字化的「下一頁」文章翻頁按鈕! 【重灌狂人】 [...]
前陣子更新完2.6版本後,我的WP Page Numbers 功能好像就失效了
沒辦法順利導向下一頁,有人有這個問題嗎?
佈景主題修改…Part 2…
昨晚睡不著,也蠻無聊的,就來改改佈景主題好了!
……
高登 寫的也可參考
http://gordon168.tw/?p=71
現改用了k2的theme
都找不到要改的地方
怪怪的
哈囉不來恩
請問你知道在blogger做出這樣的page bar的方法嗎?
我用的是那個平台,但是我也想要帥氣又方便的頁碼XD
請問可以讓「它們」置中顯示嗎?要改哪個部分呀?謝謝~
我是用i3theme的…
但我於index.php裡找不到你說的程式碼…於是我就四處去找找看…
在page.php及single.php找到有關於"頁"的東西…更換後卻用不到…
可以教教我嗎?
還是不可用在i3theme?
感謝~
你好不來恩
我install了這一個外掛後
找不到在theme中的碼
我是用《SeaShore》的THEME
(我是香港人,你可能不明白我說什麼,但我盡了我的能力…)
請問你是要在虛擬主機架站,還是在自己電腦架站?
或者你乾脆簡單一點,直接使用免費的WordPress.com 的服務好囉,它都幫你架好囉
http://zh-tw.wordpress.com/
可以教一下如何簡單利用wordpress架個站嗎?
有哪些步驟?
不知道是不是打錯字了?
第五行的:那該怎麼「作」呢?
應該是做吧?
還是我記錯了? 囧