How to add Page Navigation Menu without Using Open Hook Plugin in Thesis Theme

In any blog if you have more content on your blog you must need page navigation. By default thesis theme has the page navigation as previous entries and next entries. In order to add page navigation menu we need a wordpress plugin called wp-pagenavi.

For other than thesis users who having wordpress themes you can just install and activate wp-pagenavi plugin in your blog its working fine. For thesis users after activating wp-pagenavi plugin you should add some code in your custom functions.php file then only it wil work. This below video explains in detail about wp-pagenavi.

This Video Explains about..

How to add page navigation in thesis theme without using open hook plugin?

How to add wp-pagenavi in wordpress themes?

How to style your page navigation menu?

How to add before footer or inside content box?

How to set number of pages in page navigation menu?

It contains css codes for your page navigation menu.

Codes

Css code for page navigation menu (this is optional) you can use it in thesis and other wordpress themes.

/* 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; }

The below custom function code is for thesis theme. After installed wp-pagenavi in thesis theme it not working you must add the below code in custom_function.php file.

/*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');

you can also add other hooks (thesis_hook_after_content_box or else thesis_hook_before_footer) instead of  thesis_hook_after_content in order to place page navigation menu above footer.

Share your experience in comment section.

Related Tutorials:

1. 11 Css Tricks for Thesis Theme Customization
2. How to Change Background and Border in Thesis Theme
3. How to Customize Teaser box in Thesis Theme Homepage
4. How to Change Html Tags Style in Blog Post or Page of Thesis Theme?
5. Camtasia Studio 7 – Best Screen Recorder – Free User Guide with Video Tutorials

Tagged as: page navigation menu, pagenavi plugin, thesis page naigation, wp-pagenavi