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.
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:
- Unzip the archive and put the wp-pagenavi folder into your plugins folder (/wp-content/plugins/).
- Activate the plugin from the Plugins menu.

Usage
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>
</div>
Download WordPress PageNavi Style Plugin <a href="http://wordpress.org/extend/plugins/wp-pagenavi-style/" title="wp pagenavi style" target="_blank">Here</a>
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
- Upload the “wp-pagenavi-style” folder to your /wp-content/plugins/ directory.
- Login to your admin section, go to the Plugins section and activate the Wp PageNavi Style plugin.
- 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.
Usage
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



Awesome plugin!!! I installed it on my site and looks great.
Great
… share this with your friends
sure
THANKS FOR THIS NAVIGATION PLUGIN.I WAS BORED FROM DEFAULT ONE
great
share this with your friends
two thumbs up !!!
Great
share this with your friends
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!
good
share with your friends
this is awesome plugin …when i see it i love it ..
AWESOME!!!!!!! I use it!
You are one imaginative developer and clever programmer! This is a wonderful addition the the very useful WP-PageNavi plugin.
Outstanding!
Fantastic! Just saved me heaps of time. I’ll be using this on all my clients’ sites from now on.
thank you for this plugin , but i have a problem when i Activated
Fatal error: Call to undefined function wp_dequeue_style() in /home/####/public_html/wp-content/plugins/wp-pagenavi-style/wp-pagenavi-style.php on line 102
can you help me please
which wordpress version you are using ?
Great post. I love the styles. Thanks for sharing.
Good
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
I was on the way to create a plug-in like the above one.. But I found your WP PageNavi Style plug-in and installed in my site: http://prasannasp.net. You saved my time.. Really an useful plug-in.. Thanks..
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
awesome site and also plugin
Hi this is Tarun. I am not able to locate where to edit this
”
<?php next_posts_link( __( '← Older posts’, ‘twentyten’ ) ); ?>
<?php previous_posts_link( __( 'Newer posts →’, ‘twentyten’ ) ); ?>
”
in the theme file in which this code will be present Please guide me i am using a Syndicate Theme. I am using WP 3.2.1
which theme you are using?
I am using a Syndicate theme. So please help me out where to edit it.
Rply ASAP
Great plugin, really very nice one, does a good job to my site, you keep up the good work!!!
Thanks dude!!!
Its awesome plugin, i was wondering to add page-navi in my theme for 3 hours. with your plugin i am able up and run website within 2 min
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?
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.
seems like this is a complimentary plugin fr page navi, to behonest, i accidentally installed this one when im looking for page navi, i will try this one
Awesome plugin!!! I installed it on my site and looks great.
Is there a way to limit the number of page numbers it shows? I have a small theme and it’s providing too many page buttons at the bottom, making it skew incorrectly.
Nevermind, found it! Thanks for a great mod.
Very Good
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?