Astra 内置了灵活的面包屑功能,并支持自定义位置、颜色、字体等样式设置。本文将手把手教你如何启用 Astra 面包屑功能,并介绍如何与主流 SEO 插件(如 Yoast、Rank Math 等)集成使用。

为什么要使用面包屑导航?
面包屑是一种用于显示用户浏览路径的导航形式,一般出现在页面顶部。例如:首页 > 博客 > 教程 > 如何设置面包屑导航
使用面包屑的好处:
- 提升导航体验:帮助用户快速返回上级页面或栏目。
- 增强 SEO:有助于内部链接结构优化,Google 也经常在搜索结果中显示面包屑路径。
- 降低跳出率:用户更容易找到其他相关页面,延长访问时长。

如何在 Astra 中启用面包屑导航?
Astra 已内置面包屑功能,只需简单设置即可启用。
第一步:选择面包屑显示位置
操作路径:外观 > 自定义(Customize)> Breadcrumb(面包屑)
可设置的显示位置:
- None(不显示)
- Inside Header(显示在页眉内部)
- After Header(显示在页眉之后)
- Before Title(显示在标题前)

选择希望面包屑显示的位置即可立即生效。
第二步:选择面包屑来源
Astra 支持多种面包屑来源:
- 默认(Default):使用 Astra 自带功能
- 插件集成:如果你安装了如Rank Math 或 Yoast SEO 等插件,可以选择从这些插件中获取面包屑内容
建议: 如果你已在使用 Yoast SEO 或 Rank Math 插件处理 SEO,可以直接用这些插件生成面包屑,更利于整体优化一致性。

第三步:可选禁用页面
可以根据不同页面类型选择是否显示面包屑导航:
页面类型 | 说明 |
---|---|
首页(Disable on Hame Page) | 网站主页 |
博客页面(Disable on Blog / Posts Page) | 文章归档页 |
搜索页(Disable on search) | 用户搜索结果页面 |
归档页(Disable on Archive) | 分类、标签、作者归档等 |
单页面(Disable on Single Page) | 通常是“关于我们”等单页 |
单篇文章(Disable on Single Post) | 博客内容页 |
通用单项(Disable on Singular) | 所有单个内容项,如文章/页面 |
404 页面(Disable on 404 Page) | 错误页面 |

你只需勾选需要禁用面包屑的页面类型即可。
第四步:设计样式与排版
Astra 免费版中就提供了多种样式设置选项:
- 对齐方式:左对齐、居中、右对齐
- 间距调整:设置上下边距
- 颜色定制:可以设置文字颜色和悬停颜色
- 字体设置:包括字体大小、粗细、行高、大小写样式(小写、大写、首字母大写)等

这些选项可以在“Breadcrumb”下的设置面板中灵活调整,使其更好地适配你的网站风格
第三方插件集成教程
1. Yoast SEO 插件集成方法:
- 安装并激活 Yoast SEO 插件
- 启用面包屑功能:后台进入 SEO > 搜索外观 > 面包屑 > 启用
- 回到自定义器:自定义 > 布局 > 面包屑 > 来源选择 Yoast SEO
- Astra 将显示 Yoast 生成的面包屑,同时你可以通过自定义器控制颜色、字体、显示位置等

2. Rank Math 插件集成方法:
- 安装并激活 Rank Math 插件
- 在 Rank Math > 通用设置 > 面包屑 中启用面包屑功能
- 回到 Astra 自定义器,选择 Rank Math 作为面包屑来源
- Rank Math 面包屑将显示在页面中,样式依旧由 Astra 控制

总结
Astra 提供了内置面包屑功能,用户不用额外安装插件即可快速启用,并自由调整显示位置、样式、字体等设置。如果想了解更多WordPress相关的教程和资讯,请关注光子波动网,拥有最全的WordPress教程和最活跃的WordPress交流社区。
了解 宝藏号 的更多信息订阅后即可通过电子邮件收到最新文章。 © 版权声明 文章版权归作者所有,未经允许请勿转载。 相关文章暂无评论... |
---|