wordpress pagenavi style plugin

Wordpress Pagenavi Style Plugin

This is my next plugin WordPress PageNavi Style Plugin it is a addon to most popular page navigation plugin Wp-PageNavi.

To use this plugin you must have Wp-PageNavi installed on your wordpress blog.

This plugin comes with options to style page navigation as you like. Comes with collection fo 25+ ready style which you can choose easily. And with a custom option where you can set your own colors.

Download WordPress PageNavi Style Plugin Here


1] Installation Of Wp-Pagenavi Plugin

To use this plugin you must have Wp-PageNavi installed so install that plugin first.

You can either install it automatically from the WordPress admin, or do it manually:

  1. Unzip the archive and put the wp-pagenavi folder into your plugins folder (/wp-content/plugins/).
  2. Activate the plugin from the Plugins menu.


In your theme, replace code like this:

<div class="navigation">
<div class="nav-previous"><?php next_posts_link( __( '<span class="meta-nav">←</span> Older posts', 'twentyten' ) ); ?></div>
<div class="nav-next"><?php previous_posts_link( __( 'Newer posts <span class="meta-nav">→</span>', 'twentyten' ) ); ?></div>

with In your theme, replace code like this:

<?php if(function_exists('wp_pagenavi')) { wp_pagenavi(); } ?>

If you already have Installed Wp-PageNavi plugin and Added above code then move to next step.

2] Installation Of WP PageNavi Style Plugin

  1. Upload the β€œwp-pagenavi-style” folder to your /wp-content/plugins/ directory.
  2. Login to your admin section, go to the Plugins section and activate the Wp PageNavi Style plugin.
  3. You can access the settings page using the PageNavi Style menu item, where you can adjust the default settings for the WP PageNavi Style Plugin.


If you want to use style which comes with Wp PageNavi Style Plugin then select “Existing Styles” from “Select StyleSheet :” dropdown. After that you can select your style from our collection in next dropdown.

And Save you settings.

If you want to use Custom style then select custom style from first dropdown. and select your colors and options from

Leave a Reply

Your email address will not be published. Required fields are marked *


  1. Great πŸ™‚ … share this with your friends πŸ™‚

  2. Vikas Kapadiya says:

    this is awesome plugin …when i see it i love it ..

  3. David Perednia says:

    You are one imaginative developer and clever programmer! This is a wonderful addition the the very useful WP-PageNavi plugin.


  4. heronfree says:

    Love the plug-in!… thanks so much… one thing… the ‘minimal’ stylesheet previews as grey but presents as yellow when activated on the site.

    Love the plugin though.. thanks again πŸ™‚

  5. The “Align Navigation” center option is not working for me.

    I can align right and left but when I select center it just shows up left aligned.

    Any suggestions on where to change the code? I am using an Artisteer generated theme. and I could not find the code you referenced above, but i checked out Artisteer’s forum and they said pagenavi support was already built into there themes and there was no need to change any code to get it to work. Only need to install the plugin, and they were correct for pagenavi but looks like I might still have to change some code or something for pagenavi style.

    Any ideas of what I can change to get this to align center?

    1. Ok I got it. I had to add

      .wp-pagenavi {
      text-align: center;

      to the beginning of my style.css
      In case anybody else runs into this problem with an Artisteer theme.