Tips / trucos para WordPress

[lucasan]

14. Usar un breadcumb o Barra de navegación

Parte de este código lo copié y lo adapté para generar un código mas limpio y semántico.

Código php:

function the_breadcumb() {
    if (!is_home()) {
        echo '<ul><li><a href="';
        echo get_option('home');
        echo '" title="Volver al inicio">';
        bloginfo('name');
        echo "</a> &raquo; </li><li>";
        if (is_category() || is_single()) {
            the_category('<li>');
            echo " &raquo; </li>";
            if (is_single()) {
                echo "<li>";
                the_title();
                echo "</li>";
            }
        } elseif (is_page()) {
            echo the_title();
            echo "</li>";
        }
    }
    
    else {
        echo "<ul><li>";
        bloginfo('name');
        echo "</li>";
    }
    echo "</ul>";
}
 

Este código se debe copiar al archivo functions.php (si no lo tienes crea uno con ese nombre en la carpeta de tu tema).

Modo de uso, en tu tema copia este código:

Código php:

<div id="breadcumb">
  <?php the_breadcumb(); ?>
</div>
 

Saludos.


Aquí el código original

PD: Una aclaración, esta función genera una lista no ordenada (ul) la cual puede personalizarse mediante CSS

Ejemplo simple:

Código css:

#breadcumd ul li { float: left; }
#breadcumb ul li a { display: block; width: 100%; background-color: #F0F0F0; }
#breadcumb ul li a:hover { background-color: #FFF; } /* Puse colores al azar, solo por poner ejemplo */