面包屑导航是一种有效的功能,可以提升网站的可用性并有助于 SEO。Astra 主题自带了面包屑功能,并提供了丰富的定制选项,让用户能够根据需求进行调整。本文将介绍在 Astra 主题中启用和配置面包屑导航的方式。
启用 Astra 主题的内建面包屑功能
Astra 主题为 WordPress 提供了内建的面包屑功能。启用此功能十分简单,只需按以下步骤操作:
登录 WordPress 后台。
转到 外观 > 自定义。
找到 面包屑 选项并启用它。
在启用后,可以进一步调整面包屑的显示设置。以下是可用的设置选项:
显示位置:可以选择将面包屑显示在页眉、标题前或页眉后。
分隔符:设置面包屑各个链接之间的分隔符,例如 / 或 >.
禁用页面:在特定页面或分类中禁用面包屑显示(例如 404 页面、分类页等)。
对齐方式:选择面包屑的对齐方式,支持左、中、右对齐。
边距控制:调整面包屑的上下左右边距。
颜色与字体:为面包屑设置自定义颜色与字体样式。
在任意位置显示面包屑导航
默认情况下,Astra 提供的面包屑只能显示在页眉、标题前和页眉后。如果希望将面包屑显示在页面的任何位置,可以使用短代码:[astra_breadcrumb]
将该短代码插入到页面的文本或 HTML 模块中,就能在需要的位置显示面包屑。
支持第三方插件的面包屑导航
除了 Astra 自带的面包屑功能,Astra 还支持多个主流 SEO 插件的面包屑功能。以下是支持的插件:
Breadcrumb NavXT
使用这些插件时,Astra 会自动识别并允许用户选择插件作为面包屑的来源。你可以继续使用 Astra 的样式控制选项,调整面包屑的显示效果。
设置第三方插件的面包屑功能
1. Yoast SEO 插件
安装并启用 Yoast SEO 插件。
在 SEO > 搜索外观 > 面包屑 中启用面包屑功能。
然后进入 自定义 > 布局 > 面包屑,在 面包屑来源 中选择 Yoast SEO。
设置完成后,Astra 将显示 Yoast SEO 插件的面包屑,并且 Astra 中的样式选项将覆盖 Yoast 插件的默认样式。
2. Breadcrumb NavXT 插件
安装并启用 Breadcrumb NavXT 插件。
在 自定义 > 面包屑 中选择 Breadcrumb NavXT 作为面包屑来源。
Breadcrumb NavXT 插件的面包屑可以通过 Astra 的样式选项进行定制,并且你可以禁用特定页面中的显示。
3. Rank Math 插件
安装并启用 Rank Math 插件。
在 Rank Math > 常规设置 > 面包屑 中启用面包屑功能。
然后进入 自定义 > 面包屑,选择 Rank Math。
Rank Math 插件的面包屑将遵循 Astra 的样式设置,且可以在需要的页面上禁用显示。
4. SEOPress PRO 插件
安装并启用 SEOPress 免费版和 PRO 版插件。
在 SEO > PRO > 面包屑 中启用面包屑功能。
配置 HTML 面包屑显示。
在 自定义 > 面包屑 中选择 SEOPress 作为面包屑来源。
SEOPress 插件的面包屑也可以通过 Astra 自定义器进行样式控制,且能够在特定页面禁用显示。
总结
Astra 主题提供了便捷的内建面包屑功能,且支持通过短代码和第三方插件扩展面包屑的功能。无论是使用 Astra 自带的面包屑,还是通过 Yoast SEO、Breadcrumb NavXT、Rank Math 和 SEOPress 插件定制,你都可以轻松地为网站添加面包屑导航,并通过 Astra 的样式选项进行调整。这样不仅可以提升网站的用户体验,还能有助于 SEO 优化。