Erriko dot IT

Le briciole di pane, conosciute anche come breadcrumbs sono il sistema più usato per mostrare all’utente in che parte del sito si trova.
Posizionate in genere nella parte alta del sito, possono facilitare la navigazione mostrando quale percorso si è fatto con una riga di testo del tipo “Home > Categoria > Sottocategoria > Pagina attuale”.

Implementare questo sistema su di un blog WordPress è estremamente facile se si utilizza un plugin adhoc come Breadcrumb NavXT. E’ tuttavia possibile aggiungere questa funzionalità anche “a mano” agendo direttamente sul codice.
Come mi è capitato di dire in altri articoli, quando possibile, preferisco quest’utlimo approccio “pluginless” per evitare di appesantire il core di WordPress come anche per garantirmi la possibilità di conoscere il codice che gira sul sito che sto creando. Inoltre in questo modo è possibile creare un tema “pronto all’uso”, che cioè è possibile esportare ed installare su di un altro blog, senza che in questo debbano essere installati plugin (con il rischio a volte di conflitti con quelli già presenti).

Ma veniamo al dunque: ecco come aggiungere le briciole di pane in WordPress.

1. Creiamo un file denominato breadcrumbs.php con all’interno questo codice:

Avrete notato che è tutto racchiuso in un div con classe “breadcrumbs”. E’ possibile quindi personalizzare graficamente le breadcrumbs tramite il foglio di stile con estrema semplicità.

<div class="breadcrumbs">

<?php

function breadcrumbs() {

 $theFullUrl = $_SERVER["REQUEST_URI"];

 $urlArray=explode("/",$theFullUrl);

 echo 'Tu sei qui: <a href="/">Home</a>';

 while (list($j,$text) = each($urlArray)) {

 $dir='';

 if ($j > 1) {

 $i=1;

 while ($i < $j) {

 $dir .= '/' . $urlArray[$i];

 $text = $urlArray[$i];

 $i++;

 }

 if($j < count($urlArray)-1) echo ' &raquo; <a href="'.$dir.'">' . str_replace("-", " ", $text) . '</a>';

 }

 }

 echo wp_title();

}

breadcrumbs();

?>

</div><!–/breadcrumbs–>

2. Scegliamo la posizione più opportuna per mostrare le briciole di pane (probabilmente vorrete inserirlo nella parte alta, quindi in header.php) ed inseriamo il codice:

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

E’ tutto! Semplice no? Per personalizzare le briciole di pane, oltre ad agire sul foglio di stile come detto sopra, potete anche cambiare la scritta “Tu sei qui:” con qualcosa di diverso.

Happy Blogging!