Astra主题教程：如何在 Astra 主题上添加面包屑导航

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交流社区。

联系我们
教程看不懂？联系我们为您免费解答！免费助力个人，小企站点！	客服微信
① 电话：020-2206-9892
② QQ咨询：1025174874
③ 邮件：info@361sale.com
④ 工作时间：周一至周五，9:30-18:30，节假日休息