Astra主題教學指南-Breadcrumb頁面路徑設定

如何在頁面或帶有短碼的文章中任何地方顯示Breadcrumb頁面路徑?

Astra主題中引入了內建的Breadcrumb頁面路徑功能,有助於網路行銷和SEO優化的網站設計。
這使你可以顯示Breadcrumb頁面路徑並通過顏色和版型選項管理其樣式。
這一篇文章,將要向你簡單介紹如何使用Astra主題添加Breadcrumb頁面路徑。

下面的方法著重於三個預設位置也就是在標題內、標題下方和標題上方。
但是,如果你想在頁面或文章的任何位置顯示它,該怎麼辦?
你所要做的就是貼上一個短代碼,然後你就可以在其中看到它了!

這是程式短代碼 [astra_breadcrumb]

小提醒:要在頁面上的任何地方使用Breadcrumb頁面路徑短代碼,你將需要安裝並啟用Astra Pro外掛。

你可以將其添加到任何自訂排版中,也可以添加到任何位置,例如頁首、頁尾、側邊欄小部件、頁面編輯器小部件等。

延伸閱讀:
了解有關行銷網站中常用的購物車系統,
WooCommerce電子商務與Astra整合概述的更多資訊
Astra Pro 通過WooCommerce模組擴展網站商店選項。


如何使用Astra在WordPress網站中添加Breadcrumb頁面路徑

Astra是現今主流的WordPress主題,提供內建的Breadcrumb頁面路徑功能。
該主題還提供了各種自訂選項,其中包含專用的顏色和版型選項。

如何啟用Breadcrumb頁面路徑?

要啟用Breadcrumb頁面路徑,你只需要安裝並啟用Astra主題即可。
要瀏覽設定,請從WordPress控制台瀏覽到 外觀 > 自訂 > Breadcrumb

在文章中,我們會看到

  • 在Astra的Breadcrumb設定
  • 使用短碼在任何地方顯示Breadcrumb
  • 支援第三方外掛

Astra的Breadcrumb頁面路徑設定

以下是Breadcrumb頁面路徑的可用設定

  1. Header Position 位置:此選項可讓你選擇顯示Breadcrumb頁面路徑的位置。
    選擇你想要顯示它們的位置。你可以選擇將其顯示在標題內,標題之後或標題之前。
  2. Separator 分隔符號:你可以在Breadcrumb頁面路徑連結之間設定分隔內容。
  3. Disable on 在特定頁面上禁用Breadcrumb頁面路徑:
    你可以看到禁用Breadcrumb頁面路徑的頁面和文章列表。
    其中包括分類,彙整頁面,404頁面等。
    (你可以通過網頁設定禁用單個頁面和文章上的Breadcrumb頁面路徑)
  4. Alignment 對齊方式:你可以選擇對齊方式以顯示Breadcrumb頁面路徑
  5. Spacing 間距:調整各個方向的間距

Breadcrumb頁面路徑的顏色和版型選項

預設情況下,Breadcrumb頁面路徑將繼承主題的顏色和版型。
但是,如果你希望用不同的顏色和版型來突出顯示它們,
則可以使用專用的Breadcrumb頁面路徑選項。
在外觀自訂中,導到 – 自訂 > Breadcrumb頁面路徑 > Typography

在任何地方顯示Breadcrumb頁面路徑!

目前,Astra允許你只有在三個位置顯示Breadcrumb頁面路徑:標題內、標題後、標題前。

如果要在網頁設計頁面或文章的任何位置顯示它,該怎麼辦?你可以使用短代碼來實現。

將此短碼複製貼上到網站設計上任何自定義佈局,文本或HTML區塊中的任何位置
然後看到Breadcrumb頁面路徑出現在其中

這是程式短代碼 [astra_breadcrumb]

支援第三方外掛

除了內建的Breadcrumb頁面路徑功能,
Astra還支援以下外部網路行銷常用外掛的Breadcrumb頁面路徑

  • Yoast SEO
  • Breadcrumb NavXT
  • Rank Math

你可以關閉Astra的預設選項,並使用上述外掛中的Breadcrumb頁面路徑。
儘管Breadcrumb頁面路徑是從上述外掛中獲得的,
但是你仍然可以通過Astra來管理樣式,例如顏色和版型。

這些外掛的Breadcrumb頁面路徑如何與Astra一起使用?

1.使用Yoast SEO外掛:

  • 安裝並啟用Yoast SEO外掛
  • 從WordPress控制台 >  SEO > Search Appearance > Breadcrumb > Enable Breadcrumbs,
    為Yoast SEO外掛啟用Breadcrumb頁面路徑
  • 你將在 自訂 > Layout > Breadcrumb > Breadcrumb Source 中看到一個選項。 
    選擇 Yoast SEO的Breadcrumb頁面路徑。
  • Yoast SEO Breadcrumb頁面路徑標記應該開始出現在頁面上,而不是預設的Astra Breadcrumb。
  • 自訂中的所有 顏色 和 版型 選項都將覆蓋Yoast SEO的Breadcrumb頁面路徑樣式。
  • 所有在特定位置禁用Breadcrumb頁面路徑的選項也將與Yoast SEO外掛一起使用。

Yoast SEO 後台

自訂設定中的 Yoast 功能選項

2.Breadcrumb NavXT外掛

  • 安裝並啟用Breadcrumb NavXT外掛
  • 你將在 自訂 > Breadcrumb > Breadcrumb Source看到一個選項。選擇 Breadcrumb NavXT 。
  • Breadcrumb NavXT標記將開始顯示在頁面上,而不是預設的Astra Breadcrumb。
  • 自訂中的所有 顏色 和 版型 選項都將覆蓋 Breadcrumb NavXT 的樣式。
  • 所有在特定位置禁用Breadcrumb頁面路徑的選項也將與 Breadcrumb NavXT外掛。

3.Rank Math外掛

  • 安裝並啟用Rank Math外掛
  • 通過 控制台 > Rank Math > General Settings > Breadcrumbs
  • 你將在 自訂 > Breadcrumb > Breadcrumb Source看到一個選項。選擇Rank Math。
  • Rank Math標記將開始顯示在頁面上,而不是預設的Astra Breadcrumb。
  • 控制台中的所有 顏色 和 版型 網頁設計選項將覆蓋Rank Math的樣式。
  • 所有在特定位置禁用Breadcrumb頁面路徑的選項也將與Rank Math外掛一起使用。

Leave a Comment

Shopping Cart
回到頂端
Malcare WordPress Security