visitor stats

Adding Nice Wordpress Pagination

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

Who else are implementing similar concept

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

Posted by hongkiat in Wordpress, Wordpress Plugin, Wordpress Tips Tricks, at 07.16.07

Related Contents

Sponsors

Comments

  1. novinthen

    July 16th, 2007 at 9:47 pm

    Thanks man. Was finding for somehting like this. Have updated in my blog!.. denkiuuuuuu

    comment

  2. GaMerZ

    July 17th, 2007 at 12:15 am

    Thanks for the link my fellow neighbour!

    comment

  3. hongkiat

    July 17th, 2007 at 1:37 am

    Lester: Thanks for creating such wonderful plugins for the wordpress community.

    comment

  4. ~TheAngel~

    July 17th, 2007 at 12:07 pm

    Sounds great, I’m going to try that too!

    comment

  5. Nice and Easy Page Navigation » at ChemstudioWEB.COM

    July 22nd, 2007 at 4:10 pm

    [...] Here are other bloggers implementing similar concept [...]

    comment

  6. iCalvyn

    July 22nd, 2007 at 10:46 pm

    this help alot for my blog, make my reader easy…TQTQ…

    comment

  7. iCalvyn

    July 28th, 2007 at 10:16 pm

    bro, i have activate it, and paste the code in my index, but nothing shows there…

    comment

  8. matze

    February 21st, 2008 at 4:06 am

    the same with me: activate, paste, nothing appears. why?

    comment

  9. viettut

    February 21st, 2008 at 8:07 am

    @iCalvyn
    @matze
    Your current Theme maybe didn’t call wp_footer() function.

    Just Insert this code before in your footer template.

    comment

  10. Clarisa

    April 5th, 2008 at 11:28 am

    Hey! It’s awesome, thanks! :)

    comment

  11. kulandai

    April 25th, 2008 at 9:09 pm

    Hi, how to change the pagination URL. Example: domain.com/category/page/1

    I want to change that ‘page’ to some other ‘keyword’ in wordpress 2.5?
    Thanks.

    comment


Leave a reply