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">&larr;</span> Older posts', 'twentyten' ) ); ?></div>
<div class="nav-next"><?php previous_posts_link( __( 'Newer posts <span class="meta-nav">&rarr;</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

23 thoughts on “wordpress pagenavi style plugin

  1. wow! I was just thinking of this plugin in my mind and I thought it doesn’t exist yet! But wow! You created it and you’re awesome! πŸ˜€

    Now I don’t have to modify my CSS over and over again if I want a new WP-PageNave style!

    Thank you so much and more power to your plugin! πŸ˜€

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


  3. 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 πŸ™‚

  4. Very Nice Plugin Thank you !

    i want to point out you should validate style sheets i found many Value Errors for example in css3_blue_glossy you forgot to declare unit on line 2 which really breaks the outcome

    .wp-pagenavi {
    padding: 10px 20px 10 !important;

    over all awesome plugin saves lots of time πŸ™‚

  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.

  6. Great plugin! Any chance of changing the behavior so that when switching from “Existing Styles” to “Custom” it pulls in the settings from the style selected so one has a starting point rather than starting from scratch?

  7. Kudos! excelent plugin, kind of confused when I installed it because I downloaded first the style plugin and didn’t realize that wasn’t the actual pagination plugin until an hour after. Thanks!

  8. Pingback: 75+ Essential Best WordPress SEO Plugins | Web Design Blog, Tutorials Inspiration Magazine | Designanddy

Leave a Reply

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