內容簡介
這個外掛可以在首頁和檔案庫（類別、作者、日期等等）顯示頁面導覽（分頁）。你可以使用多個參數，並且靈活地自訂分頁。以下為相關示範和 CSS 範例。
示範
預設設置
模板標籤
輸出範例
<ul class="page_navi">
<li class="first"><a href="http://www.example.com/">&laquo;</a></li>
<li class="previous"><a href="http://www.example.com/page/5/">&lt;</a></li>
<li class="before delta-5 head"><a href="http://www.example.com/">1</a></li>
<li class="before delta-4"><a href="http://www.example.com/page/2/">2</a></li>
<li class="before delta-3"><a href="http://www.example.com/page/3/">3</a></li>
<li class="before delta-2"><a href="http://www.example.com/page/4/">4</a></li>
<li class="before delta-1"><a href="http://www.example.com/page/5/">5</a></li>
<li class="current"><span>6</span></li>
<li class="after delta-1"><a href="http://www.example.com/page/7/">7</a></li>
<li class="after delta-2"><a href="http://www.example.com/page/8/">8</a></li>
<li class="after delta-3"><a href="http://www.example.com/page/9/">9</a></li>
<li class="after delta-4"><a href="http://www.example.com/page/10/">10</a></li>
<li class="after delta-5 tail"><a href="http://www.example.com/page/11/">11</a></li>
<li class="next"><a href="http://www.example.com/page/7/">&gt;</a></li>
<li class="last"><a href="http://www.example.com/page/17/">&raquo;</a></li>
</ul>
自訂設置範例
模板標籤
輸出範例
<ul class="page_navi">
<li class="first"><a href="http://www.example.com/">第一頁</a></li>
<li class="previous"><a href="http://www.example.com/page/5/">前一頁</a></li>
<li class="before delta-3 head"><a href="http://www.example.com/page/3/">3</a></li>
<li class="before delta-2"><a href="http://www.example.com/page/4/">4</a></li>
<li class="before delta-1"><a href="http://www.example.com/page/5/">5</a></li>
<li class="current"><span>6</span></li>
<li class="after delta-1"><a href="http://www.example.com/page/7/">7</a></li>
<li class="after delta-2"><a href="http://www.example.com/page/8/">8</a></li>
<li class="after delta-3 tail"><a href="http://www.example.com/page/9/">9</a></li>
<li class="next"><a href="http://www.example.com/page/7/">下一頁</a></li>
<li class="last"><a href="http://www.example.com/page/17/">最後一頁</a></li>
<li class="page_nums"><span>6/17</span></li>
</ul>
CSS 範例
.page_navi {
text-align: center;
}
.page_navi li {
display: inline;
list-style: none;
}
.page_navi li.current span {
color: #000;
font-weight: bold;
display: inline-block;
padding: 3px 7px;
background: #fee;
border: solid 1px #fcc;
}
.page_navi li a {
color: #333;
padding: 3px 7px;
ba
外掛標籤
開發者團隊
原文外掛簡介
This plugin adds the functions to display page navigation (pagination) on home and archives (categories, authors, date and so on). You can use lots of parameters, and you can customize pagination flexibly.
Examples
Defualt Setting
Template Tag
Output sample
Customize sample
Template Tag
Output sample
CSS Sample
.page_navi {
text-align: center;
}
.page_navi li {
display: inline;
list-style: none;
}
.page_navi li.current span {
color: #000;
font-weight: bold;
display: inline-block;
padding: 3px 7px;
background: #fee;
border: solid 1px #fcc;
}
.page_navi li a {
color: #333;
padding: 3px 7px;
background: #eee;
display: inline-block;
border: solid 1px #999;
text-decoration: none;
}
.page_navi li a:hover {
color: #f00;
}
.page_navi li.page_nums span {
color: #fff;
padding: 3px 7px;
background: #666;
display: inline-block;
border: solid 1px #333;
}
Special Thanks
English Translation:Odyssey
Links
“PS Taxonomy Expander” makes categories, tags and custom taxonomies more useful.
“PS Auto Sitemap” is a plugin automatically generates a site map page from your WordPress site.
It is easy to install for beginners and easy to customize for experts.
It can change the settings of the display of the lists from administration page, several neat CSS skins for the site map tree are prepared.
“PS Disable Auto Formatting”
Stops the automatic forming and the HTML tag removal in the html mode of WordPress, and generates a natural paragraph and changing line.
“CMS service with WordPress” provides you service that uses WordPress as a CMS.