Host Unlimited Web Sites for Only $10 per Month!
Powered by MaxBlogPress  

 

Wordpress Hack #5: 10 Ways to Improve Navigation | JTPRATT's Blogging Mistakes
JTPratt's Blogging Mistakes





Home » Wordpress Hack #5: 10 Ways to Improve Navigation » Page 2


 
 

Wordpress Hack #5: 10 Ways to Improve Navigation

(11 pages) 6,186 views -
 

Posted in:

blog-setup category image blogging category image wordpress category image
6,186 views


1. Adding Breadcrumbs to Wordpress Navigation

Breadcrumbs have been around since the beginning of web sites, it’s just the navigation at the top of the page telling you where you came from and how to get back. It’s named after leaving a “trail of breadcrumbs” in the forest to help find your way back.

breadcrumb example

Above is an example of a breadcrumb here on this site. The page in this example is 3 levels deep. The higher 2 levels are linked to the user can quickly and easily go back to the parent page or home page at any time. Breadcrumbs are something that all visitors are used to on all professional web sites. Unfortunately, by default Wordpress doesn’t provide any function for breadcrumbs in it’s default template at all - and I don’t often see it in themes for download. Also, it seems that obtaining a working breadcrumb plugin may currently not be that easy. Possibly the most complex breadcrumb plugin, Breadcrumb Nav XT currently has a server 500 error. Both Hansel and Gretal Breadcrumb Plugin and Dan Peverill’s Breadcrumb Plugin are no longer available as well. I use the Dan Peverill Breadcrumb plugin, and it works for me in every version of Wordpress up to 2.3.3. I haven’t tested it yet in version 2.5. I can’t find it anywhere else on the web (and it works for me on all my sites), so I’ll just allow you to download the version I have. Click here to download Breadcrumb 0.5.1.

Once you download and install the plugin, just place the following code outside the loop wherever you want to display a breadcrumb:

<h3><?php breadcrumb(); ?></h3>

I have my breadcrumb in an h3 heading, but you can change the heading size or style it any way you want to make it properly fit your Wordpress theme. Click to go to the next hack below…

Pages: 1 2 3 4 5 6 7 8 9 10 11

This post has multiple pages...

  1. 10 Ways to Improve Navigation
  2. Page 2 - Adding Breadcrumbs to Wordpress Navigation
  3. Page 3 - How to Hack Ugly Wordpress Next and Previous Links
  4. Page 4 - Wordpress Next and Previous Links for Single Pages
  5. Page 5 - Wordpress More Links and Excerpts
  6. Page 6 - How to Achieve Multi-Paged Post Navigation in Wordpress
  7. Page 7 - How to Add Related Posts After Content in Wordpress
  8. Page 8 - How to Display the Most Viewed Posts in Wordpress
  9. Page 9 - How to Show Most Popular Posts in Wordpress
  10. Page 10 - How to Assign and Show Category Images in Wordpress
  11. Page 11 - Sidebar Navigation Options in Wordpress
  12. View All

Tags: , ,

11 Responses to “Wordpress Hack #5: 10 Ways to Improve Navigation”

  1. Submarine Has the following to say...

    Thank you very much ! I’m glad you appreciate the Category Icons plugin. =00
    Submarines last blog post..Latest version installed but WordPress says it can be updated

  2. Vevin Has the following to say...

    You !!Rock I Am in search of these Post ..
    Thannks for putting such a nice hack Here

    Thanks
    Vevin.Com

    Vevins last blog post..View Locked Albums and Increase Yours Fans

  3. Acupuncture Has the following to say...

    Very nice demonstration of breaking a post up into multiple pages.

    This is something I love about wordpress also.
    I post ebooks (old non-copyright books) and breaking them up into chapters, gives a lot of pages. Adding a few keyword links back to your home page or a page you want to push in the ranks is a great trick. You provide some useful content that is unique and add some link love back to your other pages.

    I usually just make a “table of contents” and paste it in the beginning of the first page or on each page. I’ve noticed google likes this. Google wouldn’t really crawl the next pages that much until I started adding this. The plugin you suggest makes it quicker and adds more functions. I’ve downloaded it and will have to play =)]

    I am noticing that your title tag for each of the 11 pages for this post are all the same, does the plugin allow you to change that for each page? I know we can change the heading titles, but didn’t see anything about the meta tag. . . that would be another big bonus.

    thx,
    Charles
    PS. . .
    I’ve moded one of my sites, thus the earlier comments here go to a non-site now….
    If you like…if easy, you can remove my old email and name (Charles linked to whateveryoneneedstoknow). Can’t keep up with all the sites.

  4. Remkus Has the following to say...

    I did you one short with my last comment. I found a hack I was searching for, but it seems there is quite a little bit more to be found here… so I had to say: awesome lists! I just subscribed to I’ll back for more =[]
    Remkuss last blog post..Premium WordPress Theme: Morning After

  5. Hock Has the following to say...

    You didn’t mention the sitemap plugin by Dagon Design. I think it makes it really easy to find all your posts sorted out by category.

    I wrote about it and you can see it in action on my blog.

    http://www.marketing-tools-review.com/blog/2007/06/favorite-wordpress-plugin-of-the-day-3-sitemap-generator/

  6. admin Has the following to say...

    Thanks for the comment, Hock. I didn’t mention that plugin because I don’t think it’s very good, and also because it doesn’t belong on this hack about navigation. That’s more of an archive page, which was Wordpress Hack #2.

  7. What is Category Icons ? « Category Icons Has the following to say...

    [...] : JTPRATT’s Blogging Mistakes ( here & here ), Performancing Helping Bloggers [...]

  8. Acupuncture Has the following to say...

    Hock, thanks for the idea.

    I checked out dagon design’s sitemap generator after seeing your comment here.

    It works well for a noob like me.

    I guess JT has two of us that like it =[]

    I just posted on JT’s other article about 404 pages. I’m using the sitemap generator on that page also. It gives everything for the lost visitor to find their way again.

    Thanks for the suggestion.
    Charles

    Acupunctures last blog post..What are True Acupuncture points?

  9. John Havlik Has the following to say...

    Just a heads up Breadcrumb Navigation XT, the page you linked to, is obsolete as of January, 2008. Breadcrumb NavXT replaced it. My server sometimes crashes =|8 but you shouldn’t be seeing HTTP 500 messages. It’s probably safest to link to the wordpress.org plugin directory page for it, located at http://wordpress.org/extend/plugins/breadcrumb-navxt/ since that’s where I’m actually hosting it now.

  10. WordPress nextpage quick tag « What Everyone Needs To Know. . . Has the following to say...

    [...] April 19, 2008 by Johnny I was just checking out JT Pratt’s page on using the nextpage tag in WordPress. You can checkout the his post at making more money blogging wordpress hacks using nextpage. [...]

  11. Aahz Has the following to say...

    Story of my life… =((

    I just spent 45 minutes figuring out how to build breadcrumbs and hardcoding them into my template after using them here for the last few days. And NOW I finally get to the article with the plugin! ARGH!! I guess I shoulda done a search before delving in.

    On the other hand, I’m finally starting to understand how PHP works… a little.

    Aahzs last blog post..News From Netflix!

Question or Comment?? Spill it Now...

Jumping for Joy over comments!

We Reward Comments!


We dofollow links, and get your latest blog post as a byline under every new comment from the "CommentLuv" plugin! Top commenters for every month are listed on every page of this site in a sidebar widget linked back to your URL! We would like to reward you for becoming part of our community! Your comment is valuable not only to us, but also all the other readers of this blog!
 

 


Click to add smilies to your post! = =[] ^=( =(( =(| =)r =|8 =0 =)~ =00 =( =;; =)] =;;;