面包屑導(dǎo)航是一種有效的功能,可以提升網(wǎng)站的可用性并有助于 SEO。Astra 主題自帶了面包屑功能,并提供了豐富的定制選項(xiàng),讓用戶(hù)能夠根據(jù)需求進(jìn)行調(diào)整。本文將介紹在 Astra 主題中啟用和配置面包屑導(dǎo)航的方式。
![圖片[1]-如何在 Astra 主題中啟用和管理面包屑導(dǎo)航功能](http://gqxi.cn/wp-content/uploads/2025/04/20250418094320333-image.png)
啟用 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)航功能](http://gqxi.cn/wp-content/uploads/2025/04/20250418094434387-image.png)
- 顯示位置:可以選擇將面包屑顯示在頁(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 插件的面包屑功能。以下是支持的插件:
- Yoast SEO
- Breadcrumb NavXT
- Rank Math
- SEOPress PRO
使用這些插件時(shí),Astra 會(huì)自動(dòng)識(shí)別并允許用戶(hù)選擇插件作為面包屑的來(lái)源。你可以繼續(xù)使用 Astra 的樣式控制選項(xiàng),調(diào)整面包屑的顯示效果。
設(shè)置第三方插件的面包屑功能
1. Yoast SEO 插件
![圖片[3]-如何在 Astra 主題中啟用和管理面包屑導(dǎo)航功能](http://gqxi.cn/wp-content/uploads/2025/04/20250418094546148-image.png)
- 安裝并啟用 Yoast SEO 插件。
- 在 SEO > 搜索外觀 > 面包屑 中啟用面包屑功能。
- 然后進(jìn)入 自定義 > 布局 > 面包屑,在 面包屑來(lái)源 中選擇 Yoast SEO。
![圖片[4]-如何在 Astra 主題中啟用和管理面包屑導(dǎo)航功能](http://gqxi.cn/wp-content/uploads/2025/04/20250418094531829-image.png)
設(shè)置完成后,Astra 將顯示 Yoast SEO 插件的面包屑,并且 Astra 中的樣式選項(xiàng)將覆蓋 Yoast 插件的默認(rèn)樣式。
2. Breadcrumb NavXT 插件
- 安裝并啟用 Breadcrumb NavXT 插件。
- 在 自定義 > 面包屑 中選擇 Breadcrumb NavXT 作為面包屑來(lái)源。
![圖片[5]-如何在 Astra 主題中啟用和管理面包屑導(dǎo)航功能](http://gqxi.cn/wp-content/uploads/2025/04/20250418094556432-image.png)
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)航功能](http://gqxi.cn/wp-content/uploads/2025/04/20250418094605650-image.png)
Rank Math 插件的面包屑將遵循 Astra 的樣式設(shè)置,且可以在需要的頁(yè)面上禁用顯示。
4. SEOPress PRO 插件
- 安裝并啟用 SEOPress 免費(fèi)版和 PRO 版插件。
- 在 SEO > PRO > 面包屑 中啟用面包屑功能。
![圖片[7]-如何在 Astra 主題中啟用和管理面包屑導(dǎo)航功能](http://gqxi.cn/wp-content/uploads/2025/04/20250418094633280-image.png)
- 配置 HTML 面包屑顯示。
![圖片[8]-如何在 Astra 主題中啟用和管理面包屑導(dǎo)航功能](http://gqxi.cn/wp-content/uploads/2025/04/20250418094724803-image.png)
- 在 自定義 > 面包屑 中選擇 SEOPress 作為面包屑來(lái)源。
![圖片[9]-如何在 Astra 主題中啟用和管理面包屑導(dǎo)航功能](http://gqxi.cn/wp-content/uploads/2025/04/20250418094738659-image.png)
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é)假日休息 |
暫無(wú)評(píng)論內(nèi)容