Hacer un breadcrumb (migajas de pan)

Aqui os paso el codigo que uso para hacer esos enlaces comunmente llamado breadcrumb.
Solo teneis que hacer dos cositas mas o menos para mostralo.
Y para los que no sepan que es os dejo este enlace para que lo veais en funcionamiento:
Muestra del breadcrumb
Lo primero sera copiar el siguiente codigo en nuestro archivo Functions.php de nuestro tema.

<?php
/*
Codigo para saber donde estamos al navegar por el bloginfo
*/

function breadcrumb() {
        echo 'Est&aacute;s en: ';
     if(is_home()) {
        echo'<strong>Inicio</strong>';
         } else {
        echo '';
        echo 'Inicio ';
        echo " &raquo; ";
        if (is_page()) {
            echo '<strong>';
            echo the_title();
            echo '</strong>';
        } elseif (is_tag()) {
            echo 'Archivo de la etiqueta ';
            echo '<strong>" ';
            single_tag_title();
            echo ' "</strong>';
        } elseif (is_category()) {
            echo 'Archivo de la categor&iacute;a ';
            echo '<strong>" ';
            single_cat_title();
            echo ' "</strong>';
        } elseif (is_day()) {
            echo 'Archivo del ';
            echo '<strong>" ';
            the_time('j F, Y');
            echo ' "</strong>';
        } elseif (is_month()) {
            echo 'Archivo del ';
            echo '<strong>" ';
            the_time('F, Y');
            echo ' "</strong>';
        } elseif (is_year()) {
            echo 'Archivo del ';
            echo '<strong>" ';
            the_time('Y');
            echo ' "</strong>';
        } elseif (is_search()) {
            echo 'Resultado de la busqueda ';
            echo '<strong>" ';
            echo wp_specialchars(get_search_query());
            echo ' "</strong>';
        } elseif (is_single()) {
            the_category(' &raquo; ');
            if (is_single()) {
                echo " &raquo; ";
                echo '<strong>';
                the_title();
                echo '</strong>';
            }
        }
    }
}
?>

Ahora para darle un diseño personalizado.
Yo personalmente lo tengo colocado en un archivo separado para separarlo del diseño del theme DSminimal si lo deseais que lo explique dejarme un mensaje y lo explicare.
Poner en el archivo CSS de vuestro diseño al final de archivo por ejemplo.

.breadcrumb{
width: 740px;
border-bottom: 1px solid #c1c1c1;
font-size:0.9em;
letter-spacing: 1px;
color: #999;
padding: 0 0 8px 10px;
margin: -10px 0 0;
}

Este es el codigo que uso pero lo mas seguro es que tengais que editarlo.
Y para acabar solo tenemos que crear una llamada que colocaremos en todos los archivos que queramos que se muestre aunque si lo preferis podeis colocarlo en el header.php para que siempre se muestre. Aqui os dejo que decidais vosotros.

<?php include (TEMPLATEPATH . '/breadcrumb.php'); ?>

Yo personalmente no me gusta que se vea en la pagina principal asi que lo tengo puesto en cada archivo menos en el index.php

Puedes seguirme mediante el canal RSS 2.0.

Puedes dejar un comentario o enviar un trackback desde tu propio sitio.

  • Print
  • email
  • PDF
  • RSS
  • Add to favorites
  • Bitacoras.com
  • Meneame
  • Facebook
  • Twitter
  • Reddit
  • Digg
  • FriendFeed
  • del.icio.us
  • Google Bookmarks
  • BarraPunto
  • LinkedIn
  • Blogosphere News
  • Live
  • SphereIt
  • StumbleUpon
  • MySpace
  • Simpy
  • Tumblr
  • Wikio

Sin comentarios y 1 trackbacks

Trackbacks

  1. Bitacoras.com

Añade tu comentario