WillxD.CoM

¿Qué es un Breadcrumb?

Los Breadcrumb son unas guías de navegación para saber en todo momento donde nos econtramos.
Generalmente los Breadcrumb tienen la siguiente forma:

Inicio » Categoría » Subcategoría » Post

¿ En que me ayuda usar los Breadcrumb ?

• Los Breadcrumb ayudan a los usuarios a llegar a las categorías superiores de una manera más fácil.
• Ayudan a los usuarios a saber donde se encuentran.
• Ayuda a saber la temática del sitio, a los nuevos usuarios.

¿Cómo agrego un Breadcrumb a mi blog?

Felizmente hay varias formas de hacerlo , pero las que les explicaré hoy son 3 formas:

• Usando el plugin Breadcrumb NavXT ( Puedes ver más Plugins Aquí)
• Usando una interesante función de WordPress
• Un pequeño código

Usando Breadcrumb NavXT

Nos descargamos el plugin desde acá.
Lo subimos a nuestra carpeta "Plugins" y lo activamos en nuestro panel. Una vez activado nos debe quedar algo asi:



Ahora nos iremos a Opciones » Breadcrumb NavXT y pasaremos a configurarlo. Su configuración es muy fácil, es muy intuitivo



Una vez configurado, solo nos falta colocar un pequeño código en la plantilla de nuestra web.

<div class="breadcrumb"> 
<?php if(function_exists('bcn_display')) { bcn_display(); } ?> 
</div>

Y listo, ahora también podemos editar el estilo, agregando la clase breadcrumb en el CSS de nuestra plantilla.

Usando la función

Perfecta forma para quienes no nos gusta el uso de Plugins xD.

Primero debemos crear la función, copiaremos el siguiente código al archivo "functions.php" de nuesta plantilla.

<!-- Iniciamos la funcion Breadcrumb -->
 
function the_breadcrumb() {
    if (!is_home()) {
        echo '<a href="';
        echo get_option('home');
        echo '">';
        bloginfo('name');
        echo '</a> » ';
        if (is_category() || is_single()) {
            the_category('title_li=');
            if (is_single()) {
                echo " » ";
                the_title();
            }
        } elseif (is_page()) {
            echo the_title();
        }
    }
}    
 
<!-- Fin de la función Breadcrumb -->

Este código no es nada del otro mundo, tan solo hemos usado las tags condicionales de WordPress

Ahora debemos hacer el llamado a lo que hicimos en nuestro "functions.php" incluyendo el siguiente código en nuestra plantilla:

<?php the_breadcrumb(); ?>

Otra forma

Solo hay un inconveniente de usar esta forma, es que tiene algunas complicaciones cuando tenemos post publicados en varias categorías.

Lo único que debemos hacer es agregar este código a nuestra página donde queramos que se vea el Breadcrumb.

<a href="<?php bloginfo('url');?>">INICIO</a> &raquo; 
<?php the_category(' and ',multiple,false,'&raquo;') ?>

Listo, ahora ya tenemos 3 formas de como agregar Breadcrumb a nuestros sitios para que nuestros usuarios tengan una buena navegación.