Al Fingers Website
This site, built for DJ / Remix artist Al Fingers, is 100% ninja! It's powered by wordpress, believe it or not, but the theme is like no other wordpress theme I have ever seen. It uses iframes to load all the different categories into seperate lozenges on the home page. It is also backed up by the more conventional wordpress search and display single posts on a page. For this site I also created a unique 'View Tracklist' function for the Mixtapes category, which opens the tracklist for each mixtape in a pop-up window. The site utilises my monthly and reverse nav scripts which can be found here:
Wordpress Monthly Navigation | Wordpress Post Navigation Hacks
This is truly the Millenium Falcon of wordpress themes, and a must for all music lovers.
Check it out: www.alfingers.com
Thanks for this interesting technique. I finally realized, though, that this works only for “paged” templates, like the index and categories and tag pages. Can you suggest a technique to use on single-post templates?
I understand that some of this functionality is built in to the next_post_link and previous_post_link tags already, but it is still difficult to make one of them go away if you are using them with nested divs or other complicated bits of CSS — because you don’t have direct access to the anchor tag. Any suggestions for crafting an equivalent “if” statement that will make the previous or next link not show when not needed on a single-post page?
Also, how much of a performance hit will the $wp_query call cause in the above code?
Hi Gus
With the next_post_link / previous_post_link functions you should use the ‘format’ parameter to keep your divs from displaying when the link is not needed. For example:
<div id="post_nav">
< ?php next_post_link('%link', 'Next Post'); ?>
</div>
will still display the div. While:
< ?php
$post_link_format='<div id="post_nav">%link</div>’;
next_post_link($post_link_format, ‘Next Post’); ?>
would only show the div when the link is needed.
Excellent writeup. Another suggestion: if you’re looking for a quick way to fade out elements that are disabled, consider adding a class to your disabled links (i.e. “.disabled”) and then controlling the functionality with jQuery (i.e. jQuery(”a.disabled”).fadeTo(”fast”, .2).removeAttr(”href”);). Thanks a ton.