La navegación mediante migas de pan o breadcrumbs consiste en mostrar al visitante en todo momento la ruta hasta la información actual que está consultando.

Migas de pan

Son muy útiles en webs con mucho contenido o con muchos niveles de categorías para ayudar a usuario a saber donde está en cada momento y como diablos se llega hasta allí.
También aumentan el tiempo de estancia de los usuarios en nuestra web, probablemente usen esta navegación para encontrar información de la misma temática que la que están consultando.

Vamos a implementar esta navegación en Wordpress mediante un plugin, de modo que las migas de pan quedarán de la siguiente forma.

Estás en: Inicio > categoría1,categoría2 > Título del artículo.

Manos a la obra.

1º Descargar el plugin de la web http://sw-guide.de/wordpress/breadcrumb-nav-xt/

2º Descomprimir y subir el contenido del archivo a la carpeta wp-content/plugins manteniendo la estructura de carpetas que hemos obtenido al descomprimir el archivo.

3º Activar el plugin mediante el panel de control de Wordpress.

4º Abrir el archivo del theme usado donde queremos que aparezca la información. Usualmente es el archivo index.php dentro de la carpeta del theme que usamos, por supuesto. Si queremos aplicar la navegación a páginas estáticas abrir también page.php.

5º Copiar el siguiente texto justo donde queramos que aparezca la navegación. En nuestro caso antes del título de cada artículo.

<div class="breadcrumb">
<?php
if($postCount==1){

if (class_exists('breadcrumb_navigation_xt')) {
// Display a prefix
echo 'Estás en: ';

// new breadcrumb object

$mybreadcrumb = new breadcrumb_navigation_xt;

//Apply the options

$mybreadcrumb->opt['title_home'] = 'Inicio';
$mybreadcrumb->opt['home_display'] = false;
$mybreadcrumb->opt['separator'] = ' > ';
$mybreadcrumb->opt['stitle_search'] = 'Búsqueda';
$mybreadcrumb->opt['singleblogpost_prefix'] = '';

$mybreadcrumb->opt['link_current_item'] = true;

$mybreadcrumb->opt['singleblogpost_category_display'] = true;
$mybreadcrumb->opt['title_blog'] = 'Inicio';
$mybreadcrumb->opt['archive_category_prefix'] = 'Categorías > ';
$mybreadcrumb->opt['archive_category_suffix'] = '';
$mybreadcrumb->opt['archive_date_prefix'] = 'Archivo: ';
$mybreadcrumb->opt['current_item_urltitle'] = 'Enlace a la página actual';
$mybreadcrumb->opt['urltitle_prefix'] = 'Ir a ';
// Display the breadcrumb

$mybreadcrumb->display();

}
}
?>
</div> <!-- [breadcrumb] -->

En nuestro caso hay que copiarlo justo debajo de <?php $postCount++;?>
Esto puede variar según el theme que uses.

Este código contiene las opciones más destacables desde mi punto de vista para crear la navegación por migas de pan más usable. También he traducido al castellano los mensajes.

6º Una vez que tenemos implementada la navegación nos queda aplicarle el estilo correspondiente para integrarla en nuestro blog. Esto lo haremos añadiendo las sentencias CSS que queramos en nuestra hoja de estilo para la clase breadcrumb. Como ejemplo:

/*Clase para la navegación de migas de pan*/
.breadcrumb{
padding-left: 2em;
font-family: 'Trebuchet MS', Tahoma, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
font-size:1.1em;
letter-spacing: 1px;
color: #FFFFFF;
margin-left:-10px;
margin-top:-20px;
margin-bottom:8px;

}