Discover, trust, install: FAIR 1.0 is here
WP PageNavi Style
Version: 1.4
Description
First i will like to say thanks to Lester ‘GaMerZ’ Chan & scribu for this beautiful wordpress page navigation plugin.
To Use this plugin you must have Wp Pagenavi plugin installed on your wordpress blog.
Links: Pagination Demo
Installation
To use this plugin you must install wp-pagenavi plugin first.
You can either install it automatically from the WordPress admin, or do it manually:
- Unzip the archive and put the
wp-pagenavifolder into your plugins folder (/wp-content/plugins/). - Activate the plugin from the Plugins menu.
After you installed wp-pagenavi plugin next step is to install wp-pagenavi-style plugin.
You can either install it automatically from the WordPress admin, or do it manually:
- Unzip the archive and put the
wp-pagenavi-stylefolder into your plugins folder (/wp-content/plugins/). - Activate the plugin
wp pagenavi stylefrom 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>
with this:
<div class="navigation">
<?php wp_pagenavi(); ?>
</div>
Go to WP-Admin -> Settings -> PageNavi for configuration.
Visit [Wp PageNavi Style Documentation] (http://www.snilesh.com/wordpress-pagenavi-style-plugin/) for more details.
Changing Style
Visit [Wp PageNavi Style Documentation] (http://www.snilesh.com/wordpress-pagenavi-style-plugin/) for more details.
Faq
Installation Instructions
To use this plugin you must install wp-pagenavi plugin first.
You can either install it automatically from the WordPress admin, or do it manually:
- Unzip the archive and put the
wp-pagenavifolder into your plugins folder (/wp-content/plugins/). - Activate the plugin from the Plugins menu.
After you installed wp-pagenavi plugin next step is to install wp-pagenavi-style plugin.
You can either install it automatically from the WordPress admin, or do it manually:
- Unzip the archive and put the
wp-pagenavi-stylefolder into your plugins folder (/wp-content/plugins/). - Activate the plugin
wp pagenavi stylefrom 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>
with this:
<div class="navigation">
<?php wp_pagenavi(); ?>
</div>
Go to WP-Admin -> Settings -> PageNavi for configuration.
Visit [Wp PageNavi Style Documentation] (http://www.snilesh.com/wordpress-pagenavi-style-plugin/) for more details.
Changing Style
Visit [Wp PageNavi Style Documentation] (http://www.snilesh.com/wordpress-pagenavi-style-plugin/) for more details.
Reviews
It's working GOOD
By 
great useful plugin
By 
great useful plugin
Excellent!
By 
Thanks!
Useful
By 
ha ha, nice plugin,
Thanks bro!
Bug in alignment and small devices
By 
I am using this plugin with customizr theme.
Additionally a sidebar with widgets is used.
I have detected an error on small devices:
When the width of the page is small enough it's not possible to click
on the navigation buttons. Without your plugin it's possible.
I have fixed it with this:
.wp-pagenavi{<?php if($options['align']=='right'){echo 'text-align: right; ';} elseif($options['align']=='left'){echo 'text-align: left; ';} else { echo 'text-align: center; margin-left:auto !important; margin-right:auto; !important';} ?>}
Changelog
1.4
- CSS issue fixed.
1.3
- Menu Capability options changed. Pagenvi style options will be managed by administrator only.
1.1
- Removed CSS errors.
1.0
- First Version Of this Plugin