在 WordPress 網(wǎng)站中使用 Astra 主題添加和管理面包屑導(dǎo)航(Breadcrumbs)

面包屑導(dǎo)航是一種有效的功能,可以提升網(wǎng)站的可用性并有助于 SEO。Astra 主題自帶了面包屑功能,并提供了豐富的定制選項(xiàng),讓用戶(hù)能夠根據(jù)需求進(jìn)行調(diào)整。本文將介紹在 Astra 主題中啟用和配置面包屑導(dǎo)航的方式。

圖片[1]-如何在 Astra 主題中啟用和管理面包屑導(dǎo)航功能

啟用 Astra 主題的內(nèi)建面包屑功能

Astra 主題為 WordPress 提供了內(nèi)建的面包屑功能。啟用此功能十分簡(jiǎn)單,只需按以下步驟操作:

  • 登錄 WordPress 后臺(tái)。
  • 轉(zhuǎn)到 外觀 > 自定義
  • 找到 面包屑 選項(xiàng)并啟用它。

在啟用后,可以進(jìn)一步調(diào)整面包屑的顯示設(shè)置。以下是可用的設(shè)置選項(xiàng):

圖片[2]-如何在 Astra 主題中啟用和管理面包屑導(dǎo)航功能
  • 顯示位置:可以選擇將面包屑顯示在頁(yè)眉、標(biāo)題前或頁(yè)眉后。
  • 分隔符:設(shè)置面包屑各個(gè)鏈接之間的分隔符,例如 />.
  • 禁用頁(yè)面:在特定頁(yè)面或分類(lèi)中禁用面包屑顯示(例如 404 頁(yè)面、分類(lèi)頁(yè)等)。
  • 對(duì)齊方式:選擇面包屑的對(duì)齊方式,支持左、中、右對(duì)齊。
  • 邊距控制:調(diào)整面包屑的上下左右邊距。
  • 顏色與字體:為面包屑設(shè)置自定義顏色與字體樣式。

在任意位置顯示面包屑導(dǎo)航

默認(rèn)情況下,Astra 提供的面包屑只能顯示在頁(yè)眉、標(biāo)題前和頁(yè)眉后。如果希望將面包屑顯示在頁(yè)面的任何位置,可以使用短代碼:[astra_breadcrumb]

將該短代碼插入到頁(yè)面的文本或 HTML 模塊中,就能在需要的位置顯示面包屑。

支持第三方插件的面包屑導(dǎo)航

除了 Astra 自帶的面包屑功能,Astra 還支持多個(gè)主流 SEO 插件的面包屑功能。以下是支持的插件:

使用這些插件時(shí),Astra 會(huì)自動(dòng)識(shí)別并允許用戶(hù)選擇插件作為面包屑的來(lái)源。你可以繼續(xù)使用 Astra 的樣式控制選項(xiàng),調(diào)整面包屑的顯示效果。

設(shè)置第三方插件的面包屑功能

1. Yoast SEO 插件

圖片[3]-如何在 Astra 主題中啟用和管理面包屑導(dǎo)航功能
  • 安裝并啟用 Yoast SEO 插件。
  • SEO > 搜索外觀 > 面包屑 中啟用面包屑功能。
  • 然后進(jìn)入 自定義 > 布局 > 面包屑,在 面包屑來(lái)源 中選擇 Yoast SEO。
圖片[4]-如何在 Astra 主題中啟用和管理面包屑導(dǎo)航功能

設(shè)置完成后,Astra 將顯示 Yoast SEO 插件的面包屑,并且 Astra 中的樣式選項(xiàng)將覆蓋 Yoast 插件的默認(rèn)樣式。

2. Breadcrumb NavXT 插件

  • 安裝并啟用 Breadcrumb NavXT 插件。
  • 自定義 > 面包屑 中選擇 Breadcrumb NavXT 作為面包屑來(lái)源。
圖片[5]-如何在 Astra 主題中啟用和管理面包屑導(dǎo)航功能

Breadcrumb NavXT 插件的面包屑可以通過(guò) Astra 的樣式選項(xiàng)進(jìn)行定制,并且你可以禁用特定頁(yè)面中的顯示。

3. Rank Math 插件

  • 安裝并啟用 Rank Math 插件。
  • Rank Math > 常規(guī)設(shè)置 > 面包屑 中啟用面包屑功能。
  • 然后進(jìn)入 自定義 > 面包屑,選擇 Rank Math。
圖片[6]-如何在 Astra 主題中啟用和管理面包屑導(dǎo)航功能

Rank Math 插件的面包屑將遵循 Astra 的樣式設(shè)置,且可以在需要的頁(yè)面上禁用顯示。

4. SEOPress PRO 插件

  • 安裝并啟用 SEOPress 免費(fèi)版和 PRO 版插件。
  • SEO > PRO > 面包屑 中啟用面包屑功能。
圖片[7]-如何在 Astra 主題中啟用和管理面包屑導(dǎo)航功能
  • 配置 HTML 面包屑顯示。
圖片[8]-如何在 Astra 主題中啟用和管理面包屑導(dǎo)航功能
  • 自定義 > 面包屑 中選擇 SEOPress 作為面包屑來(lái)源。
圖片[9]-如何在 Astra 主題中啟用和管理面包屑導(dǎo)航功能

SEOPress 插件的面包屑也可以通過(guò) Astra 自定義器進(jìn)行樣式控制,且能夠在特定頁(yè)面禁用顯示。

總結(jié)

Astra 主題提供了便捷的內(nèi)建面包屑功能,且支持通過(guò)短代碼和第三方插件擴(kuò)展面包屑的功能。無(wú)論是使用 Astra 自帶的面包屑,還是通過(guò) Yoast SEO、Breadcrumb NavXT、Rank Math 和 SEOPress 插件定制,你都可以輕松地為網(wǎng)站添加面包屑導(dǎo)航,并通過(guò) Astra 的樣式選項(xiàng)進(jìn)行調(diào)整。這樣不僅可以提升網(wǎng)站的用戶(hù)體驗(yàn),還能有助于 SEO 優(yōu)化。


聯(lián)系我們
教程看不懂?聯(lián)系我們?yōu)槟赓M(fèi)解答!免費(fèi)助力個(gè)人,小企站點(diǎn)!
客服微信
客服微信
電話:020-2206-9892
QQ咨詢(xún):1025174874
郵件:info@361sale.com
工作時(shí)間:周一至周五,9:30-18:30,節(jié)假日休息
? 轉(zhuǎn)載聲明
本文作者:賊將鼠膽
THE END
喜歡就支持一下吧
點(diǎn)贊152 分享
評(píng)論 搶沙發(fā)

請(qǐng)登錄后發(fā)表評(píng)論

    暫無(wú)評(píng)論內(nèi)容