WordPress.org

Ready to get started?Download WordPress

Plugin Directory

!This plugin hasn't been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

Prime Strategy Page Navi

Adds the functions to display page navigation (pagination) on home and archives (categories, authors, date and so on).

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

<?php if ( function_exists( 'page_navi' ) ) page_navi(); ?>

Output sample

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

Customize sample
Template Tag

<?php if ( function_exists( 'page_navi' ) ) page_navi( 'items=7&prev_label=Prev&next_label=Next&first_label=First&last_label=Last&show_num=1&num_position=after' ); ?>

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

Requires: 2.5 or higher
Compatible up to: 3.4.2
Last Updated: 2012-6-15
Downloads: 32,755

Ratings

5 stars
5 out of 5 stars

Support

Got something to say? Need help?

Compatibility

+
=
Not enough data

0 people say it works.
0 people say it's broken.

100,2,2 100,1,1
100,1,1
100,1,1
100,3,3
100,1,1
100,1,1
0,1,0