WordPress.org

Plugin Directory

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 {
}

Special Thanks

English Translation:Odyssey

Requires: 3.1 or higher
Compatible up to: 4.0.7
Last Updated: 2014-10-19
Active Installs: 10,000+

Ratings

5 out of 5 stars

Support

Got something to say? Need help?

Compatibility

+
=
Not enough data

0 people say it works.
0 people say it's broken.

100,1,1
100,3,3
100,1,1
100,2,2
100,1,1