Wordpress Breadcrumbs

Wrapping up my WordPress kick (for now), I recently did another custom wordpress theme job where I was asked to add breadcrumbs. I didn’t know how to do this and so spent a good amount of time researching. Turns out there are a few plugins out there which will do the trick, but the one that worked best for me was Breadcrumb NavXT.

The HTML

After installing the plugin, choose the place in your template where you want the breadcrumbs to appear and add this html:

<div class="breadcrumb">
<?php if (function_exists('bcn_display'))
{
// Display the breadcrumb
bcn_display();
} ?>
</div>

Because this blog was a separate URL from it's parent company website I also added a little code up front to give a link back to "home":

<div class="breadcrumb">
Home >
<?php if (function_exists('bcn_display'))
{
// Display the breadcrumb
bcn_display();
} ?>
</div>

Tweak the Settings

For my purposes all I needed to do was go to Settings > Breadcrumb NavXT and give "Blog" as the title and ">" as the breadcrumb separator.

screenshot of Breadcrumb NavXT settings page

And Voila!

screenshot of Breadcrumb NavXT settings page

By the way, when I first installed the plugin I got some weird sort of error message (can't remember what it was), but it didn't actually effect anything at all. This also happened the second time I installed it, so maybe it's just a bug with this version. Basically, if you see something weird, you probably don't need to worry about it. ;~)

4 Responses to “Wordpress Breadcrumbs”