bradcrumbs en wordpress

Breadcrumbs en wordpress

Por si no lo sabias los breadcrumbs o migas de pan en el idioma de cervantes es un método de navegación usado en muchos sitios y foros web , seguro que te suena esta imagen en tus visitas por Internet:

 

Si tu sitio en wordpress no dispone de breadcrumbs seria buena idea que te lo plantearas.

Esto ayudaría a que tus visitantes no naveguen a ciegas y se pierdan en un sinfín de paginas y categorías anidadas , lo que muy probablemente lleve al usuario a perderse y abandonar tu sitio .

Tenemos varias opciones para implementar esto en wordpress.

1.Utilizar plugins.

Podemos utilizar varios plugins que hay en el repositorio que nos ayudarían a esta tarea , entre ellos:

Breadcrumb NavXT 

Es uno de los mas populares y usados por los usuarios de wordpress.

Uno de sus defectos es que no usa shortcodes.

Breadcrumb Trail 

Otro plugin que esta muy bien valorado pero necesita de editar insertar condigo en los archivos de la plantilla , por lo que no es apto para usuarios que solo quieran hacer click y instalar y con eso ya este todo echo.

Breadcrumb

Plugin de pago con muchas opciones e integraciones, incluso una lista de temas para hacerlos mas visual.

No voy a dar mas detalles sobre características de ningún plugin porque nadie mejor para hacerlo que sus autores y disponemos de toda la documentación en los enlaces a ellos.

2.Si utilizas Yoast SEO…

Si ya utilizas el famoso plugin para seo en wp Yoast SEO lo tienes mas fácil ya que entre sus características dispone de soporte a bradcrums , solo tenemos que activarlas así:

y después según la documentacion debemos añadir este fragmento de código en los archivos del tema que nos indica.

con esto ya dispones de tu barra de navegacion en tu sitio.

3.Por medio de código y sin plugins.

He dejado para el final la opción que mas me gusta a mi y es que no soy muy asiduo al uso de plugins para cualquier cosa (siempre que pueda evitarlo).

Utilizando esta función que muestro a continuación en nuestro  functions.php y llamándola desde los archivos archive.php, index.php, page.php y single.php también se puede hacer el trabajo.

En este caso seria crear una acción en functions.php:

Hikari es el nombre del tema que yo realize para este trabajo pero le podeis poner el prefijo que vaya mejor.

Después llamáis a la acción desde alguno de los archivos citados anteriormente con la particularidad que siempre se debe hacer antes del loop de wordpress , osea antes del algún código parecido a esto:

Entonces la llamada en mi single.php seria asi:

Una vez implementado solo nos queda darle estilo y que sea acorde al diseño de nuestra web. Podemos utilizar el personalizador de wp donde una sección es CSS Adicional.

 

y hay,  suponiendo que dominamos algo css, darle estilo al breadcrumb que hayamos elegido.

 

 

Conclusión:

Casi todas las opciones nos hacen tener que editar archivos del tema , algo no muy recomendable porque cuando se actualice el tema estos cambios desaparecerán y no servirá de nada.

Por lo tanto también se me ocurre que si no queremos tocar archivos del tema (por las desventajas que comentado antes) podemos utilizar un complemento llamado Code Snippets para incluir nuestra funcione en el functions.php sin riesgo que desaparezca al actualizarse el tema , este si es un plugin de los que no tengo reparos en utilizar por su utilidad.

Al final debemos velar por la comodidad de nuestros usuarios y esto seria una tarea mas para ello, seguro nos lo agradecerán.

Si te ha gustado o no el articulo o quieres compartir algo sobre el tema, deja tus comentarios , un saludo.

 

Entradas Relacionadas

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.