How To Build Custom Wordpress BreadCrumb
Breadcrumbs or breadcrumb trail are a navigation technique used in user interfaces. Its purpose is to give users a way to keep track of their location within programs or documents. So here is a quick code snippet for achieving this in wordpress.
First, add this piece of code to your functions.php
Download Source Code
Second, add this to piece to somewhere in your template where you’d like to display the breadcrumb.
Download Soure Code
Finally, you can style it with CSS. Here how I styled mine:
/* BreadCrumb Styles */
#bread {
background: #0a0a0a;
padding: 4px;
margin:10px 0 1px 0;
}
#bread ul {
padding: 0 0 0 10px;
margin: 0;
list-style: none;
font:normal 11px Arial;
}
#bread ul li {
display: inline;
color: #a8a8a8;
margin: 0 4px 0 0;
padding: 0 16px 0 0;
background:url(images/arrow.png) no-repeat right;
}
#bread ul li a {
color:#b3d962;
text-decoration: none;
}
#bread ul li:last-child {
background: none;
}