Home / Articles / WordPress / How to Paginate WP With WP-PageNavi

How to Paginate WP With WP-PageNavi

Big websites and blogs with hundreds of articles need excellent navigational features. Without them, the time spent on your website decreases, ultimately affecting the bottom line.

Having menus helps a great deal, but generally most menus are not available when someone scrolls down to the bottom of a page. I'm referring to the home pages of blogs. Most blog posts in WordPress end with a small author box followed by a comments section or suggested reading or both.

A handy feature to keep your visitor on your site for a while longer is pagination.

Many premium WordPress themes have options for pagination, but for those of you using a theme that doesn't have pagination built into the theme, here's how to add it.

[success icon=”exclaimation-sign”]

Need Help Tweaking Your WordPress Site?
WHSR is now partner with Codeable.io to assist users who need professional WP development / customization services.

To get a free quotation, please fill up this request form.

[/success]

 

Using WP-PageNavi

1. Install WP-PageNavi and activate it.
2. If you do not see a paginated homepage, you'll need to make some changes.

I've tried WP-PageNavi on a test website with Solon Theme by aThemes.

You'll need to find calls to next_posts_link() and previous_posts_link() in your theme. And replace them with
<?php wp_pagenavi(); ?>

If you have any further problems, you can read up more about it here.

3. Open the plugin's settings from your WordPress menu.

PageNaviSettings

As you can see, the options provided are quite extensive. You can change the text according to your preferences and the page numbers can be modified with a number of different constraints.

Have a look at some of the possible changes you can make with WP-PageNavi:

OptionsWithWPPageNavi

The appearance of the pagination varies quite significantly and only you know what best suits your site.

You can add your own colors and make it even better.

WP PageNavi Style

You add your own custom styles to WordPress pagination with WP PageNavi Style.
WP PageNavi Style_
After installing the plugin, you can open PageNavi Style settings from your WP menu and change from existing styles to custom.  Now start modifying the colors of custom pagination to match the overall design of your site.

With WP PageNavi Style options, it removes all the hassle of having to modify CSS to make changes in color and style for pagination. You can change the heading color, background color, active/current color, font size, link color, link hover color, link border color, link border hover color and the alignment of the pagination as well. That means you can modify every single aspect of the pagination you've added to your WordPress site with WP PageNavi.
PageNaviStyles
And finally, a small teaser of what it might look like.

WPPaginatedWithStyle

There are many WP tutorial blogs that provide the necessary code which can be added to your WordPress to effect a pagination.

When your website grows, as surely it will, you cannot really afford not have a paginated WordPress.

Photo of author

Article by Vishnu

Keep Reading