Micaela 31 de Agosto de 2009 a las 12.34
   Imprimir artículo
elWebmaster.com

C贸mo implementar breadcrumbs en tu blog de WordPress

hanselLos breadcrumbs o "migajas de pan" son un elemento utilizado para que el usuario no se pierda en el sitio, indic谩ndole d贸nde est谩 y la relaci贸n jer谩rquica de la p谩gina donde se encuentra con respecto al resto de la estructura de la web.

Esta recurso se puede agregar f谩cilmente a tu blog por medio de varios plugins. Pero todos sabemos lo importante que es evitar el uso exagerado de plugins. Por eso aqu铆 te contamos como implementar breadcrumbs en tu blog sin utilizar plugins.

Crea un archivo php llamado breadcrumbs.php e inserta el siguiente c贸digo:

  1. <div class="breadcrumbs">
  2. <?php
  3. function breadcrumbs() {
  4.     $theFullUrl = $_SERVER["REQUEST_URI"];
  5.     $urlArray=explode("/",$theFullUrl);
  6.     echo %u2018You Are Here: <a href="/">Home</a>%u2019;
  7.     while (list($j,$text) = each($urlArray)) {
  8.         $dir=%u201D;
  9.         if ($j> 1) {
  10.             $i=1;
  11.             while ($i <$j) {
  12.                 $dir .= %u2018/%u2019 . $urlArray[$i];
  13.                 $text = $urlArray[$i];
  14.                 $i  ;
  15.             }
  16.             if($j <count($urlArray)-1) echo %u2018 &raquo; <a href="%u2019.$dir.%u2018">%u2019 . str_replace("-", " ", $text) . %u2018</a>%u2019;
  17.         }
  18.     }
  19.     echo wp_title();
  20. }
  21. breadcrumbs();
  22. ?>
  23. </div><!%u2013/breadcrumbs%u2013>

Ahora, en cada lugar que desees incluir breadcrumbs deber谩s a帽adir la siguiente l铆nea dentro del archivo del theme:

  1. <?php include ( TEMPLATEPATH . %u2018/breadcrumbs.php%u2019); ?>

Ahora podr谩s tener breadcrumbs en tu blog de WordPress y mejorar la experiencia de tus usuarios.

Haz clic aqu铆 para m谩s tips sobre c贸mo mejorar la usabilidad en tu web 禄

Fuente: Noupe


Enviar a Del.icio.us Enviar a Meneame Enviar a Digg Enviar a Fresqui Enviar a Enchilame

Comentarios (2)

  1. fer dice:

    No me gusta demasiado por el hecho de estar basado en la URL...

  2. Pako | Paginas Web Colima dice:

    La plantilla ya tiene breadcrumbs pero me aparece "You are here Home" y luego la ruta pero no puedo cambiar este texto en espa帽ol alguna idea? se los agradecer铆a bastante.

Deja tu opinión

© 2007 - 2008 elWebmaster.com | Powered by Wordpress | Diseño CSS y XHTML válido. | Algunos íconos basados en FamFamFam Mini
Iniciar sesi贸n