如何將麵包屑添加到您的WordPress網站(3種方法)

[ad_1]

如何將麵包屑添加到您的WordPress網站

您是否要向您的WordPress網站添加麵包屑?

麵包屑或分層導航是您網站的輔助導航菜單。 它與您的主導航菜單不同,它使用戶可以更好地了解您的網站頁面及其連接方式。

在本文中,我們將向您展示如何向您的WordPress網站添加麵包屑導航。

將麵包屑添加到您的WordPress網站

麵包屑對於導航您網站上的用戶很有用。 麵包屑導航系統也包含在Google搜索中,可幫助您對網站頁面進行排名。

Google麵包屑

另外,如果您擁有電子商務商店,那麼麵包屑導航對於輕鬆引導用戶瀏覽產品頁面,類別和搜索非常有用。

這樣可以改善用戶體驗(UX),並最終為您帶來更多的銷售。

讓我們看一些將麵包屑導航添加到WordPress網站的方法。

方法1:使用帶有麵包屑支持的WordPress主題

WordPress主題是您要在網站上安裝的第一件事。 如果您的主題包括麵包屑導航系統,則您不需要任何其他插件或擴展。

您可以找到數百個支持麵包屑導航的WordPress主題。 以下是最佳WordPress主題的前4個精選:

1. Divi

Divi主題

迪維 是一個功能強大的WordPress主題,具有大量功能,包括麵包屑,主頁部分,自定義小部件,頁眉和頁腳布局等。

Divi有2種風格:Divi Theme和Divi Builder(插件)。

Divi Theme最適合希望通過使用主題附帶的100多個完整站點包之一進行自定義的用戶。

Divi Builder插件適用於任何主題,最適合希望與其他WordPress主題一起使用的用戶。

2.阿斯特拉

阿斯特拉

阿斯特拉 是一個快速,輕量級的WordPress多功能主題。 它帶有預構建的布局,可輕鬆創建任何類型的網站。

Astra主題功能包括 SEO優化,多語言支持,麵包屑等。 無需編寫任何代碼即可輕鬆為初學者設置。

3. OceanWP

海洋WP

海洋WP 是一個免費的WordPress功能豐富的主題。 它帶有一鍵式演示內容導入器和數十種網站布局,您可以用來快速啟動任何類型的網站。

在內部,您會發現視差滾動,麵包屑,粘性導航,全屏布局,社交圖標等。 主題支持電子商務讓您 開一家網上商店

4.超

超

是現代的WordPress多用途主題。 它帶有針對不同業務領域的數十個現成的網站模板。

主題功能包括顏色選擇,自定義背景,字體,頁眉和頁腳樣式以及麵包屑。 它內置 主題頁面構建器 集成以快速創建和自定義 登陸頁面

方法2:使用WordPress插件將麵包屑添加到您的網站

有多個WordPress插件可將麵包屑添加到WordPress網站。 對於本文,我們將使用 麵包屑NavXT 這是一個免費的插件。

您需要做的第一件事是安裝並激活Breadcrumb NavXT插件。 有關更多詳細信息,請查看我們的指南 如何安裝WordPress插件

激活插件後,您需要轉到WordPress管理區域中的「設置」»「麵包屑NavXT」頁面。

在常規設置下,您可以添加麵包屑分隔符,鏈接當前項目,添加家庭麵包屑鏈接等。 您還可以按原樣保留這些設置,並且這些設置將適用於您的網站。

麵包屑NavXT設置

接下來,您可以訪問「帖子類型」選項卡來修改帖子麵包屑模板,頁面麵包屑模板和媒體麵包屑模板。

帖子類型

您還可以將麵包屑導航的默認帖子層次結構替換為從類別到日期,標籤和帖子上級的導航。

發布層次

其他模板的設置將相同,包括頁面,自定義帖子類型,分類法等。 您需要單擊「保存更改」按鈕才能繼續。

現在,您需要 編輯主題的header.php文件 並在要顯示麵包屑導航的位置添加以下代碼:

<?php if(function_exists('bcn_display')){bcn_display(); }?>

添加代碼後,您可以訪問您的網站以查看帖子和頁面上的痕迹導航。

方法3:使用Yoast SEO插件將麵包屑添加到WordPress

如果您正在尋找將麵包屑添加到網站的另一種方法,則也可以使用 Yoast SEO Premium 插入。

您需要做的第一件事是安裝並激活 Yoast SEO 插入。 您可以查看我們完整的 Yoast SEO評論 更多細節。

激活後,您需要轉到WordPress管理區域中的SEO»高級頁面。 從那裡,您需要檢查啟用麵包屑選項。

啟用麵包屑

接下來,您可以添加麵包屑分隔符,主頁的錨文本等。 單擊保存更改按鈕以應用這些設置。

大多數WordPress主題都與Yoast SEO麵包屑導航兼容。 如果麵包屑導航未出現在您的網站上,則可以 將以下代碼添加到主題的header.php文件中

<?php if(function_exists('yoast_breadcrumb')){yoast_breadcrumb('

‘,’‘);}?>

上面的代碼會將麵包屑導航添加到您的網站。

我們希望本文能幫助您學習如何向您的WordPress網站添加麵包屑。

您可能還需要查看有關以下內容的指南 如何在WordPress中創建全屏歡迎墊optin表單 歡迎新用戶並在您的網站上吸引他們。

相關文章