How to add Pagination in WordPress Blog using Thesis Theme

Written by

in

Does your blog show Previous-Next Links on home page ? The reason behind the question is the missing swift feature on blog. As we know that, Previous-Next links in Thesis Theme is less prominent, hence they increase bounce rate and pagination is not that effective too. In my previous article, I mentioned about how we can Style Previous Next Links in WordPress to decrease bounce rate. In the following article we will learn to add Pagination on blog to increase efficient paging.

how to add pagination in wordpress blog
Efficient Paging

How to add Pagination in WordPress Blog ?

Pagination adds an advantage in a blog as making smart navigation on website. In this article we will use WordPress Plugin WP-PageNavi to add pagination on WordPress. But, before we proceed to add pagination in Thesis Theme,  I recommend you to safely upgrade thesis theme.

Below is a simple 2-Step procedure to add Pagnavi in WordPress blog:

Step 1: Install PageNavi Plugin

  • Navigate to WordPress Admin Panel > Plugins > Add New.
  • Search for plugin “wp-pagenavi” and install the plugin. Or you can also download the plugin here.
  • Once the plugin is installed, activate it.

Step 2: Add PageNavi in Thesis Theme

In order to add pagination on blog page, edit custom_functions.php file and copy-paste the below code snippet.

Make sure you take full backup of custom_functions.php file using FTP before modifying it.

[php]

// Page Navigation
function joe_adds_page_navi(){
if (!is_single() && !is_page()){ ?>
<div id="pagenavi"><?php if(function_exists(‘wp_pagenavi’)) { wp_pagenavi(); } ?></div>
<?php }}
add_action(‘thesis_hook_after_content’,’joe_adds_page_navi’);

[/php]

We Are Done!

After adding the code, we are done with the adding pagination to blog page. Once done, refresh the blog page and you will find it similar to screenshot below.

pagination demo screenshot
Page Navigation Demo

Thesis WordPress is a great theme and adding Pagination, just makes it perfect. It is believed that the next version of Thesis Theme will have Pagination preinstalled. Since there is no exact date when it will going to happen, but by that time we can add Pagination manually to Thesis Theme.

If you have any query or any further assistance is required, you can post comment as your feedback.

Comments

5 responses to “How to add Pagination in WordPress Blog using Thesis Theme”

  1. enursa avatar
    enursa

    Nice. Thanks i want to install it now

    1. Aky avatar

      Well go ahead with the tutorial, your blog needs pagination. 😉

  2. NXthemes avatar
    NXthemes

    Thanks for tutorial,
    But this tutorial only using for Thesis 1.x
    I have written a tutorial for Thesis 2.x.You can refer to the following link:
    http://nxthemes.com/thesis-2-x-windy-box-for-swift-content-navigation/

  3. iShouterNet avatar
    iShouterNet

    Tnx for tutorial:) By the way you site design is pretty cool 🙂

  4. Gouri avatar
    Gouri

    Helpful tutorial there… To remove the default “previous/next entries” link, make sure to remove the default navigation hook:
    remove_action(‘thesis_hook_after_content’, ‘thesis_post_navigation’);

Leave a Reply

Your email address will not be published. Required fields are marked *