How to add page navigation in thesis without openhook plugin

Page navigation is provided by all bloggers.Thesis is the theme with lot of customization options in it.We tested adding page navigation in thesis wordpress theme without using the Thesis open hook plugin.It worked for us and so i thought of sharing it with you.Wordpress users using other wordpress themes and use wp-pagenavi and follow the steps given in faq.But in thesis to add page navigation we have to add a code in the custom_functions.php for wp-pagenavi to work.Follow the the below steps.

1.Install wp-page navi and activate it.

2.paste the below code in custom_function.php

/*paste in custom_functions.php file*/
function pagenavi(){
?>
<div align="left">
<?php if(function_exists('wp_pagenavi')) { wp_pagenavi(); } ?>
<br />
</div>
<?php
}
add_action('thesis_hook_after_content','pagenavi');

3.save it and check your site.You will see the page navigation after the content.you can also add page navi to the footer (thesis_hook_after_content_box or else thesis_hook_before_footer) instead of thesis_hook_after_content.

4.To add styles to the page navigation add the below css code in the custom.css to change the colur,font size etc.

/* css code for page navigation menu
-------- wp-pagenavi----------------------------------- */
.wp-pagenavi { margin: 15px 0px 15px 0px; }
.wp-pagenavi a, .wp-pagenavi a:link { font-size:14px; padding: 5px 9px; margin: 2px; text-decoration: none; border: 1px solid #e1e1c8; color: #413f36; background-color: #eeeeee; }
.wp-pagenavi a:visited { font-size:14px; padding: 5px 9px; margin: 2px; text-decoration: none; border: 1px solid #e1e1c8; color: #413f36; background-color: #eeeeee; }
.wp-pagenavi a:hover { font-size:14px; border: 1px solid #608e7a; color: #FFF; background-color: #75040b; }
.wp-pagenavi a:active { font-size:14px; padding: 5px 9px; margin: 2px; text-decoration: none; border: 1px solid #e1e1c8; color: #413f36; background-color: #eeeeee; }
.wp-pagenavi span.pages { font-size:14px; padding: 5px 9px; margin: 2px 2px 2px 2px; color: #000000; border: 1px solid #e1e1c8; color: #413f36; background-color: #eeeeee; }
.wp-pagenavi span.current { font-size:14px; padding: 5px 9px; margin: 2px; font-weight: bold; border: 1px solid #608e7a; color: #FFF; background-color: #75040b; }
.wp-pagenavi span.extend { font-size:14px; padding: 5px 9px; margin: 2px; border: 1px solid #608e7a; color: #FFF; background-color: #75040b; }

Check your site and post your comments if any

Related posts:

  1. How to add stylish page navigation in thesis using wp-pagenavi
  2. How to add a widgetized 3 column footer in thesis wordpress theme
  3. Adding author profile box in thesis wordpress theme
  4. How to add image hover effects in thesis and other wordpress themes,blogger
  5. how to use thesis openhook wordpress plugin
  6. How to add stylish asnio 3 column footer to thesis wordpress theme
  7. How to add author profile box below posts in wordpress themes
  8. How to add featured posts in custom feature box in thesis wordpress theme
  9. How to highlight author comments in thesis wordpress theme with background and logo
  10. Thesis-how to place ads Above the post title in thesis wordpress theme

Leave a Comment

Previous post:

Next post: