Breadcrumbs: Como añadirlas a WordPress con plugin o código PHP


Breadcrumbs WordPress

En mi primer artículo he decidido hacer una pequeña guía sobre como añadir o integrar Breadcrumbs en un blog Wodpress. Como hay gente para todo mostraré la manera de hacerlo mediante un plugin y por otro lado haciendo uso de código PHP.

Usando un plugin

Sin lugar a dudas la manera más fácil de añadir Breadcrumbs en WordPress es hacer uso de un plugin, “WordPress SEO by Yoast” más en particular.

Para empezar puedes descargarlo desde el apartado plugins de WordPress o directamente desde este enlace. A continuación y una vez instalado el plugin solo tendrás que ir a su panel de control que aparecerá como “SEO” en tu panel y visitar la sección Enlaces internos. En esta sección tu configuración deberá quedar tal que así:


Breadcrumbs SEO by Yoast

 

Configurado esto ya deberían aparecer las migas de pan o breadcrumbs en tu blog WordPress. En caso de no ser así puedes consultarme en los comentario o intentar añadirlas con PHP.

Usando código PHP

Quizás engorrosa para los más novatos pero una buena manera de conseguir breadcrumbs. Haciendo uso de un pequeño trozo de código que conseguir hace bastante tiempo en ayudawp.com podemos conseguir breadcrumbs limpias y totalmente funcionales. Para esto simplemente tienes que añadir el siguiente código en el archivo functions.php que puedes encontrar en el editor dentro de  la sección “Apariencia”. En caso de no existir puedes crearlo con total libertad, seguro que tarde o temprano lo necesitarás.

function the_breadcrumb() {
	if (!is_home()) {
		echo '<span class="removed_link" title="&#039;;
		echo get_option(&#039;home&#039;);
	        echo &#039;">';
		bloginfo('name');
		echo "</span> » ";
		if (is_category() || is_single()) {
			the_category('title_li=');
			if (is_single()) {
				echo " » ";
				the_title();
			}
		} elseif (is_page()) {
			echo the_title();
		}
	}
}

Con este código ya colocado solo nos queda añadir la siguiente llamada donde pretendemos mostrar las breadcrumbs o migas de pan.

< ?php the_breadcrumb(); ?>

Lo más normal es colocar las breadcrumbs justo encima del título del post como los tengo yo en el mío. Para hacerlo así vuelve al editor, abre el archivo single.php con nombre “Simple Post” y buscas el código que pongo a continuación y justo encima pegas la llamada.

<?php while ( have_posts() ) : the_post(); ?>

Al hacer esto las breadcrumbs aparecerán justo encima del título, si quieres separarlas un poco puedes hacer uso de css o añadir un <p/> después de la llamada.

Cualquier duda podéis planteármela en los comentario y trataré de ayuda en la medida de lo posible.



  • Juandy Ocampo

    Hola ¿quería preguntar cómo cambiaría el código sin wordpress y cómo obtendrías las url anteriores con mvc? saludos

    • Buenas,

      pues habría que cambiar todas las funciones por unas propias, la estructura vendría a ser la misma. Mis conocimientos de PHP no son nada del otro mundo, no creo que pueda ayudarte mucho más que esto.

      Saludos