What's WP
Find Everything Related to WordPress - Best Tutoriasl on WordPress!
How to Add WordPress Pagination using Plugins

How to Add WordPress Pagination using Plugins

Generally, your website homepage or category page can list all the blog posts published by you. Without the control or limitation on the number of posts on a single page, these webpages will display dozens of articles, which may make readers feel difficult to find the posts they wish to read. In addition, if your homepage has a lot of posts, it needs to take longer time to load all of them. Therefore, pagination comes in handy, which is a standard but easy practice to avoid such incidents. In the following, we’d like to introduce how to add WordPress pagination with ease.

WordPress Default Pagination Function

WordPress is equipped with a default pagination function, which splits the posts into multiple pages. As the owner of a website, you can set how many posts shall be listed on a single page. Normally, the “Blog pages show at most” value refers to the maximum number of posts showcased in one page. To get to this setting, you can navigate to the admin panel > Settings > Reading.

WordPress Default Pagination Function

When WordPress pagination is setup, readers can go to the older entries easily, as the “newer posts” and “older posts” are linked together, which is used to connect the neighbouring content for convenient post browsing.

However, some webmasters are not satisfied with the traditional WordPress pagination. Therefore, they begin to use plugins in order to have a better pagination settings, with a view to achieving a more comprehensive and better linking arrangement for readers.

Make Use of WP-PageNavi Plugin

One of the most popular pagination plugins is WP-PageNavi, which can transform the standard “next” and “previous” pagination links into a more charming interface. With this plugin, you can list out the page numbers and give a chance for your readers to skip some pages at a time.

Step 1

The first thing you need to do is to install and activate this plugin. Then, go to the Settings and find PageNavi. At the setting page, you can replace the default numeric and text for pagination. However, we suggest keeping it as the default settings, for they work fine for most websites.

WP-PageNavi Settings

You need to include the right template tag in the WordPress theme. Go to the theme folder and find the tags of previous_posts_link as well as next_posts_link in the archive page templates, i.e. archive.php or index.php. Then, replace them with the tag showed as below.

<?php wp_pagenavi(); ?>

After you added the template tag, the numeric pagination shall look like as following.

numeric pagination

Step 2

If you would like to change the style and colors of numeric pagination, you can do so by going to the Settings for PageNavi. Next, you need to navigate to the Page Navigation Options and uncheck the box for Use pagenavi-css.css. Remember to save the changes.

Then, go to the Plugins tab and find the Editor. From Select Plugin To Edit column, you need to choose WP-PageNavi from the drop down menu. The system will then load the plugin files on your right-hand sidebar. Please click the pagenavi-css.css and copy the coding included in the file.

Step 3

With the copied contents from pagenavi-css.css, you need to go to the Appearance tab and find Editor. Then, paste the lines of codes into the style.css file of your theme. After that, you can edit the styling and color scheme using CSS coding.

Note that you have to copy and paste the original codes to avoid the chances of losing your modifications during plugin updating. Below are the simple changes of colors.

.wp-pagenavi a, .wp-pagenavi span {
color: (set as you like);
background-color: (set as you like);
margin: xxxpx;
padding: xxxpx xxxpx;
.wp-pagenavi a:hover, .wp-pagenavi span.current {
border-color: (set as you like);
background-color: (set as you like);

Introductions of 3 Alternatives for Pagination Plugins

In addition to the WP-PageNavi plugin, there are 3 alternatives that are also popular in the world.


WP-Paginate is very similar to WP-PageNavi. However, it included extra useful features. For example, users can manage the markup for the wrapping of pagination by using the CSS on the settings page. In addition, WP-Paginate allows users to choose the page range, page anchors and page gap in the pagination.


Simple Pagination

Simple Pagination is a specific plugin for users to setup advanced pagination for comments and posts. Just like the name indicates, it allows users to have an easier navigation experience as comparing with other plugins.

Simple Pagination

Alphabetic Pagination

If you would like to filter the pages or posts with alphabets, the Alphabetic pagination shall help you. With this plugin, users can easily decide a horizontal layout or a vertical layout, as well as showcasing the alphabets in uppercase or lowercase.

Alphabetic Pagination


Joyce is a professional writer & SEOer who loves trying new things and sharing the experience through blogging. She loves clean design, playing with different WordPress themes, SEO, etc. Very often, you could find her in various WordPress event as invited speakers.