Adding Nice WordPress Pagination

By . in WordPress. Updated on .

Take a look at the bottom of your wordpress blog, you should see 2 hyperlink respectively “previous” and “next“. This 2 hyperlinks keep your neighboring content connected, thus making it easier for readers to navigate through your older entries.

It also helps bots crawl your content better, therefore the more comprehensive these links are they better.

Default WordPress Pagination

Many are not satisfied with just using default “previous” “next”, we want better pagination (page navigation) for our blog. Here’s a good pagination plugin – WP-PageNavi, created by Lester Chan.

WP-PageNavi WordPress Pagination

Examples of Content Pagination

New content comes in and old content will be kept in archives. If you have a lot of articles and you want to maximize the chances for exposure, this is definitely one good way. Here are few sites that are using similar pagination concept.

Digg.com

CSSRemix

Themes.Wordpress

Installing and Using WP-PageNavi Plugin

  1. Download WP-PageNavi
  2. Upload folder “pagenavi” under wp-contents/plugins
  3. Activate the plugin
  4. Add the following code into your current theme’s php file. 
    <?php if(function_exists('wp_pagenavi')) { wp_pagenavi(); } ?>
  5. Configure the settings under WP-Admin -> Options -> PageNavi
  6. Click “Update Options” and you are done.

Most will prefer putting pagination at the bottom of the page (footer.php) but I’ve also seen some putting them on the top of the page (header.php), right before the entry title.

Editing Pagination Style and Design

To tweak and play with the pagination style, you edit this file:

/wp-content/plugins/pagenavi/pagenavi-css.css
WebsiteFacebookTwitterInstagramPinterestLinkedInGoogle+YoutubeRedditDribbbleBehanceGithubCodePenWhatsappEmail