一月13
WP-PageNavi讓WordPress也可以有數字分頁功能列

PageNavi數字分頁水平功能列

WordPress內定新舊文章翻頁的文字為【← Older posts】與【Newer posts →】,對中文的使用者似乎有點不搭調,也有點不夠友善,還好WordPress上面有很多的外掛可以讓你的部落格擁有直覺式的數字翻頁功能,可以讓讀者一目了然還有多少的頁面可以翻動,也可以允許讀者隨意翻頁,是個相當不錯的外掛功能。

Blogfuntw_WP-PageNavi01
在WordPress上面安裝WP-PageNavi外掛時可以由Wordress的後台進入,直接點擊「外掛」功能表下的「新增外掛」,然後尋找【WP-PageNavi】,找到後點擊其下方的「立即安裝」就可以直接安裝了;或是下載外掛程式再手動上傳也可以。

安裝完畢後,記得要「啟用外掛」。你還必須把下面這行程式碼加到你希望「數字分頁功能列」出現的地方,比如說【index.php(主要模板)】【page.php(網誌分頁模板)】、【search.php(搜尋結果模板)】、【archive.php(彙整模板)】、【category.php(分類模板)】…等。如果是 WordPress 的標準板型 (Twenty Ten),那只要更改一個【loop.php】板型就可以了,因為所有的文章分頁都由這個板型負責。

<?php wp_pagenavi(); ?>

這裡以 loop.php 為範例說明,在 Twenty Ten 個範本中,loop.php 會在文章的最上面以及最下面都顯示【← Older posts】與【Newer posts →】,所以如果要加上數字分頁功能表,可以自己考慮想要同時加在文章的最上面以及最下面,或只要加一個地方就好了。

開啟 loop.php 以後可以搜尋【Older posts】,然後把【<div id=”nav-above” class=”navigation”>……’twentyten’ ) ); ?></div></div>】的整串成是碼取代掉,或使用【<!—】【—>】把程式碼包起來當作註解,在貼上【<?php wp_pagenavi(); ?>】程式碼。
blogfuntw_WP-PageNavi03

程式碼安裝正確後,可以來到Wordpress後台,在側邊功能表上選擇「設定」下的「分頁導航」(簡體中文), 開啟「分頁導航選項」,這裡可以讓你修改「數字分頁功能列」的樣式。 變更完畢後記得點按「保存更改」按鍵。
blogfuntw_WP-PageNavi02

下面我們就來說明這些參數的意義與設定…

  • Text For Number Of Pages(頁數文字設置):顯示在最左方,用來表示共有幾頁,現在是第幾頁。可以設定成【頁面 %CURRENT_PAGE% / %TOTAL_PAGES%】。也可以填空白。
    PageNavi08
  • Text For Current Page(當前頁數文字設置):現在的頁數。一般填【%PAGE_NUMBER%】,也可以填空白。
  • Text For Page(頁數文字設置):其他的頁數。一般填【%PAGE_NUMBER%】,下圖範例填空白,僅出現現在的頁數、末頁與首頁。
    PageNavi09
  • Text For First Page(首頁文字設置):首頁的文字。
  • Text For Last Page(首數文字設置):末頁的文字。
  • Text For Next Page(下一頁文字設置):下一頁的文字
  • Text For Previous Page(頁數文字設置):前一頁的文字。
  • Text For Next …(下一頁省略文字設置):介於「上一頁」與「首頁」間的文字。沒有連結,可以考慮空白。
  • Text For Previous …(上一頁省略文字設置):介於「下一頁」與「末頁」間的文字。沒有連結,可以考慮空白。
  • Page Navigation Style(分頁導航選項):分成【Normal(正常)】跟【Drop-down List(下拉列表)】兩種。【Normal】就是我們一般看到的橫式;【Drop-down List】為下拉式選單。下列圖示為【Drop-down List】範例。
    PageNavi07
  • Always Show Page Navigation:如果打勾的話,如果只有一篇文章的話也會顯示「數字分頁功能列」。
  • Number Of Pages To Show:顯示相鄰頁數的數量。(下圖範例設定為5)
    PageNavi06
  • Number Of Large Page Numbers To Show:倍數頁數顯示的個數,假設這裡設定為3且【Show Large Page Number In Multiples Of】設為5,則會顯示三個倍數數字10,15,20,當然前提要文章數有那麼多才行。
    PageNavi05
  • Show Large Page Number In Multiples Of:如果數字設定為5,則頁數超過5以後就會以5的倍數數字表示,如10,15…。如果數字為10,就會以10的倍數數字表示,如20,30。(下圖範例設定為5)
    PageNavi03


回到》用Wordpress架設部落格網站教學 首頁

延伸閱讀:
WordPress:深入了解WP-PostViews製作「熱門文章」清單
WordPress外掛:WP-PostViews(文章流量統計)
Google Page Speed-測試你的網頁速度,提供改善建議


本部落格提供免費電子書索取:
我如何開始寫部落格 寫部落格賺錢術 如何提昇部落格人氣

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *