在 WordPress 网站中使用 Astra 主题添加和管理面包屑导航(Breadcrumbs)

面包屑导航是一种有效的功能,可以提升网站的可用性并有助于 SEOAstra 主题自带了面包屑功能,并提供了丰富的定制选项,让用户能够根据需求进行调整。本文将介绍在 Astra 主题中启用和配置面包屑导航的方式。

20250418094320333-image

启用 Astra 主题的内建面包屑功能

Astra 主题为 WordPress 提供了内建的面包屑功能。启用此功能十分简单,只需按以下步骤操作:

  • 登录 WordPress 后台。
  • 转到 外观 > 自定义
  • 找到 面包屑 选项并启用它。

在启用后,可以进一步调整面包屑的显示设置。以下是可用的设置选项:

20250418094434387-image
  • 显示位置:可以选择将面包屑显示在页眉、标题前或页眉后。
  • 分隔符:设置面包屑各个链接之间的分隔符,例如 />.
  • 禁用页面:在特定页面或分类中禁用面包屑显示(例如 404 页面、分类页等)。
  • 对齐方式:选择面包屑的对齐方式,支持左、中、右对齐。
  • 边距控制:调整面包屑的上下左右边距。
  • 颜色与字体:为面包屑设置自定义颜色与字体样式。

在任意位置显示面包屑导航

默认情况下,Astra 提供的面包屑只能显示在页眉、标题前和页眉后。如果希望将面包屑显示在页面的任何位置,可以使用短代码:[astra_breadcrumb]

将该短代码插入到页面的文本或 HTML 模块中,就能在需要的位置显示面包屑。

支持第三方插件的面包屑导航

除了 Astra 自带的面包屑功能,Astra 还支持多个主流 SEO 插件的面包屑功能。以下是支持的插件:

使用这些插件时,Astra 会自动识别并允许用户选择插件作为面包屑的来源。你可以继续使用 Astra 的样式控制选项,调整面包屑的显示效果。

设置第三方插件的面包屑功能

1. Yoast SEO 插件

20250418094546148-image
  • 安装并启用 Yoast SEO 插件。
  • SEO > 搜索外观 > 面包屑 中启用面包屑功能。
  • 然后进入 自定义 > 布局 > 面包屑,在 面包屑来源 中选择 Yoast SEO
20250418094531829-image

设置完成后,Astra 将显示 Yoast SEO 插件的面包屑,并且 Astra 中的样式选项将覆盖 Yoast 插件的默认样式。

2. Breadcrumb NavXT 插件

  • 安装并启用 Breadcrumb NavXT 插件。
  • 自定义 > 面包屑 中选择 Breadcrumb NavXT 作为面包屑来源。
20250418094556432-image

Breadcrumb NavXT 插件的面包屑可以通过 Astra 的样式选项进行定制,并且你可以禁用特定页面中的显示。

3. Rank Math 插件

  • 安装并启用 Rank Math 插件。
  • Rank Math > 常规设置 > 面包屑 中启用面包屑功能。
  • 然后进入 自定义 > 面包屑,选择 Rank Math
20250418094605650-image

Rank Math 插件的面包屑将遵循 Astra 的样式设置,且可以在需要的页面上禁用显示。

4. SEOPress PRO 插件

  • 安装并启用 SEOPress 免费版和 PRO 版插件。
  • SEO > PRO > 面包屑 中启用面包屑功能。
20250418094633280-image
  • 配置 HTML 面包屑显示。
20250418094724803-image
  • 自定义 > 面包屑 中选择 SEOPress 作为面包屑来源。
20250418094738659-image

SEOPress 插件的面包屑也可以通过 Astra 自定义器进行样式控制,且能够在特定页面禁用显示。

总结

Astra 主题提供了便捷的内建面包屑功能,且支持通过短代码和第三方插件扩展面包屑的功能。无论是使用 Astra 自带的面包屑,还是通过 Yoast SEO、Breadcrumb NavXT、Rank Math 和 SEOPress 插件定制,你都可以轻松地为网站添加面包屑导航,并通过 Astra 的样式选项进行调整。这样不仅可以提升网站的用户体验,还能有助于 SEO 优化。


了解 宝藏号 的更多信息

订阅后即可通过电子邮件收到最新文章。

© 版权声明

相关文章

暂无评论

none
暂无评论...

了解 宝藏号 的更多信息

立即订阅以继续阅读并访问完整档案。

继续阅读