Prime Strategy Page Navi wordpress plugin resources analysis

Download This Plugin
Download Elegant Themes
Name	Prime Strategy Page Navi
Version	1.0.3
Author	Hitoshi Omagari
Rating	100
Last updated	2014-10-19 09:46:00
Downloads	41636
Download Plugins Speed Test plugin for Wordpress

Home page

Delta: 0%

Post page

Delta: 0%

Prime Strategy Page Navi plugin has no negative impact on PageSpeed score.

Home page PageSpeed score has been degraded by 0%, while Post page PageSpeed score has been degraded by 0%

Prime Strategy Page Navi plugin added 11 bytes of resources to the Home page and 16 bytes of resources to the sample Post page.

Prime Strategy Page Navi plugin added 0 new host(s) to the Home page and 0 new host(s) to the sample Post page.

Great! Prime Strategy Page Navi plugin ads no tables to your Wordpress blog database.

Resources Added (Post page)

Description

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;
}