WordPress.org

Ready to get started?Download WordPress

Plugin Directory

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: 29,246

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