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

最後更新:09-14, 2013 上午 11:22

TAG:
kjbrian

Author: 不來恩

briiancom@gmail.com

相關資訊

訪客留言:

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

  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點使用方法中……

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

    謝謝您(祝您新年快樂)

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

    1. 我覺得兩個套件都可以推,因為每個佈景的寫法不同,所以兩個套件都不見得能適用到所有套件,只能請使用者自己試試看了

  4. 哈囉不來恩

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

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

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

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

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

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

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *