Cómo agregar migas de pan en WordPress

Las migas de pan pueden ayudarlo a mejorar la navegación de su sitio web, por lo que si está buscando una manera fácil de habilitarlas en su sitio, ha venido al lugar correcto. En esta guía, le mostraremos cómo agregar migas de pan en WordPress usando complementos y opciones de temas.

¿Qué son las migas de pan?

Las migas de pan son enlaces que aparecen en la parte superior de su página. Estos son enlaces interconectados que constituyen una parte importante de la navegación de su sitio. Estos enlaces están organizados jerárquicamente, por lo que sus usuarios no solo sabrán en qué página se encuentran, sino que también aprenderán sobre las categorías de páginas en las que se encuentran. Por ejemplo, en nuestro sitio, puede ver las migas de pan en la parte superior de esta página web.

Las migas de pan ayudan a sus usuarios a ver la jerarquía de la página que están navegando en su sitio web y obtener enlaces conectados para volver a páginas superiores o directamente a la página de inicio.

¿Por qué agregar Breadcrumbs en WordPress?

Agregar migas de pan es una excelente opción para quienes desean mejorar la navegación de su sitio . Dado que esencialmente funciona como un rastro, sus usuarios pueden usarlo fácilmente para retroceder a sus páginas anteriores y realizar un seguimiento de la página en la que se encuentran. Esto conduce a una mayor participación y mantiene a los visitantes informados sobre la categoría de las páginas que ven.

Además, agregar migas de pan es esencial si tiene un sitio web grande. Si tiene una tienda de comercio electrónico o tiene su contenido distribuido en diferentes categorías, entonces es esencial habilitar las migas de pan. Esto hace que sus clientes sepan qué productos se encuentran en cada categoría y qué categorías pueden regresar para ver más productos similares.

Además, habilitar las migas de pan también mejora el SEO de su sitio web, ya que facilita que los rastreadores de los motores de búsqueda atraviesen sus enlaces interconectados.

Ahora que entendemos mejor qué son y cómo pueden beneficiarlo, veamos cómo puede agregar migas de pan a su sitio web de WordPress y los diferentes métodos que puede usar para hacerlo.

Cómo agregar migas de pan en WordPress

Existen algunos métodos diferentes para agregar migas de pan a su sitio de WordPress:

1. Usando Yoast SEO
2. Con complementos de migas de pan dedicados
3. De tu tema

Echemos un vistazo a cada método.

NOTA : algunos de estos métodos requieren que modifique algunos archivos principales. Aunque los fragmentos son muy simples, para evitar problemas, le recomendamos encarecidamente que utilice un tema secundario. Esto hace que el proceso de realizar cambios en su tema sea mucho más seguro y no revertirá los cambios cuando actualice su tema. Puede crear un tema secundario o usar cualquiera de estos complementos dedicados.

1) Cómo agregar Breadcrumbs en WordPress con Yoast SEO

YoastSEO es uno de los complementos más populares que existen y es una solución de SEO completa para WordPress. También viene con una opción dedicada para habilitar migas de pan y opciones avanzadas para personalizarlo aún más. Esto incluye cambiar los separadores de enlaces, el texto de anclaje para la página de inicio, las migas de pan para la página 404, opciones de personalización adicionales e incluso mostrar u ocultar taxonomías y archivos de tipo de contenido en sus migas de pan.

Para acceder y habilitar la configuración de migas de pan en Yoast, vaya a Yoast SEO > Aspecto de búsqueda en su panel de administración de WordPress (asumiendo, por supuesto, que ya tiene instalado y activado el complemento Yoast SEO).

Luego, ve a la pestaña Migas de pan y verás las opciones de migas de pan en Yoast SEO. Desplácese hacia abajo, habilite la opción que dice Habilitar migas de pan para su tema y guarde los cambios.

Después de eso, debe agregar una pequeña línea de código a su archivo headers.php para que su archivo de tema llame a las migas de pan de Yoast SEO en el encabezado de su sitio web.

Para hacer esto, abra su editor de temas haciendo clic en Apariencia > Editor de temas . Luego, use la lista de archivos de temas a la derecha y seleccione Encabezado de tema.

Ahora, usa el editor y pega el siguiente fragmento al final del archivo header.php .

 <?php
si ( function_exists('yoast_breadcrumb') ) {
yoast_breadcrumb('<p>','</p>' );
}
?> 

Luego, presiona Actualizar archivo y ¡listo! Ahora deberías poder usar tus migas de pan de Yoast SEO.

Recuerde consultar las opciones adicionales en la pestaña de migas de pan para personalizar sus migas de pan de la manera que desee. Yoast te permite hacerlo todo desde allí y es compatible con la mayoría de los temas de WooCommerce.

2) Cómo agregar migas de pan en WordPress con complementos dedicados

Alternativamente, si no desea usar Yoast SEO, puede usar complementos de terceros. En esta sección, veremos algunos complementos excelentes que puede usar para agregar migas de pan a su sitio de WordPress. Todos estos complementos son gratuitos , por lo que puede probarlos y elegir el adecuado para usted sin gastar un centavo.

1) Pan rallado flexible

Flexy BreadCrumb le permite habilitar fácilmente las migas de pan en su sitio web utilizando su código abreviado dedicado. Simplemente instale y active el complemento, y use su código abreviado en cualquier parte de su sitio web: páginas, blogs, widgets, encabezados o pies de página. De esta manera, puede agregar sus migas de pan a cualquier sección de su sitio, para que se ajusten al resto de su contenido.

Este complemento gratuito también viene con opciones de personalización dedicadas para que pueda cambiar los separadores de migas de pan, el texto de inicio y final, los colores, las opciones de color para los enlaces y mucho más.

Características clave

• Shortcode dedicado para agregar migas de pan a cualquier parte de su sitio web
• Toneladas de opciones de personalización
• Muy fácil de usar y fácil de usar.

2) Miga de pan NavXT

Breadcrumb NavXT es una solución completa y robusta para habilitar migas de pan completamente funcionales. Es uno de los complementos de migas de pan más populares y por una buena razón. Puede habilitar fácilmente sus migas de pan usando un widget dedicado o llamando a su función directamente en encabezados, pies de página o plantillas de página específicas usando sus archivos de WordPress.

El complemento también viene con opciones integradas para personalizar sus migas de pan, y la gran cantidad de opciones proporcionadas es simplemente asombrosa. Puede configurar plantillas separadas para sus blogs, publicaciones y experimentar con formas creativas de mostrar sus migas de pan claramente en diferentes partes de su sitio.

Características clave

• Amplia personalización de migas de pan y personalización de plantillas
• Widgets dedicados para habilitar migas de pan en cualquier lugar de su sitio web
• Funciones adicionales para que los usuarios agreguen funciones y filtros

3) Atrapa migas de pan

Catch BreadCrumb es un complemento ingenioso y liviano que le permite agregar navegación de migas de pan a su sitio web. Puede habilitar sus migas de pan en un abrir y cerrar de ojos y llevarlo más allá utilizando su shortcode dedicado y sus opciones de personalización.

Catch BreadCrumbs no es el más repleto de funciones, pero su paquete de opciones bien diseñado tiene todas las funciones que necesita sin ser abrumador, lo que permite que incluso los usuarios más principiantes configuren sus migas de pan en cuestión de minutos. . Finalmente, puede agregar migas de pan elegantes y usar opciones ingeniosas como ocultar migas de pan en su página de inicio.

Características clave

• Liviano y simple de usar
• Diseño receptivo con toneladas de opciones de personalización.
• Opciones para ocultar/mostrar migas de pan en la página de inicio o páginas específicas

Ahora, echemos un vistazo a uno de estos complementos y veamos cómo puede habilitarlos en su sitio web. Para esta demostración, usaremos Flexy BreadCrumbs pero puede usar cualquier otra herramienta. La mayoría de las herramientas son similares, por lo que debería poder seguir estos pasos para la mayoría de los complementos sin ningún problema. Sin embargo, te recomendamos tener la documentación a mano para solucionar cualquier problema que puedas tener en el camino.

Agregue BreadCrumbs en WordPress con Flexy Breadcrumbs

Comencemos instalando el complemento, así que en su Panel de administración de WordPress, vaya a Complementos> Agregar nuevo. Luego, use la barra de búsqueda en la parte superior derecha para buscar Flexy BreadCrumbs , haga clic en Instalar y luego actívelo .

Ahora veamos cómo configurar y personalizar el complemento.

Usando Flexy BreadCrumbs Shortcode y agregándolo a sus archivos de tema

La forma más fácil de usar Flexy BreadCrumbs es simplemente usando su código abreviado:

 [flexy_breadcrumb]

Puede agregar este código abreviado a cualquier blog, página o widget para mostrar sus migas de pan en él.

Por ejemplo, si desea mostrar migas de pan en un blog o en una página de producto, simplemente agregue este código abreviado como se muestra a continuación.

Por otro lado, si desea que sus migas de pan aparezcan en todas sus páginas y publicaciones sin agregarlas manualmente, puede agregar este código abreviado a sus archivos de tema .

Para hacer eso, abra su Editor de temas haciendo clic en Apariencia > Editor de temas , use la barra lateral de archivos de temas a la derecha y seleccione su archivo header.php .

Ahora, en la parte inferior del archivo, agregue el siguiente fragmento:

 <?php
echo do_shortcode('[flexy_breadcrumb]');
?> 

Tenga en cuenta que si está utilizando otro complemento de código abreviado, reemplazará la sección [flexy_breadcrumb] del complemento con el código abreviado de su complemento.

Después de eso, haga clic en Actualizar archivo y sus migas de pan se mostrarán en su sitio web.

Pero, ¿qué sucede si desea personalizar sus migas de pan para que se adapten a su sitio web? Puede hacerlo utilizando las opciones del complemento. Simplemente haga clic en Flexy Breadcrumb en la barra lateral del Panel de administración de WP y verá todas las opciones de personalización para cambiar sus rutas de navegación. Esto incluye cambiar el ícono de inicio, el separador de migas de pan, la jerarquía de tipo de publicación e incluso la configuración de tipografía.

3) Cómo agregar BreadCrumbs en WordPress desde su tema (o eliminarlos)

Algunos temas vienen con sus propias opciones de migas de pan dedicadas y, por lo general, puede habilitarlas o deshabilitarlas desde sus opciones de tema. Por ejemplo, para el tema Elfo , podemos ir a las opciones de tema yendo a Apariencia > Personalizar > pestaña Opciones de tema dedicadas , que para nosotros está etiquetada como Opciones de tema de hadas . Una vez allí, hacemos clic en Breadcrumbs y las habilitamos/deshabilitamos con el conmutador proporcionado.

Algunos temas también vienen con opciones adicionales para personalizar las migas de pan para que coincidan con la apariencia de su sitio.

Bonificación: cómo deshabilitar las migas de pan

Algunos temas vienen con migas de pan habilitadas de forma predeterminada, por lo que para deshabilitarlas, debe agregar una función a los archivos de tema. Por ejemplo, Storefront viene con sus migas de pan dedicadas y puede deshabilitarlas usando el siguiente código:

 add_action('init', 'ql_remove_storefront_breadcrumbs');
función ql_remove_storefront_breadcrumbs() {
remove_action('storefront_before_content', 'woocommerce_breadcrumb', 10);
}

Simplemente agregue esto a su archivo functions.php yendo a Apariencia > Editores de temas > functions.php .

Después de eso, recuerda actualizar el archivo y listo. Ha eliminado con éxito las migas de pan de su sitio.

Conclusión

En general, las migas de pan pueden ayudarlo a mejorar la navegación de su sitio web y mejorar la experiencia del cliente.

En esta guía, hemos visto diferentes formas de agregar migas de pan a su sitio de WordPress :

• Uso de las opciones de migas de pan de Yoast SEO
• Con un complemento dedicado
• A través de las opciones de tu tema (si las tiene)

Además, le mostramos cómo eliminar fácilmente las migas de pan de su sitio con un simple fragmento de código. Finalmente, tenga en cuenta que es posible que deba volver a agregar el fragmento de código para agregar migas de pan si cambia su tema.

Para obtener más información sobre cómo personalizar su sitio y mejorar su navegación, consulte los siguientes tutoriales:

• Cómo editar migas de pan en WordPress
• Cómo organizar los productos de WooCommerce por marca
• Cómo agregar categorías de productos de WooCommerce al menú

¿Ha agregado migas de pan a su sitio? ¿Qué método usaste? ¡Háganos saber en la sección de comentarios!