Web Design by Sheriar Designs: Impeccable Code | Beautiful Design

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><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.

And Voila!

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. ;~)

This entry was posted on Thursday, May 15th, 2008 at 9:59 am and is filed under Wordpress. You can follow any responses to this entry through the RSS 2.0 feed. Both comments and pings are currently closed.