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:



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…