An advanced and fully customizable navigation plugin using jQuery slider.
Page navi slider is displayed by the following instruction :
You should think to insert that code in every templates likely to display several pages :
In the twentythirteen theme, file index.php, replace the line 28 (
<?php twentythirteen_paging_nav(); ?>) by the code above.
In the twentytwelve theme, replace both the following lines:
<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>
The slider does appear only when the page numbers exceeds the plugin width !
Look at the following FAQ to reduce the plugin width.
Just set the
margin in the settings.
You can also define a
max-width for the
wpns_wrapper class in the CSS.
You have specified different font sizes for "normal" numbers and "on hover" numbers in the settings. Then the total width is changing.
Just copy your customized caption in the 'you_strings_to_translate.php' file as follow :
$a=__('you cusomized string','page-navi-slider');
/lang/page-navi-slider-ISOSTANDARD.mo (ISOSTANDARD = language code)
Open it with PoEdit, Update, find your customized string, translate, Validate and Save !
You can just translate you customized caption and let the other strings empty as they are only used in the setting panel.
But if you want to translate all the strings, share your file !
Auto display adds an action that will echo the plugin.
The action can be hooked at the get_footer event or at the wp-footer event.
If the first case, the plugin is displayed at the top of the footer.
If the second, the plugin is displayed at the end top of the footer.
Note that WordPress recommends plugins not to echo with theses actions !
Save your icons files in /wp-content/plugins/page-navi-slider/style
In the settings, set the background colors (for page and/or current and/or on hover) to
Of course change
your_file.ext to the actual file name.