Best 2 Know

The Ultimate Blogging Resource

  • Advertising
  • WebHosting
  • Contact Us
  • Blogger
    • Blogger Templates
    • Blogger Tutorials
  • Browser
    • Firefox
    • Google Chrome
  • Google
  • Internet
    • Facebook
    • Twitter
  • Thesis
  • Windows
  • WordPress
    • WordPress Themes
    • WordPress Plugins
  • More
    • Linux
    • Review
    • Solutions
    • Announcements

How to add Page navigation in thesis

Page navigationBy default thesis theme does not have Page Navigation it has Previous and Next entries which really looks bad and all of us don’t like to play with it. So it results in increase of bounce rate and ultimately many more bad results like Drop in page views and CTR , etc. because of that we are now going to add Page Navigation in thesis

for adding page navigation in thesis theme we will need WP-PageNavi Plugin by Lesterz Chan. This Plugin is the core for adding the navigation it is mostly used for WordPress it can be also used for thesis just we need to tweak a bit in thesis.

Installation

Now lets Start the work , I already assume that you have installed WP-PageNavi plugin. if you haven’t yet then get it installed.

  1. Login to WordPress Dashboard
  2. Navigate to Thesis >> Custom File Editor
  3. In custom_functions.php add the below code :
    function thesis_page_navi() { ?>
    <div align='left'>
    <?php if(function_exists('wp_pagenavi')) { wp_pagenavi(); } ?></div>
    <? }
     
    add_action('thesis_hook_before_footer', 'thesis_page_navi');

    function thesis_page_navi() { ?> <div align='left'> <?php if(function_exists('wp_pagenavi')) { wp_pagenavi(); } ?></div> <? }add_action('thesis_hook_before_footer', 'thesis_page_navi');

  4. Save the file

Now you are done go outside and check your site how the page navigation is looking on your thesis theme

Customization

Hopping for customization but i m really sorry to disappoint to you all that you won’t need any customization in this. Only if the Page Navigation does not appear properly then edit the CSS and if you are using some custom theme then you might need to change the hook to some appropriate hook that will suit it.

Subscribe via Email

Share this:

  • Twitter
  • Facebook
  • Pocket
  • Print
  • WhatsApp
  • Email

Related

April 29, 2011 Ritesh Sanap Thesis Customization custom_functions.php, Page navigation, Pagination, Thesis, Thesis Customization

Comments

  1. Sudeep Acharya says

    April 30, 2011 at 10:45 am

    nice idea for adding page navigation to thesis….

    Reply
  2. Gouri says

    July 16, 2011 at 10:45 pm

    I feel Thesis should include page navigation in design options… Thanks for sharing this workaround.

    Reply
    • Ritesh Sanap says

      July 22, 2011 at 12:46 pm

      Gouri,
      Your Suggestion is right but i guess you should talk with chris for that, because including that option won’t bring much difference because we have to manually place it according to design

      Reply
  3. Delwar says

    November 9, 2011 at 12:43 pm

    It’s not really that much wonderful. I would have liked more bigger and colored page navigation. Would you give us a css to style with it?

    Reply
    • Ritesh Sanap says

      December 1, 2011 at 4:15 pm

      Well the page Navi plugin has a default CSS you can work with it :)

      Reply
  4. Gowtham@mytechshout.com says

    January 14, 2012 at 10:33 am

    Nice tutorial.Thanks for sharing.It works great.

    Reply
  5. ArafinShaon says

    April 6, 2012 at 7:56 pm

    Hay dude not working properly :(

    Reply
    • Ritesh Sanap says

      April 14, 2012 at 5:42 pm

      Can you provide any specific error or more information ?

      Reply
  6. cec0r says

    May 18, 2012 at 10:25 pm

    sorry it works not for me, i see the numbers on the end of page, that ist great, an i see the “? Previous Entries” that is not so good.

    why is this “? Previous Entries” there?

    Reply
    • Ritesh Sanap says

      September 17, 2012 at 9:13 am

      you might have placed code wrongly because each thesis child theme differs from other.

      Reply
  7. Richard@technorable.com says

    August 25, 2012 at 9:14 pm

    Thanks for the Page navigation php code …i wished you could add some css code to it.

    Reply

Leave a Reply Cancel reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Post navigation

Previous Previous post: How to add avatar next to post title in thesis
Next Next post: Ping List for WordPress

Currently Trending

  • How to download Specific parts of YouTube videos
  • How to Change the Welcome/Login Screen in Windows XP ?
  • h4x0r ( Hacker ) - Blogger Template
  • Windows Vista CD key
  • Add/Remove page/Post View Counter Widget For Blogger
  • Free Online Angry Birds game
  • How to Make Your Own Avatar
  • How to Download Documentation for offline viewing - Dash
  • How To Change Windows XP Shutdown Dialog Box

Get Latest post in your Inbox

Random Posts

How to create Archives page in WordPress

October 16, 2010 By Ritesh Sanap Leave a Comment

BlackSpire WordPress Theme

June 25, 2011 By Ritesh Sanap 8 Comments

How to create a blogger blog

August 9, 2009 By Ritesh Sanap Leave a Comment

HORIZONTAL AND VERTICAL SPACING

May 4, 2009 By Ritesh Sanap 1 Comment

WordPress To Blogger For Free

May 10, 2010 By Ritesh Sanap 61 Comments

WordPress

HTTP2 Server Push for W3 Total Cache Minify plugin

August 17, 2016 By Ritesh Sanap 5 Comments

How to Disable Emojis in WordPress

January 6, 2016 By Ritesh Sanap Leave a Comment

JetPack Related posts and Sharing not working with NGINX

November 10, 2015 By Ritesh Sanap Leave a Comment

Simply Pure – WordPress Theme

November 2, 2014 By Ritesh Sanap 2 Comments

Advanced What should we Write about next? – WordPress Plugin

July 28, 2014 By Ritesh Sanap Leave a Comment

How to Disable Self Pingback or TrackBack

January 16, 2014 By Ritesh Sanap Leave a Comment

BlueStrap – WordPress Theme

January 1, 2014 By Ritesh Sanap 15 Comments

How to Create Multiple Excerpts in WordPress

December 24, 2013 By Ritesh Sanap Leave a Comment

How to Disable Auto Update in WordPress

November 21, 2013 By Ritesh Sanap Leave a Comment

How to Delete Feedbacks from JetPack Contact Form

November 19, 2013 By Ritesh Sanap 9 Comments

Recent Posts

  • HTTP2 Server Push for W3 Total Cache Minify plugin
  • How to show hidden files and folders in Mac OS X
  • How to Disable Emojis in WordPress
  • Canva – Online Photo Editor
  • JetPack Related posts and Sharing not working with NGINX

Archives

Recommends

  • DigitalOcean – Cloud Hosting
  • Dropbox – Cloud Storage
  • Elegant Themes – WordPress Themes
  • LastPass – Password Manager
  • Like us on Facebook
  • Follow on Twitter
  • +1 on Google
  • Subscribe via Email
  • RSS Feed

© 2023 Best 2 Know · All Rights Reserved · We ♥ DigitalOcean