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

當我們在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」,他則會把全部頁面的按鈕都列出來,萬一有幾百頁的話,就會有幾百個數字按鈕,也是蠻壯觀的啦!

Posted in WordPress 網站架設Tagged
注意事項:本站所介紹之軟體、設定或網站服務,經實際安裝測試並通過防毒軟體掃毒。但因為不同電腦環境與軟體設定可能都各有差異,建議您僅在非工作用的電腦安裝、測試,避免因為不可預知的錯誤影響您的工作或電腦運作。從本站下載的軟體由所屬軟體公司提供,本站未經任何修改且無法保證軟體公司可能在新版程式中自行安插廣告程式或其他維護不當等因素而造成損害。在進行任何操作與設定之前,記得先行備份電腦中的重要資料,避免因為未依指示的不當操作或其他疏失造成資料毀損。當您依照本文所提供之訊息執行各種操作,表示您已閱讀此注意事項並同意自行承擔可能之風險與責任。
相關資訊
訪客留言

27 則回應

  1. 請問要怎麼不讓文章的最後出現”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.”

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

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

    謝謝您(祝您新年快樂)