Cómo añadir las migas de pan en GeneratePress

En este post te voy a enseñar cómo añadir las migas de pan en GeneratePress, plantilla creada por Tom Usborne y cada vez más utilizada pero no trae esta opción por defecto, en las siguientes líneas te lo muestro.

Cómo añadir las migas de pan en GeneratePress

¿Qué son las migas de pan?

Antes de empezar vamos a ver qué son las migas de pan o breadcrumbs en un sitio web, sobre todo se utilizan en blogs y ecommerces, son unas huellas digitales que puedes ver en cada artículo de mi blog, mira la siguiente imagen.

Las migas de pan son los dos enlaces que puedes ver antes del título del post, es el rastro que vas dejando al ir navegando por el blog. En este caso las migas son estas: Inicio >> Blogging >>.

Migas de pan GeneratePress

Esto es para que no te pierdas en la pantalla y sepas de donde has venido y te puedas manejar a través de esos enlaces, pudiendo ir directamente a cualquiera de ellos.

Cómo añadir las migas de pan en GeneratePress

Este proceso consta de varios pasos que te iré detallando a continuación.

1. Lo primero que necesitas es el plugin SEO de Yoast

Si ya tienes tu blog con GeneratePress necesitas tener instalado el plugin SEO de Yoast, con él podrás activar la opción de mostrar las migas de pan o breadcrumbs.

Tienes que ir a Yoast, SEO, Apariencia en el buscador y activar la casilla con la cual se activarán las migas de pan.

Activar las migas de pan en GeneratePress

En donde dice Separador de las migas de pan puedes dejarlo tal cual viene o cambiarlo por otro que te guste más, en mi caso lo dejo >> que es como viene y en Texto del enlace para la página de Inicio pon la que sea en tu sitio.

Lo demás puedes dejarlo tal cual viene, ya por último en Última página en negrita te recomiendo activar la casilla para que el título del post destaque.

2. Ahora debes crear un elemento en GeneratePress

En este paso dentro de tu WordPress ve a Apariencia >> Elements y crea uno nuevo donde dice Añadir nueva.

Añadir elemento GeneratePress

Una vez has hecho click en ese botón te aparecerá un aviso para crear el nuevo elemento, Choose Element Type. De los tres tipos de elementos que puedes crear, ve a la pestaña donde dice Choose y elige Hook.

Crear Hook

Ahora te saldrá la página donde puedes crear el nuevo elemento y ponerle el nombre que quieras, yo he elegido Breadcrumbs.

Añadir título nuevo elemento

3. Pegar el código de migas de pan dado por Yoast SEO

Migas de pan Yoast SEO

Aquí abajo te dejo ese código para que lo puedas añadir en tu elemento, tal y como te estoy explicando en este post.

Solo tienes que copiar y pegar el código en su sitio.

4. Configurar y publicar el elemento

Ahora tienes que configurar las opciones del elemento, en las siguientes imágenes te muestro cómo hacerlo.

Primero baja un poco en la página del elemento que estás creando y en Settings selecciona before_entry_title, además marca la casilla Execute PHP.

Configurar las migas de pan

Ahora ve a Display Rules selecciona las siguientes opciones que te muestro a continuación.

Configuración de migas de pan en GeneratePress

Una vez completado los pasos, puedes publicar el elemento de migas de pan para que aparezca en tus posts, haz click en publicar que tienes el botón a la derecha de la página como si de un artículo se tratase y listo.

Nota* Si quieres que las migas de pan te aparezcan en las páginas, en Hook  selecciona before_main_content.

Si has seguido los pasos indicados ya tendrás las breadcrumbs activas en todos tus artículos. Espero haberte ayudado con este pequeño tutorial y que con ello puedas mejorar el SEO de tu sitio web.

Comparte!👇🏼

6 comentarios en “Cómo añadir las migas de pan en GeneratePress”

  1. Muy buen artículo. Me ha ayudado en lo que necesitaba y como ecuatorial lo explicas muy bien. El único cambio que tuve que hacer es que yo solo uso páginas y no me salia las migas paro cambie el hook a before_main_content y funciona perfectamente.

    Gracias por la aportación

  2. Hola Arturo, me alegro que te haya servido de ayuda este artículo. Gracias por tu comentario.

    Es bueno saber que puedo ayudar a otras personas con mis contenidos.

    Un saludo

  3. Hola Aridane, primero felicitarte por el contenido y luego queria decirte que tras aplicar lo que has dicho no consigo ponerlo en las paginas, solo me aparece en los post. En Location: puse Entire Site y no sale en las pages. Sabes porque puede ser? Gracias de antemano

    • Hola vicent, muchas gracias por tus palabras, lo que comentas de que no puedes ponerlo en las páginas ya lo pasó a otro lector del blog y lo solucionó cambiando el hook a before_main_content y así le aparecieron las migas de pan en las páginas.

      Puedes probar haciendo lo mismo, yo lo hice y no me aparece en las páginas, solo en los posts, de todas maneras seguiré investigando y si doy con la solución la pondré en el artículo.

      Un saludo!

        • Me alegro mucho de que ya te funcione vicent, lo añadiré al artículo por si le sirve de ayuda a otros lectores, muchas gracias 😀

Deja un comentario

  • Responsable: Aridane García
  • Fin del tratamiento: Controlar el spam, gestión de comentarios
  • Legitimación: Tu consentimiento
  • Comunicación de los datos:  No se comunicarán los datos a terceros salvo por obligación legal.
  • Derechos: Acceso, rectificación, portabilidad, olvido.
  • Contacto: [email protected]
  • Información adicional: Más información en nuestra política de privacidad.

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de dichas cookies y la aceptación de nuestra política de cookies.

ACEPTAR
Aviso de cookies