WordPress › Prime Strategy Bread Crumb

Adds the function to display breadcrumbs navigation.

This plugin adds the function to display breadcrumbs (topic path) navigation. You can use display styles, lots of parameters of styles and original plugin hooks of breadcrumbs navigation, and you can customize navigations flexibly.

Examples

Default
Template Tag

<?php if ( function_exists( 'bread_crumb' ) ) bread_crumb(); ?>

Output sample

<ul class="bread_crumb">
    <li class="level-1 top"><a href="http://www.example.com/">Home</a></li>
    <li class="level-2 sub"><a href="http://www.example.com/?post_type=seminar">Seminar</a></li>
    <li class="level-3 sub"><a href="http://www.example.com/?area=tokyo">Tokyo</a></li>
    <li class="level-4 sub tail current">WordBench Tokyo</li>
</ul>

String types
Template Tag

<?php if ( function_exists( 'bread_crumb' ) ) bread_crumb( 'type=string' ); ?>

Output Sample

<a href="http://www.example.com/">Home</a> > <a href="http://www.example.com/?post_type=seminar">Seminar</a> > <a href="http://www.example.com/?area=tokyo">Tokyo</a> > <strong class="current">WordBench Tokyo</strong>

CSS Sample

.bread_crumb {
    margin:0;
    border-bottom:1px solid #eee;
    padding:0.8em 0 0.5em;
    clear: both;
    height: 20px;
    background: #f8f8f8;
}
.bread_crumb li {
    font-size:12px;
    color:rgb(180,180,180);
    float:left;
    /*margin-right:1em;*/
    list-style: none outside none;
}
.bread_crumb li:after {
    content : '>';
    padding-left:10px;
    margin-right:10px;
}
.bread_crumb li:last-child:after {
    content : '';
}
.bread_crumb li a {
    color:rgb(120,120,120);
}
.bread_crumb li.current {
}