Añadiendo Breadcrumb a tu plantilla

¿No sabes lo que es un breadcrumb?, pues sería algo así como las migajas que dejaba Pulgarcito para no perderse cuando se internaba en tierras desconocidas. Esto, aplicado a un blog sería cualquier tipo de guía de navegación que oriente al lector para que sepa en todo momento donde se encuentra.

En algunas plantillas que ya llevan esta función integrada verás que es una línea que te indica la ruta de navegación que se recorre para llegar al post en cuestión donde te encuentras, por ejemplo: “Inicio -> Archivo -> Marzo -> Mi post”

Para conseguir integrar breadcrumb en tu plantilla echaremos mano, de nuevo, de las Tags Condicionales de WordPress, útiles para casi todo. Nos valdremos de ellas para saber si el visitante está en un artículo, en una página de categorías o archivo.

Para ello tenemos que utilizar las funciones adecuadas que nos muestren la jerarquía del blog. No te preocupes que no es nada complicado, y WordPress dispone de todas las funciones necesarias para enlazar a la página principal, los artículos y las páginas de post.

El siguiente ejemplo sería una función breadcrumb limpia, que solo tienes que copiarla en el fichero functions.php de tu plantilla (y si no tiene este archivo lo creas):

Una vez tenemos la función solo nos queda conseguir que aparezca el breadcrumb en nuestro blog. Para eso tenemos que incluir la etiqueta – la llamada – al breadcrumb en la plantilla. Buenas opciones para incluir el código serían los ficheros archive.php, single.php y page.php, pero no deja de ser una cuestión personal – incluso puedes incluirlo en index.php. Lo que tienes que incluir es este código:

(Nota: te aconsejo ponerlo siempre antes de la llamada al post, o sea, antes de …

Y ya está, eso es todo. Acabas de crear un modo sencillo para que tus lectores naveguen por las secciones de tu blog.

¡Ah!, se me olvidaba. Puedes mejorar este código, por ejemplo, limitando las categorías que se mostrarán, o solo mostrando una categoría. Solo tienes que practicar con las tags condicionales. Y si, a pesar de lo sencillo que es, y de lo que te aporta como aprendizaje, prefieres usar un método mas automático, siempre puedes instalar el plugin Breadcrumb NavXT, que crea la función por ti y luego solo tienes que añadir el código en la plantilla.

AVISO: esta publicación es de hace dos años o más. Si es un código o un plugin podría no funcionar en las últimas versiones de WordPress, y si es una noticia podría estar ya obsoleta. Luego no digas que no te hemos avisado.

Valora este artículo para mejorar la calidad del blog ...

Al hacer una valoración se recoge una cookie con la IP de tu dispositivo

FlojitoNo está malEstá bienMe ha servidoFantástico (9 votos, promedio: 4,67 de 5)
Cargando…

Autor: Fernando Tellado

Fernando Tellado, apasionado de WordPress, profesor, consultor y ponente. Maquero cansino, padre de tres hijos y de una perrita Beagle, Bilbaíno de nacimiento, Español de corazón y ciudadano de donde me quieran. Autor del libro WordPress - La tela de la araña. Mi blog personal es Navegando con red, donde he crecido como escritor en la red y ofrezco mis visiones acerca de la Web 2.0 y la blogosfera.

Comparte esta entrada en
468 ad

Centro de preferencias de privacidad

Cookies imprescindibles

Se usan para saber si ya aceptaste nuestras políticas y para servir más rápidos los contenidos.

gpdr, wpSGCacheBypass

Cookies de terceros

Usamos cookies de terceros en las que se almacenan externamente para conocer tus usos de navegación, si ya estás suscrito al boletín y los elementos compartidos en redes sociales

cfduit_, intercom-id, intercom-lou, mailerlite:language, mailerlite:webform, _ga, _gid

Pin It on Pinterest

if ( is_allowed_cookie( '_cfduit' ) { }