I am sure that  WP-PageNavi plugin will be the one and only easiest plugin  for styling page navigation of WordPress blogs. WP-PageNavi is a great WordPress plugin which generates fancy pagination links by using the wp_pagenavi() template.Screen Shot.

How To Install?

Either you can download it manually from here  or install it automatically from the WordPress admin panel.

1. If you are downloaded it manually then unzip the downloaded archive and put the wp-pagenavi folder into your WordPress plugins folder (/wp-content/plugins/)

2. Activate the plugin from the Plugins menu.

How To Use?

You need to find calls to next_posts_link() and previous_posts_link() in you theme and replace them.

For example In the Twentyten theme, it looks like this:

<div class="nav-previous">← Older posts', 'twentyten' ) ); ?></div><div class="nav-next">→', 'twentyten' ) ); ?></div>

You would replace those two lines with this below template tag:

Changing the Style.

If you need to change the CSS style of WP-PageNavi plugin, Just copy thepagenavi-css.css file from the plugin directory to your theme’s directory and make your changes there.

Another option is, you can uncheck the “Use pagenavi.css?” option from the plugin’s settings page and add the styles to your theme’s style.css file directly.

Screen Shots.

Plugin Option Page

Wordpress Navigation styling.

Please share if you found this useful.

SHARE