• Access & Security 95
  • Administration 172
  • Advertisement 92
  • Audio & Video 66
  • Author & Content 99
  • Comments 96
  • Communication 110
  • Communities & Forums 84
  • Development 47
  • E-Commerce 76
  • Email Management 53
  • Events & Calendars 80
  • Language 25
  • Map & Weather 44
  • Migration & Conversion 28
  • Miscellaneous 254
  • Mobile 15
  • Photos 143
  • Plugins 260
  • SEO & Site Speed 118
  • Social 186
  • Theme Enhancement 169

  • Add this plugin to a List

    You need to be logged in to add this plugin to your list.

    Page navi slider

    Add to List

    Unsatisfied by the most common navigation plugins?

    Need a cool one, fully and easyly customizable with direct preview in setting page…

    Want an actually responsive plugin…

    Just get it!

    This plugin generates cool pagination links

    • Easy to customize with its setting page
    • See what you get thanks to its preview feature
    • Actually responsive as it displays a slider if the page numbers exceed the available width
    • Touchscreens compliant
    • Caption ready to be localized for multilingual sites


    CSS is located in /wp-content/plugins/page-navi-slider/style/page-navi-slider.css

    List of used class

    • .wpns_wrapper : the wrapper of the plugin
    • .wpns_container : a ‘sub-wrapper’ needed to set alignment, margins, …
    • .wpns_title : the caption
    • .wpns_selector : everything but the caption
    • .wpns_window : everyting of the selector but the slider
    • .wpns_sliding_list : the list of page numbers
    • .wpns_selector .wpns_element : elements of the list
    • .wpns_selector .page-numbers : page numbers (the text inside each element)
    • .wpns_first : first element of the list
    • .wpns_last : last element of the list
    • .wpns_active : the current element
    • .wpns_inactive : the other elements (all except the current one)



    Faitmain-Faitcoeur The first site that has ever used page-navi-slider


    Thanks to stranger-jp who translated in Japanese (and found some bugs!)

    Jonhathan @ Geekpress

    Thanks to Jonathan for the pagination links tuto

    WordPress Codex

    Settings page built according to theses WordPress Codex instructions


    CSS sizes calculation made with PxToEm


    CSS optimized with StyleNeat

    Write code online

    PHP tested with Write code online

    JS Fiddle

    js scripts tested with JS Fiddle

    JS compress

    JS Script minimized with JS Compress


    Color picker of the settings page by JS Color


    Localization with PoEdit

    jQuery Touch Punch

    jQuery slider adaptated for touchscreens by that jQuery Touch Punch

    jQuery and Co

    jQuery, jQuery UI, jQuery UI slider and accordion

    Rate This Plugin

    Please Login to Rate this Plugin!




    0 Votes
    Not Rated Yet Stats

    Last Updated392 Days ago
    Published4 years ago

    Report Wrong Category!