面包屑导航是一种有效的功能,可以提升网站的可用性并有助于 SEO。Astra 主题自带了面包屑功能,并提供了丰富的定制选项,让用户能够根据需求进行调整。本文将介绍在 Astra 主题中启用和配置面包屑导航的方式。
![图片[1]-如何在 Astra 主题中启用和管理面包屑导航功能](https://www.361sale.com/wp-content/uploads/2025/04/20250418094320333-image.png)
启用 Astra 主题的内建面包屑功能
Astra 主题为 WordPress 提供了内建的面包屑功能。启用此功能十分简单,只需按以下步骤操作:
- 登录 WordPress 后台。
- 转到 外观 > 自定义。
- 找到 面包屑 选项并启用它。
在启用后,可以进一步调整面包屑的显示设置。以下是可用的设置选项:
![图片[2]-如何在 Astra 主题中启用和管理面包屑导航功能](https://www.361sale.com/wp-content/uploads/2025/04/20250418094434387-image.png)
- 显示位置:可以选择将面包屑显示在页眉、标题前或页眉后。
- 分隔符:设置面包屑各个链接之间的分隔符,例如
/或>. - 禁用页面:在特定页面或分类中禁用面包屑显示(例如 404 页面、分类页等)。
- 对齐方式:选择面包屑的对齐方式,支持左、中、右对齐。
- 边距控制:调整面包屑的上下左右边距。
- 颜色与字体:为面包屑设置自定义颜色与字体样式。
在任意位置显示面包屑导航
默认情况下,Astra 提供的面包屑只能显示在页眉、标题前和页眉后。如果希望将面包屑显示在页面的任何位置,可以使用短代码:[astra_breadcrumb]
将该短代码插入到页面的文本或 HTML 模块中,就能在需要的位置显示面包屑。
支持第三方插件的面包屑导航
除了 Astra 自带的面包屑功能,Astra 还支持多个主流 SEO 插件的面包屑功能。以下是支持的插件:
- Yoast SEO
- Breadcrumb NavXT
- Rank Math
- SEOPress PRO
使用这些插件时,Astra 会自动识别并允许用户选择插件作为面包屑的来源。你可以继续使用 Astra 的样式控制选项,调整面包屑的显示效果。
设置第三方插件的面包屑功能
1. Yoast SEO 插件
![图片[3]-如何在 Astra 主题中启用和管理面包屑导航功能](https://www.361sale.com/wp-content/uploads/2025/04/20250418094546148-image.png)
- 安装并启用 Yoast SEO 插件。
- 在 SEO > 搜索外观 > 面包屑 中启用面包屑功能。
- 然后进入 自定义 > 布局 > 面包屑,在 面包屑来源 中选择 Yoast SEO。
![图片[4]-如何在 Astra 主题中启用和管理面包屑导航功能](https://www.361sale.com/wp-content/uploads/2025/04/20250418094531829-image.png)
设置完成后,Astra 将显示 Yoast SEO 插件的面包屑,并且 Astra 中的样式选项将覆盖 Yoast 插件的默认样式。
2. Breadcrumb NavXT 插件
- 安装并启用 Breadcrumb NavXT 插件。
- 在 自定义 > 面包屑 中选择 Breadcrumb NavXT 作为面包屑来源。
![图片[5]-如何在 Astra 主题中启用和管理面包屑导航功能](https://www.361sale.com/wp-content/uploads/2025/04/20250418094556432-image.png)
Breadcrumb NavXT 插件的面包屑可以通过 Astra 的样式选项进行定制,并且你可以禁用特定页面中的显示。
3. Rank Math 插件
- 安装并启用 Rank Math 插件。
- 在 Rank Math > 常规设置 > 面包屑 中启用面包屑功能。
- 然后进入 自定义 > 面包屑,选择 Rank Math。
![图片[6]-如何在 Astra 主题中启用和管理面包屑导航功能](https://www.361sale.com/wp-content/uploads/2025/04/20250418094605650-image.png)
Rank Math 插件的面包屑将遵循 Astra 的样式设置,且可以在需要的页面上禁用显示。
4. SEOPress PRO 插件
- 安装并启用 SEOPress 免费版和 PRO 版插件。
- 在 SEO > PRO > 面包屑 中启用面包屑功能。
![图片[7]-如何在 Astra 主题中启用和管理面包屑导航功能](https://www.361sale.com/wp-content/uploads/2025/04/20250418094633280-image.png)
- 配置 HTML 面包屑显示。
![图片[8]-如何在 Astra 主题中启用和管理面包屑导航功能](https://www.361sale.com/wp-content/uploads/2025/04/20250418094724803-image.png)
- 在 自定义 > 面包屑 中选择 SEOPress 作为面包屑来源。
![图片[9]-如何在 Astra 主题中启用和管理面包屑导航功能](https://www.361sale.com/wp-content/uploads/2025/04/20250418094738659-image.png)
SEOPress 插件的面包屑也可以通过 Astra 自定义器进行样式控制,且能够在特定页面禁用显示。
总结
Astra 主题提供了便捷的内建面包屑功能,且支持通过短代码和第三方插件扩展面包屑的功能。无论是使用 Astra 自带的面包屑,还是通过 Yoast SEO、Breadcrumb NavXT、Rank Math 和 SEOPress 插件定制,你都可以轻松地为网站添加面包屑导航,并通过 Astra 的样式选项进行调整。这样不仅可以提升网站的用户体验,还能有助于 SEO 优化。
| 联系我们 | |
|---|---|
| 教程看不懂?联系我们为您免费解答!免费助力个人,小企站点! |
客服微信
|
| ① 电话:020-2206-9892 | |
| ② QQ咨询:1025174874 | |
| ③ 邮件:info@361sale.com | |
| ④ 工作时间:周一至周五,9:30-18:30,节假日休息 | |




















![表情[wozuimei]-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/themes/zibll/img/smilies/wozuimei.gif)
![表情[baoquan]-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/themes/zibll/img/smilies/baoquan.gif)

暂无评论内容