Prime Strategy Page Navi

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

<ul class="page_navi">
    <li class="first"><a href="http://www.example.com/">&amp;laquo;</a></li>
    <li class="previous"><a href="http://www.example.com/page/5/">&amp;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/">&amp;gt;</a></li>
    <li class="last"><a href="http://www.example.com/page/17/">&amp;raquo;</a></li>
</ul>

Customize sample
Template Tag

Output sample

<ul class="page_navi">
    <li class="first"><a href="http://www.example.com/">First</a></li>
    <li class="previous"><a href="http://www.example.com/page/5/">Prev</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/">Next</a></li>
    <li class="last"><a href="http://www.example.com/page/17/">Last</a></li>
    <li class="page_nums"><span>6/17</span></li>
</ul>

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.