首页>文档>Astra教程>如何使用 Astra 在 WordPress 网站中添加面包屑

此组别内的文章

需要支持?

如果通过文档没办法解决您的问题,请提交工单获取我们的支持!

如何使用 Astra 在 WordPress 网站中添加面包屑

Astra 是一款流行的 WordPress 主题,提供内置的面包屑功能。该主题还提供各种自定义功能,包括专用的颜色和排版选项。

如何启用面包屑?

要启用面包屑,您只需安装并激活 Astra 主题。要浏览设置,请从 WordPress 仪表板导航至外观 > 自定义 > 面包屑

Astra 中的面包屑设置

以下是面包屑的可用设置

  1. 位置:此选项允许您选择显示面包屑的位置。选择您希望显示它们的位置。目前,您可以选择将其显示在标题内、标题后或标题前。
  2. 分隔符:您可以在面包屑链接之间设置自定义分隔符。
  3. 在特定页面上禁用面包屑导航/邮政:您将看到可以禁用面包屑导航的页面和帖子列表。其中包括类别、存档页面、404 页面等。(您可以通过帖子元设置在单个页面和帖子上禁用面包屑导航)
  4. 对齐方式:您可以选择对齐方式来显示面包屑
  5. 间距:调整各边的间距
如何使用 Astra 在 WordPress 网站中添加面包屑-HEIWP-外贸建站

面包屑的颜色和排版选项

默认情况下,面包屑将继承主题的颜色和字体。但是,如果您希望使用不同的颜色和字体突出显示它们,则可以使用面包屑的专用选项。在定制器中,导航至 –定制 > 面包屑 > 字体

在任何地方显示面包屑!

目前,Astra 仅允许您在三个地方显示面包屑 – 页眉内、页眉后、标题前。

如果您想在页面或帖子的任何位置显示它怎么办?您可以使用简码来实现。

将此短代码粘贴到您网站上的任何自定义布局、文本或 HTML 块中,然后查看那里出现的面包屑 –

[astra_breadcrumb]

支持第三方插件

除了内置的面包屑功能外,Astra 还支持以下外部插件的面包屑功能——

您可以关闭 Astra 的默认选项并使用来自上述插件的面包屑导航。虽然面包屑导航是从上述插件获取的,但您仍然可以通过 Astra 管理颜色和排版等样式。

如何使用 Astra 设置外部插件面包屑?

1.使用Yoast SEO插件:

  • 安装并激活 Yoast SEO 插件
  • 从 WordPress仪表板 > SEO > 搜索外观 > 面包屑 > 启用面包屑,激活 Yoast SEO 插件的面包屑
  • 您将在定制器 > 布局 > 面包屑 > 面包屑源中看到一个选项。选择Yoast SEO 面包屑。
  • 现在,Yoast SEO Breadcrumb 标记应该开始出现在页面上,而不是默认的 Astra Breadcrumb。
  • 定制器中的所有颜色和排版选项都将覆盖 Yoast SEO Breadcrumb 的样式。
  • 所有在特定位置禁用面包屑的选项也适用于 Yoast SEO 插件。

Yoast后端设置:

如何使用 Astra 在 WordPress 网站中添加面包屑-HEIWP-外贸建站

定制器中的 Yoast 选项:

如何使用 Astra 在 WordPress 网站中添加面包屑-HEIWP-外贸建站

2. 使用 Breadcrumb NavXT 插件

  • 安装并激活 Breadcrumb NavXT 插件
  • 您将在定制器 > 面包屑 > 面包屑源中看到一个选项。选择面包屑 NavXT。
  • 现在,Breadcrumb NavXT 标记将开始出现在页面上,而不是默认的 Astra Breadcrumb。
  • 定制器中的所有颜色和排版选项都将覆盖 Breadcrumb NavXT 的样式。
  • 所有禁用特定位置面包屑的选项也适用于面包屑NavXT 插件。
如何使用 Astra 在 WordPress 网站中添加面包屑-HEIWP-外贸建站

3. 使用 Rank Math 插件

  • 安装并激活 Rank Math 插件
  • 通过仪表板 > Rank Math > 常规设置 > 面包屑设置面包屑
  • 您将在定制器 > 面包屑 > 面包屑源中看到一个选项。选择 Rank Math。
  • 现在,Rank Math 标记将开始出现在页面上,而不是默认的 Astra Breadcrumb。
  • 定制器中的所有颜色和排版选项都将覆盖 Rank Math 的样式。
  • 所有禁用特定位置的面包屑的选项也适用于 Rank Math 插件。
如何使用 Astra 在 WordPress 网站中添加面包屑-HEIWP-外贸建站

4.使用SEOPress(PRO)插件:

  • 安装并激活 SEOPress 免费版和 PRO 插件
  • 通过导航至 WordPress 仪表板 > SEO > PRO > Breadcrumbs 来激活 SEOPress 插件的 Breadcrumbs。请按照以下步骤操作:
    • 步骤 1 – 启用面包屑;
    • 第 2 步– 启用 HTML 面包屑;
    • 步骤 3 – 您可以选择将要在面包屑之前显示的文本添加到“在面包屑之前显示文本”字段;
    • 步骤 4 – 单击“保存更改”按钮以激活 SEOPress 面包屑。
  • 导航至定制器 > 布局 > 面包屑 > 面包屑源。在这里,选择“SEOPress”选项。
  • 现在 SEOPress Breadcrumb 标记应该开始出现在页面上,而不是默认的 Astra Breadcrumb。
  • 所有在特定位置禁用面包屑的选项也适用于 SEOPress 插件,并且一些附加设置也将在仪表板 > SEO > PRO > 面包屑中提供。

SEOPress – 启用面包屑

如何使用 Astra 在 WordPress 网站中添加面包屑-HEIWP-外贸建站

SEOPress – 启用 HTML 面包屑

如何使用 Astra 在 WordPress 网站中添加面包屑-HEIWP-外贸建站

定制器中的 SEOPress 选项:

如何使用 Astra 在 WordPress 网站中添加面包屑-HEIWP-外贸建站
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
搜索