How To Set Up Numbered Page Navigation In Thesis

One of the most annoying things about most WordPress themes, even an advanced one like Thesis, is the navigation system for blog, archive, and search pages. Typically, all you get at the bottom of a blog’s homepage is two links. One is for “newer posts” and one is for “older posts” or something similar. This is not exactly optimal. Fortunately, its possible to replace this native functionality with numbered page navigation.

What is Numbered Page Navigation?

Numbered page navigation is simply a list of links to a range of pages within a few pages of the page you are currently viewing. This list appears at the bottom of any area of your blog with multiple posts numbering greater than the amount of posts your blog is set to display on one page (this can be changed under the “Reading” options under the “Settings” tab in your WP admin). Your visitors will then be able to choose to visit any number of pages from one page rather than scrolling through them one at a time to find the desired page.

numnav

How Can I Setup Numbered Page Navigation On My Blog?

There are two ways you can do this. If you want to be boring, you can use a plugin called WP Pagenavi. Its actually a really nice plugin and I would recommend it if you don’t want to get your hands dirty.

However, as your blog grows, you’ll find yourself wanting to change things, add new features, etc. As this happens, you’ll find yourself using more and more plugins. The more plugins you use, the slower your blog will be. I don’t know about you, but I’m all about keeping my blog clean and fast, so I make every attempt to avoid plugins when I can.

The code we’ll be using to create our numbered page nav is actually based on the same code that WP Pagenavi utilizes. However, I’ve tailored it to a blogger’s needs and cleaned it up a bit to make this as painless as possible for the coding impaired. I know it looks like a lot to swallow, but don’t worry. I’ll walk you through it.

In order to work properly, we need to write a typical wordpress function. Then, we’ll call that function using a Thesis hook to place it directly below the last post on each page where page navigation is displayed. Finally, we’ll add CSS customizations to make it look good. It will take a bit of coding knowledge to understand what’s going on here, but if you can copy and paste, you can implement this!

The Code

function numbered_page_nav($prelabel = '', $nxtlabel = '', $pages_to_show = 8, $always_show = false) {
	global $request, $posts_per_page, $wpdb, $paged;

	$custom_range = round($pages_to_show/2);
	if (!is_single()) {
		if(!is_category()) {
			preg_match('#FROM\s(.*)\sORDER BY#siU', $request, $matches);
		}
		else {
			preg_match('#FROM\s(.*)\sGROUP BY#siU', $request, $matches);
		}
		$blog_post_count = $matches[1];
		$numposts = $wpdb->get_var("SELECT COUNT(DISTINCT ID) FROM $blog_post_count");
		$max_page = ceil($numposts /$posts_per_page);
		if(empty($paged)) {
			$paged = 1;
		}
		if($max_page > 1 || $always_show) {
			echo "<div class='page-nav'><div class='page-nav-intro'>Page $paged of $max_page</div>";
			if ($paged >= ($pages_to_show-2)) {
				echo '<div class="page-number"><a href="'.get_pagenum_link().'">1</a></div><div class="elipses">...</div>';
			}
			for($i = $paged - $custom_range; $i <= $paged + $custom_range; $i++) {
				if ($i >= 1 && $i <= $max_page) {
					if($i == $paged) {
						echo "<div class='current-page-number'>$i</div>";
					}
					else {
						echo '<div class="page-number"><a href="'.get_pagenum_link($i).'">'.$i.'</a></div>';
					}
				}
			}
			if (($paged+$custom_range) < ($max_page)) {
				echo '<div class="elipses">...</div><div class="page-number"><a href="'.get_pagenum_link($max_page).'">'.$max_page.'</a></div>';
			}
			echo "</div>";
		}
	}
}
remove_action('thesis_hook_after_content', 'thesis_post_navigation');
add_action('thesis_hook_after_content', 'numbered_page_nav');

The Breakdown

Worried? Don’t be. Its bark is worse than its bite. Let’s break it down piece by piece.

1. Setting the Parameters
function numbered_page_nav($prelabel = '', $nxtlabel = '', $pages_to_show = 8, $always_show = false) {
	global $request, $posts_per_page, $wpdb, $paged;
	$custom_range = round($pages_to_show/2);
	if (!is_single()) {
		if(!is_category()) {
			preg_match('#FROM\s(.*)\sORDER BY#siU', $request, $matches);
		}
		else {
			preg_match('#FROM\s(.*)\sGROUP BY#siU', $request, $matches);
		}</pre>
This section of code establishes the parameters of our function such as what WordPress elements we need, how many posts will be in our list, and which areas of your blog will need the navigation.

The main thing you need to understand here is that "$pages_to_show = 8" simply means we're going to list 8 pages other than the current page we're on.  You can change "8" to whatever number you please.  I'd strongly suggest that you use an even number as that will keep an equal number of pages on either side of the current page in our list.
<h5>2. How Big is Your Blog?</h5>
<pre>$blog_post_count = $matches[1];
$numposts = $wpdb->get_var("SELECT COUNT(DISTINCT ID) FROM $blog_post_count");
$max_page = ceil($numposts /$posts_per_page);
if(empty($paged)) {
	$paged = 1;
}</pre>
Next, we determine how many posts your blog contains, how many posts you allow on each page, and use those two pieces of information to determine how many pages will be in our display.  It also states that nothing will be displayed if the page doesn't contain enough posts to need multiple pages in order to display all posts.
<h5>3. Where are We?</h5>
<pre>if($max_page > 1 || $always_show) {
	echo "<div class='page-nav'><div class='page-nav-intro'>Page $paged of $max_page</div>";
	if ($paged >= ($pages_to_show-2)) {
		echo '<div class="page-number"><a href="'.get_pagenum_link().'">1</a></div><div class="elipses">...</div> ';
	}

The next section contains the code that displays our navigation intro box that tells us which page we’re on and how many total pages there are. It also contains the code that displays the first page link once we move far enough from the first page that its not natively displayed in the list.

4. The Meat
for($i = $paged - $custom_range; $i <= $paged + $custom_range; $i++) {
	if ($i >= 1 && $i <= $max_page) {
		if($i == $paged) {
			echo "<div class='current-page-number'>$i</div>";
		}
		else {
			echo ' <div class="page-number"><a href="'.get_pagenum_link($i).'">'.$i.'</a></div> ';
		}
	}
}</pre>
This section is a bit complicated, but it basically just lists the number of pages that are to be displayed.  Remember when we set that up in the parameters?  It also sets up a seperate class for the current page.  That way you can style it differently if that suits your fancy.
<h5>5. The End</h5>
<pre>if (($paged+$custom_range) < ($max_page)) {
	echo ' <div class="elipses">...</div><div class="page-number"><a href="'.get_pagenum_link($max_page).'">'.$max_page.'</a></div>';
}
echo "</div>";

Finally, if the last page does not appear in our list natively, we include a link to it at the end.

6. Thesis Implementation
remove_action('thesis_hook_after_content', 'thesis_post_navigation');
add_action('thesis_hook_after_content', 'numbered_page_nav');

This is the easy part. You just need two lines of code (yep, Thesis rocks!). “thesis_hook_after_content” is the hook we’ll be using. It simply means that the numbered page nav will be placed below the end of the last post on the page. First, we remove the standard Thesis page navigation. Then, we add our custom function. If you wanted to place it below all content (posts and sidebars), but above the footer, you would use the “thesis_hook_after_content_box” hook. “thesis_post_navigation” refers to the standard Thesis page navigation. “numbered_page_nav” just indicates the name of the function we want to place in our chosen location.

And that’s it. Just copy and paste the whole thing into your custom_functions.php file and we’re ready to style!

Styling the Navigation

Just copy and paste this into your custom.css file and you are all done. Of course, you’ll want make stylistic adjustments to match the look of your blog.

/* NUMBERED PAGE NAV */ .page-nav { font-size: 1.35em; font-weight: bold; margin: 1em 0; padding: 0; overflow: hidden; } .page-nav-intro { float: left; padding: .3em .5em; margin: 0 1em 1em 0; background: #efefef; border: .1em solid #ccc; } .page-number { float: left; padding: .3em .5em; margin: 0 .2em; background: #fff; border: .1em solid #ccc; } .current-page-number { float: left; padding: .3em .5em; margin: 0 .2em; background: #efefef; border: .1em solid #ccc; } .elipses { float: left; padding: .3em .2em; }

Sign Up Now for Free Updates and Exclusive Content:

Learn how to write killer content, get more traffic, make money, and more by entering your email below:

Written by Adam Baird

Adam is a Wordpress designer, Thesis specialist, and blogger from Indianapolis, Indiana. He writes web design tutorials and resources on Theme Big. Check out his custom work here.

Comments

  • Interestingly I was just thinking about doing this on my Thesis blog.

  • Mary Jaksch says:

    This is a good, thorough post but pretty technical. I’m nervous of completely ballsing my blog up if I try this.

    I think your blog will attract more readers if you don’t just aim at bloggers who are comfortable with coding. The masses you want to attract aren’t.

    At the moment your tagline (which is great) doesn’t line up with your content.

    • Nick Reese says:

      Mary,

      Thanks for the keen observation. I will work on getting some more basic content on here. I also sent you an email with regards to what you would like to see. Look forward to connecting.

    • Adam Baird says:

      This is a bit of a technical article, but I wouldn’t worry about messing up your theme.

      If you back up your custom_functions.php file before you do anything, you can always just load the backup in the event that something goes wrong :)

  • [...] How To Set Up Numbered Page Navigation In Thesis [...]

  • Rich Cook says:

    I just pasted the code into my blog and it works great. It’ll look even better when I have more than 2 pages!

    I do have a question – I’m working on setting up category pages so that certain posts appear on certain pages, according to their primary category (Daily Logs appear on the Daily Log page, etc.). I’m not there yet (still trying to figure that one out!) but was wondering if the page number code will work across all pages or if I have to add it to individual pages to make it work on each individual page/category?

    Thanks!
    Rich

  • tsudo says:

    Excellent tutorial and the code worked like a charm. Thank you

  • Scott says:

    Awesome tutorial, worked like a charm!

    • Adam Baird says:

      Thanks…now if only I can figure out how to unravel complicated php scripts ;)

      • Scott says:

        There is a PHP script I’m hoping someone can figure out.. I posted it in the classified section of the Thesis forums. The developer was sloppy from what I understand. (I don’t write code) Trying to get a PHP app to be “included” as a custom page. The owner of the software is no help.

  • Mark V says:

    I tried this on my site, vannonphotography.com and it worked but I can’t seem to get the colors to change even though I enter custom values for them. Any ideas?

    Thanks

    • Adam Baird says:

      Tough to say what the problem is without actually looking at the code on your site. Just try to make sure the css selectors you are using match up to the ones in the code.

  • Mark V says:

    Thanks for the tip. I’m using “numbered page nav” code on this site, verbatim, in my custom.css file. I can change the font size but the color just doesn’t want to change. :-(

  • I would like to use this on tag archive pages as well, but every time I add the !is_tag() switch in with the !is_category() line, the nav disappears from the entire site.

    Help? TIA.

  • Mark Stevens says:

    Being code-challenged, I’ve had more than one custom_function tutorial cause my blog to implode… but this one rocks! Thank You!!!

  • Chris Stroud says:

    Thanks for this one too! Only took a few minutes to implement.

  • How can I do this for pages instead of posts?

  • I’m a little disappointed with this tutorial…it only took me about seven seconds to implement this on my site—can you make it more difficult next time?

    iKeed…thanks for pumping out these consistently high-quality tutorials! Is there any way to add a “next” and “previous” button to this?

  • Shahab khan says:

    Nice tutorial Nick. Your code worked brilliantly !!
    Now i am going to delete the WP-Page navi plugin.

  • John says:

    doesn’t work for me with Thesis 1.7 and with 1.6 it would sporadically disappear for no apparent reason. When it disappeared the first time, I had to follow your instructions again to get it back. This was strange because I didn’t do anything that should have caused it to simply vanish. Shame because when it was there, it looked great. I’m heading off to get the plugin you recommended instead.

    • Meedo Taha says:

      Weird… Worked fine for me at meedosite.com
      Besides some CSS tweaks, I used the Adam’s code verbatim.
      Wordpress 2.9.2 / Thesis 1.7.

  • Meedo Taha says:

    Hi. Great tutorial. I set it up on my blog without a hitch. Question: I’d create a hover effect to make it consistent with my nav menu and more visually appealing. Any chance you could help out with the coding?

    • Adam says:

      If you have specific questions I’m definitely willing to help. For starters, a:hover {} for the specific element you want the hover effect on would be the css selector to use…

  • [...] How to Set Up Numbered Page Navigation in Thesis – Adding numbered page navigation will increase your page views which is always a good thing! This tutorial makes it as simple as copy and pasting! [...]

  • series says:

    Hi Nick Sorry if i ask here a quetion but i think is very sinilar to this post ,so I want to put 20 post in the front page but thesis onliy allow to put 10 post ,how i can change this ,thks

  • mohdisa says:

    nice tutorial, thanks. :)

  • ad says:

    Do you have a hint what’s going wrong on my site?
    when i click on the last page (page 80), i get the information that the page can’t be found.

  • [...] How To Set Up Numbered Page Navigation In Thesis [...]

  • Thanks for this tutorial – been looking for some help with hard-coding this without a plugin. Cheers my friend!

  • Radek says:

    Hi Adam

    great post/tutorial especially if it helps me not use a plugin. Can you make it work for pagination of comments? If comments breaks into pages?

    Thank you

    R

  • John says:

    Any tips on how to fix this error on pages? (such as 404 page)

    Warning: Division by zero in /thesis_17/custom/custom_functions.php on line 79

  • Dave says:

    Hi, I’m using WordPress 3 and Thesis 1.7. When I cut and paste the custom php code into my custom file editor, and hit submit I get a 404 error (no other info). I thought it had something to do with the fact that I only have a 100 or so posts with 20 posts per page, so I changed the pages to display from 8 down to 4 and also 2, but no go.

    Any thoughts on what might be causing this, could it be something with WordPress 3?

    • Adam Baird says:

      I’ve yet to run this code with WP 3.0. I’m a bit baffled as to why this would happen though. There’s nothing in the code that should generate a 404.

      Just to be sure, are you getting the Thesis 404 page or a blank white screen with an error message?

      • Dave says:

        Hi Adam, I’m getting the ‘You 404’d it. Gnarly, dude.’ within the content box of the page. The custom header and the right sidebar still show up, but the content box gives me a 404.

        When I click the back button, the ‘offending code’ has been automatically removed from from the custom php file as though it was never pasted. Is it possible this problem I’m having is related to custom htaccess security protocols I have on my site, or should this code not be affected by such.

        Thanks, Dave

        • Adam Baird says:

          Its entirely possible that the htaccess is the problem. Its impossible to know without taking a look at your code, but I’ve never heard of anyone having this problem.

          You might try temporarily removing the custom rules and see if that solves the problem. You would at least know that was the problem. Hope that helps!

  • Dave says:

    Hey Adam, my guess was right. The fact that custom functions php refused to allow the code to even be posted was what led to that diagnosis, as normally it would allow the code to be posted and then if the code was wrong, futz up your site until you manually sftp’d to it to change the ‘offending code’.

    So I tried just using sftp to securely paste that code into custom functions php and then it worked.

    I must have some security settings that don’t allow for certain function calls to be placed in custom functions php through wordpress, as I’ve been editing it through wordpress admin without running into this error up till now.

    Thanks for the code (as I really didn’t want to have to add another plugin) and for your quick responses.

    Cheers, Dave

    PS is there an easy way to adjust the code so that it doesn’t always show the first and last pages, or so that it only always shows the first page?

    • Dave says:

      Hi Adam, I spent some time looking over your code, and took a guess at removing the last number (which worked) and then guessed that Page $paged of $max_page was the piece of code I needed to remove to make the page navigation intro numbers disappear, and it was as well.

      Thanks for using sensible naming conventions in your code so that I could decipher it even though I’m a noob to php coding.

      Cheers, Dave

  • Utkarsh says:

    Awesome! You just saved me from plugin hell – one step towards being plugin free (well, almost) :D

  • dNoxs says:

    thanks for trick pagenavi, I have use this trick :D

  • Thank You!!! I’ve been looking for this for a almost year!

  • Dave says:

    Hi Adam, I’m trying to get this to work for my tag pages as well. I spent the last couple hours playing with the code and was able to get it to show up in the tag pages if I replace if(!is_catergory with if(!is_tag.
    But when I try to add elseif(!is_tag it doesn’t do anything. Now I’m kinda clued out as to what sORDER and sGROUP stand for, maybe you could clue me in.

    I also tried creating a separate function called numbered_tag_nav, but that whole area with !is_single and !is_category screws me up.

    Last but not least, I’m also trying to figure out how to have it return tag pages based on 10 per page instead of the current settings I have for the home page which is 25 per page. (this is why I though a separate function specific to tag pages would be good, but I couldn’t figure out how to do it)

    Many thanks
    Dave

  • Kumar says:

    Thanks Adam ! Great way to avoid a plugin. I got rid of two plugins after this tutorial which I used for Thesis paging.

  • Jamez Issac says:

    Hey bro i use it this nav function on mi site but it showing small font and numbering size as well
    how can i improve it ..
    take care mate

  • Talian says:

    Where do I place this function: function numbered_page_nav($prelabel = ”, $nxtlabel = ”, $pages_to_show = 8, $always_show = false) ? And where do I call this? And when I call the function, what are the parameters which I place into the function numbered_page_nav(????)? Can U help me please? I begin with wordpress.

  • Avinash says:

    Thanks a lot for the tutorial.

    Its working like a charm on my blog. Thanks again.
    Hope to read more tutorials like this in future. :)

  • DB says:

    Thanks for this.

    I was looking for a little guide on how to add page numbers… I don’t understand why they are not making the page numbers navigation a default option in thesis.

  • Blasis Ramo says:

    Thanks a lot Adam for the tutorial.How i can make visibe the nav only if as category 12 for example or how i can hide the nav from home page
    (!if is_category( 12)) {

  • Thanks for the nice article. I have a question though. I have enabled page navigation using the code you provided. But it also removes the horizontal line (thesis default) at the end of the content section. That looks little odd on my blog. Can you please tell me how to keep the horizontal lines before the navigation menu?

  • Tixy says:

    Nice tutorial! I just put it on my blog and it works perfectly!!!

  • New And Improved Thesis Numbered Page Navigation says:

    [...] while back I wrote a tutorial over at Art of Blog explaining how to set up numbered page navigation for Thesis without using a plugin. While the code [...]

  • Manuel Molina says:

    AWESOME! THX!

  • mary says:

    hi,

    I’ve been using your code for at least a month now and everything was going perfectly until I noticed just today that my page-navi was missing from its usual spot. There was actually no navigation in my blog, so I tried deleting the code altogether which solved that issue.

    Is there something I should be doing differently?

    thanks!

  • Dee says:

    Right now I only have two posts showing on the front page (newish site), with other posts on category pages. On the front page, the code shows that there are five pages upcoming, but when either page number is clicked, it only shows the two posts on the front page. I’m thinking I need to remove pagination from the front page for now. How would I do that? Thanks for the cool code. It works fine on my category pages!

  • Hoàng Nguyễn says:

    Thanks for the tip, Adam.

  • Jodi Shaw says:

    Thank you so much for this. I’m new to Thesis and have been working hard all week on my site. I do have a question though. Is there any way to introduce a space before the numbered page nav? I’m not sure if I’ve done something wrong but it is flush up against the last teaser on my home page.

    If you could help me that would be great. If not that’s okay. Your tut was still amazing.

  • robert v says:

    The tutorial worked fine for me. But is there a way to also add Arrows such as “” so that users can click them to go to the next and previous pages without having to click an actual page number?

  • Lisa says:

    Great tutorial, btw, is there any way of implementing this on comment pages and not just posts? I’m working on a project where I have to have numbered pages for comment paging using Thesis and so far haven’t been able to find a solution.

  • wazy says:

    Hi
    nice tutorial from this blog
    and i already get my page navi in thesis form your tutorial
    but how can i customized ur css code and make my page navi center and big
    hope u can reply in my email after visit my blog

  • Andrew says:

    Amazing thanks soo much ..
    I m search that type to page numbers..
    thanks :)

  • amanda says:

    I am confused, what do I edit?

    • Adam Baird says:

      You just need to copy and paste the first block of code into custom_functions.php.

      Then you need to copy and paste the last block of code (the CSS) into custom.css.

      You can find both of these files in your Thesis custom folder.

  • faheem says:

    Very nice tutorial.
    I want to change font size and color of the page number.How can I do that. I tried to change font size in css code (appended below), but did not see any effect.
    .page-nav { font-size: 1.13em; font-weight: bold; margin: 1em 0; padding: 0; overflow: hidden; }

    Thank you

  • arra says:

    Hi, Thanks..

    I’ve tried this advice,

    that’s work on me :D

  • Eric says:

    How can you make is work with the Thesis OpenHook plugin? I know how to stylize it in the custom.css but when I try implementing your code on the thesis open hook it doesn’t work. Any advice please?
    thx

  • Johnny says:

    Do anybody know if this method will work with the “lastcategory” plugin? I’ve been trying to use PageNavi with the LastCategory plugin but it fails. So I’m thinking of removing PageNavi and just manually coding this in.

  • Joven says:

    Noticed a bug

    Right now your site has got 24 pages as of me posting this comments, please kindly navigate to
    http://www.artofblog.com/page/19/

    You will notice that there’s a … between 23 and 24.

    Any idea how to fix it in your count loop?

  • Tom says:

    After removing the standard Thesis page navigation, it also removes the top border that divides between the numbered page navigation and the content just above it.

    How do I retain the the top border while removing the standard Thesis page navigation?

  • Jonathan says:

    Thank you very much. This worked perfectly and it looks just like I wanted it.

  • largeron says:

    Hi,

    Many tks for your article. With Wp 3.2.1 works great…

  • Worked perfect for me; a little bit of work with the stylesheet and it matches my site colors too. LOVE.

    I’ve been using the WP Page Navi plugin but it’s been going off and on; must not like a plugin I use…I much prefer having changes like this in lieu of a plugin anyhow.

  • Swarup says:

    I was able to set up the page navi for my site in about 10 minutes thanks to your tutorial. I tried using the WP-pagenavi plugin yesterday — and it for some reason it screwed up something in custom_functions that that blew up the site. Luckily, I had a back up of the old custom_functions and overwrote the file using Filezilla. I had almost given up on adding this feature cause, I’m not a programmer, and I’ve taught myself to just edit basic HTML and CSS. And, here you are helping us with the perfect solution that’s so easy to add. Thank you VERY much Adam!

  • Geek Revealed says:

    This is the best tutorial on creating numbered navigation to thesis theme. I just added it to my blog and it works like a charm.
    Thanks for posting :)

  • We have a blog post page which I can set this up on, but we want to have another page set up (if you look at our site it’s called all about kids)…where we share similar as the blog page, but it still numbers it..sets limits on how many posts will show.
    I’m not sure if this is the correct place to ask.
    Just wondering if this only works on the front blog posting page or if it works on all pages.
    Please let me know.
    Thanks,
    Patricia

  • Sanjeev says:

    I was looking for this only, just added to my site and it worked. Thanks for the code, I also like a cleaner approach rather than adding lot of plugins…

  • Mixy says:

    I know this sounds stupid, and someone above asked it and was ignored. But how can you center this? text-align doesn’t seem to affect it anywhere I put it. Changing margins to auto doesn’t either. I’ve found a lot of code and CSS for this feature on various sites today, and they all have it over on the left margin. Does anyone actually know how to center it?

    • Adam Baird says:

      There’s no easy way to center this. “text-align: center;” doesn’t work for a wide variety of reasons. The “margin: 0 auto;” idea would work if you defined the width, but we can’t do that since its fluid depending on what page you’re on.

      I would just leave it left aligned. If you absolutely cannot live without centering, you could try absolute positioning.

  • mazdodot says:

    Worked perfect for my blog….Many thanks for your article.

  • How2Blog says:

    Finally it worked tnx a ton dude u saved my life. I was trying to use WP-PageNavi plugin but it was not working properly :(

  • Thank you so much for sharing this code! I’m relatively new to coding and managed to install yours in mere minutes! I’ve been wanting to put something like this on my blog for sometime and am so happy to have found your site. Thanks again!

  • Kristoffer says:

    Hi

    Thanks for a good tutorial – it worked fine on my site. But how do i add a “next page” function? Hope you can help me out with that issue.

    Thanks
    Kristoffer

  • Charles says:

    Thanks for this wonderful pagination.

  • Dre3000 says:

    I copied the code and pasted it in. The things that is changed is the is_single to is_page and put my page in also I added a category id number to the is_category. But now nothing shows up on the page. Is it because of what you said “It also states that nothing will be displayed if the page doesn’t contain enough posts to need multiple pages in order to display all posts.” Because I only have 2 posts in the category, and what would i need to change in the code in order for me to see the paged navigation.

  • Dre says:

    How would I implement this into a custom loop?

  • suraj says:

    Thanks for providing this code…i was going nuts looking for this to work on site perfectly…

  • Thanks for the code, I just installed it, but I have a little problem. My pagination is still one under another, not one near another. I mean with or without the code in the custom.css file it’s still the same. Could you please help me with the right code, or tell me what I’m doing wrong?
    Thanks,
    Roxana

  • Ryuzin says:

    It dont work in tag page?

  • NXthemes says:

    Thanks for tutorial,
    But this tutorial only using for Thesis 1.x
    I have written a tutorial for Thesis 2.x.You can refer to the following link:
    http://nxthemes.com/thesis-2-x-windy-box-for-swift-content-navigation/

  • Gouri says:

    Thank you for this great tutorial. But looks like I am missing out something. Couldn’t get it working on my site running on Thesis 1.85

  • Prasad says:

    Worth a lot, Nice explanation of each part