I have just received a question through Twitter from my buddy Harsh of ShoutMeLoud.com blogging tips blog, asking me about the new page navigation I am using on our blog and if there is any tutorial or heads up. Thank you so much for your question, and yes.. there is a head up.. a really good one.
I have talked before about How to add Page Navigation to Thesis Theme and CSS Style it using Thesis OpenHook and WP-PageNavi Plugins, but it seems people having a little problems while trying to style the WP-PageNavi plugin. Between you and me.. I myself have the same problem if I forgot something in the settings of the plugin, and it’s not working the same on all blogs that I have installed on!
The best Page Navigation for Thesis Themes
Cool, here is the exciting part, it’s Paginator, yeah.. a very nice and cool WordPress plugin called Paginator, and it’s exactly what the name says, because of the amazing scrolling effect your blog visitors can easily navigate and Paginate through your blog, I feel great using it everyday while browsing my blog because it reduced the number of clicks I had to do to reach a specific page!
Why using Paginator plugin?
- Very simple to install and use like any other WoedPress plugin
- It has an awesome pagination technique based on the idea of scrolling
- CSS included, just play with it to match your blog theme
- Looks great, and effective with no problems
- People will contact you and say: hey from where you get that awesome navigator? :)
How to install Paginator plugin on Thesis Theme?
- Download Paginator plugin from WordPress site, and Install it like usual, then activate it.
Again, I recommend using the simple OpenHook plugin to make the work with Thesis theme easier on yourself, so basically we are going this code to display the paging navigation on your blog, of course we will place it in the (After Content) hock!
Get the code:
<div><?php if(function_exists('wp_paginator')) { wp_paginator(); } ?></div>
- To configure Paginator, simply go to (WP-Admin -> Settings -> Paginator) and you will see by yourself that there is no too much to do!
- To style the Paginator you will have to edit the CSS style of Paginator plugin, you can do that by edit /wp-content/plugins/paginator/skin/paginator3000.css
I have tested it on two blogs, here on this blog, and on my other social bookmark blog, and here is a Paginator Demo if you would like to see more.
I love Questions about WordPress
Specially when it’s about something I am already using, and when I have the right answer, so don’t hesitate to contact me by any way, shout you question out and give me another reason to blog 
Article by Hesham Zebida
I create websites, and I develop Thesis Skins. I am a social network lover. I am also the night creature who works hard to keep this project up. Owner and founder of FamousBloggers.net.
17
{ 41 comments… read them below or add one }
thanks dude.. it’s really working =)
I searched over 1 hour for a Thesis paginator tutorial afer I’ve seen this on your blog.
I notice it dissappeared her. After reading it I applied it, twas nice, but generates too many 404′s for my taste. So I’m looking for something else..
Happy Hotelier recently posted..Breaking News- Trainwagons on Fire in Zwijdrecht
mmm.. I just visited your blog now, and Paginator plugins seems to work fine to me! I am not sure why you are getting this 404′s are you sure it’s caused by the plugin?!
Sorry. I now see it is still installed on your frontpage…and not here off course.
The plugin worked and works fine as such.
However, in one way or another it seems to cause errors like: http://www.happyhotelier.com/category/celebrity/page/ for the first page… I know I can reapair it, but it is a bit cumbersome to do it for every instance it seems to happen.
Happy Hotelier recently posted..Breaking News- Trainwagons on Fire in Zwijdrecht
Twitter: techhogger
December 3, 2010 at 11:20 pm
So easy to install and works so great.
That’s really cool Hesham
Kunal recently posted..HTC Desire HD And Desire Z Coming To India
hesham! I know this is an old post. But I’ve been looking for a good paginator plugin on Google and I found yours! It works really well for me now and I just did a couple of edits on the CSS. Thx again
Hey Bryan, yes it’s an old post, but as you can see I am still using the Paginator plugin here at FamousBloggers.net!
Enjoy!
Twitter: mani0993
July 8, 2010 at 12:12 am
I have incorporated in my non-thesis theme, lets see whether it works or not
Thanks for the post though!
Mani Viswanathan recently posted..Airtel & Facebook team up to offer 2 Months free Facebook access
It should work on any theme!
Hi Hesham! Thanks for this! I have been looking around for a nice page navigation plugin. Really need this one now. Thanks again!
Peter Paul recently posted..How to earn 100 or more with in a week-
I hope it’s working for you!
Twitter: bloggerdaily
June 21, 2010 at 1:15 pm
Thanks, Hesham. It works perfectly without any sickening codings and I’m gonna apply it on my blogs!
And somehow I feel regret I didn’t read this article earlier!
Glad to hear that buddy! and oh! I see no tweet button on your blog posts, why don’t add one so it will help on promotion!
Twitter: bloggerdaily
June 21, 2010 at 1:37 pm
Yeah
and I’m still playing with Thesis.. adding/modify things. I’ll add the retweet function. Thanks for your recommendation! 
hi, nice post. but this is what i got when i clicked on the view code link: about:blank
Yes.. I notice that.. I must missed with the code while editing the post, thank you so much for telling me, it’s fixed now!
Amazing plugin and tut. Check out my blog i placed the paginator today and did some editing in the css file. Works excellent
.-= NEW from Salman Aslam´s last blog ..Becoming an Eco Friendly living Being? =-.
This is great
i actually had to manually type it using the image in this post. thanks for the reply by the way
Twitter: drlawrencekindo
May 2, 2010 at 1:55 am
I got it working on my blog except that the slider knob does not seem to work on mine like yours. Anyways, great plugin. I am loving it already.
.-= NEW from Dr. Lawrence Kindo´s last blog ..Abdominal Compartment Syndrome – A Silent but Lurking Danger! =-.
I think it’s working good on your site, the slider doesn’t show because you have only 4 pages, wait till you have more pages, or you can change the the plugin options from it’s option page!
awesome find my friend. I’ve been looking for a good plug-ins like this one. Now the only problem is figuring out how to make it look good. But I’m sure I’ll figure that out eventually.
.-= NEW from Brendan @ Online Marketing Consultant´s last blog ..Main Street Marketing Machines =-.
Twitter: element321
April 15, 2010 at 5:39 pm
Hesham,
I just added the plugin and used your code to style it on my site since I was having so many issues getting to work with the original CSS code. Now I have to customize your code to so it will spread across the post column like yours…
.-= NEW from element321 @ evolutionary designs´s last blog ..Daily Delicious Links April 8th 2010 =-.
You actually don’t need to style it, use the normal setting of the plugin!
One thing, try to place the code to display the navigator in the right place in your php files!
Twitter: element321
April 15, 2010 at 6:12 pm
Settings didnt seem to work, it looked bad. I ending up ignoring and adding CSS to the main style sheet and it seems to work. still playing with it though…
.-= NEW from element321´s last blog ..Daily Delicious Links April 8th 2010 =-.
Looks like perfect now!
I will probably do a tutorial on WP-PageNavi on different ways it can be styled over on WPAddict.
I think the navigation is a nice touch for this site. I am sure others will like it too, but I do not develop with Thesis for myself. I develop from scratch. It is a good idea to keep in mind for some of my clients looking for features like this one.
.-= NEW from Nile Flores´s last blog ..12 Ways To Eliminate Spam =-.
That’s a great idea!
I think people would like to learn more about this issue!
Helpful post! I’ve tried other page navigation plugins but didn’t seem to work well with Thesis. I’ll try this
.-= NEW from Tim Baran´s last blog ..Interview with Kevin Houchin About Space Between Center =-.
Nice blog you have there, it will look great after installing the page navigation
Twitter: heydevesh
April 14, 2010 at 10:51 am
Thanks for sharing Heshman
No problem buddy! It looks awesome on your blog
By the way, why don’t you add your Twitter account to Tweetmeme button so you will be able to track and interact with who ever retweet your stuff!
Twitter: ditesco
April 14, 2010 at 8:59 am
Cool Hesham, another one for my vault:) Since we are at questioning mode, I would like to know what plugin (if any) are you using or recommend for “related article posts” and the author box you got up there (really looks good). I am looking for some and not quite happy with what I have found so far. You know me, I like the simple effective solution. Got any of those under your belt, haha
.-= NEW from DiTesco´s last blog ..Make Money Online With Sponsored Comments: TalkAhead =-.
The author box it done by a code! so… give me some time for this one and I will be back to you soon with a simple look that match your blog theme!
For related articles, I am using “Wordpress Popular Posts”, it’s a cool plugin that I have been using since long time back, just do a fast search by it’s name and you will find it!
Also I am using the “YD Recent Posts” to display post images as you can see on the sidebar, but it need some work to make look like the way you want!
The thing is I really want to reduce the number of plugins I am using, so basically what I am trying to find out is how to add codes into Thesis to make it work with out having to install extra plugins which some times gives some sped problems and also CSS/HTML invalid code!
Thanks Hesham for quick tutorial.. I’m putting it in my to do list and will make changes in my Page navigation asap.. Your looks great
.-= NEW from Harsh Agrawal @Blogging Tips´s last blog ..Retweet and Win License Of Digging Into Wordpress eBook =-.
No problem buddy!
I forgot to tell you… it’s working on any theme .. not only thesis.. but I like to write about Thesis theme
That was my question. This plugin works on any theme?
.-= NEW from Dennis Edell @ Direct Sales Marketing´s last blog ..New Updated Long Detailed Comment Policy Coming very SOON! Among Others… =-.
Yes it works for any theme!
You just need to place the code where you want the navigator to show, in most cases (after content)
If you like is, give it a try, and let’s see how things will work for you
Where would you say visitors are MOST used to seeing it?
.-= NEW from Dennis Edell @ Direct Sales Marketing´s last blog ..WANTED: HootSuite vs. TweetDeck Comparison Guest Post! =-.
{ 8 trackbacks }