5個最好的麵包屑WordPress插件添加麵包屑到您的網站

[ad_1]

用戶體驗與您網站的內容同樣重要。用戶應該能夠輕鬆直觀地瀏覽您的WordPress網站。這就是「麵包屑」的用武之地。麵包屑WordPress插件可以幫助您在幾乎任何主題中實現這個有用的導航幫助。

幾乎不可能預測訪問者最終會瀏覽的特定帖子或頁面。無論如何,您仍然希望為用戶提供易於理解的導航標記。這將有助於他們在您的網站上移動。

這篇文章將幫助您了解「麵包屑」是什麼,它們如何改善您網站上的整體用戶體驗,然後是免費的WordPress插件,可以幫助您在不需要任何技術知識的情況下向WordPress添加麵包屑。

麵包屑可以幫助人們瀏覽您的#WordPress網站。 ?這5個#plugins為WP添加了麵包屑 單擊「推文」 WordPress中的麵包屑是什麼?

麵包屑是幫助您的訪客的足跡 瀏覽您的WordPress網站 以有組織的方式。您可以使用麵包屑來幫助用戶從一個帖子的頁面轉到另一個帖子的頁面。

這是一個總結 來自用戶體驗專家尼爾森諾曼集團

麵包屑是一個重要的導航元素,支持尋路 – 使用戶了解他們在網站的層次結構中的當前位置。麵包屑是表示當前頁面及其「祖先」(父頁面,祖父頁面等)的鏈接列表,通常會一直返回到站點主頁。自1995年以來,NN / g一直在推薦麵包屑,因為它們為用戶提供了許多好處,幾乎沒有任何成本。

Traverse顯示麵包屑WordPress

對於那些經營電子商務網站的人來說,麵包屑可以顯著提高可用性並最終促進銷售。您可以使用它們來鼓勵用戶查看特定類別的相關產品,即主頁→產品→電子產品→可穿戴設備。

您也不需要聘請Web開發人員或學習高級編碼來實現此功能。只需安裝一個麵包屑WordPress插件,你就可以了。

五個最好的麵包屑WordPress插件

1. Breadcrumb NavXT

麵包屑NavXT麵包屑NavXT

作者(S): 約翰哈弗利克

當前版本:6.3.0

最後更新時間:2019年5月3日

breadcrumb-navxt.6.3.0.zip

94個%的收視 7,590,040Downloads WP 4.8 +要求

Breadcrumb NavXT是一個名為Breadcrumb Navigation XT的舊插件的更新版本。您可以使用Breadcrumb NavXT在整個網站中生成基於位置的痕迹痕迹。它有超過800,000個有效安裝,並且在WordPress用戶中很受歡迎。

特徵

如何使用

安裝Breadcrumb NavXT後,導航到WordPress儀錶板中的Appearance→Widgets。

Breadcrumb NavXT「width =」1517「height =」657

將Breadcrumb NavXT小部件拖放到您選擇的小部件區域並更新小部件設置。您將能夠在側欄或您選擇的小部件區域中看到麵包屑跟蹤。您還可以隱藏主頁上的路徑或反轉鏈接的順序。

您還可以使用下面的PHP函數將麵包屑直接添加到主題的模板文件中:

bcn_display($ return = false,$ linked = true,$ reverse = false,$ force = false)

2. Flexy Breadcrumb

Flexy BreadcrumbFlexy Breadcrumb

作者(S): PressTigers

當前版本:1.1.0

最後更新時間:2019年5月24日

flexy-breadcrumb.1.1.0.zip

100個%評級 14,340Downloads WP 4.6 +要求

模式結構是其中之一 SEO的重要方面。這個麵包屑WordPress插件與Google字體集成,使您的麵包屑跟蹤無縫地適應您的網站設計。

特徵

  • 短碼兼容
  • 不同的麵包屑分離器
  • 設置「主頁」文本和「結束」文本
  • Font Awesome圖標選擇器
  • 可定製的顏色
  • 重新調整大小的字體

如何使用

安裝並激活插件後,前往WordPress儀錶板側欄中的Flexy Breadcrumb區域:

Flexy麵包屑介面「width =」1517「height =」708

常規設置提供了許多自定義選項。通過Font Awesome圖標選擇器,選擇「Home Text」(路徑前面的文本)並從免費圖標目錄中選擇一個圖標。

如果需要,您可以更改麵包屑分隔符。只需輸入「/」,「→」或您希望在路徑中看到的任何其他標誌。帖子類型層次結構可幫助您使用「類別」,「日期」或「標籤」選擇帖子顯示的格式。

Flexy麵包屑介面「width =」1517「height =」703

您可以使用「排版」部分完全自定義麵包屑路徑的顏色。保存更改,您將看到它們已應用於您的網站。您還可以使用(flexy_breadcrumb)短代碼手動添加麵包屑。

3. Yoast SEO

Yoast SEOYoast SEO

作者(S): 團隊Yoast

當前版本:12.0

最後更新時間:2019年9月3日

wordpress-seo.12.0.zip

98個%的收視 193,644,818Downloads WP 4.9 +要求

Yoast SEO是一個功能強大的WordPress插件。這個插件以處理它而聞名 頁面上的SEO 一個網站,但你知道你也可以使用它來添加麵包屑跟蹤到你的主題? Yoast是一個一體化的搜索引擎優化解決方案,處理從SEO分析到 XML站點地圖和麵包屑。

特徵

  • 專為SEO而設計
  • 提升搜索曝光率
  • 為404創建麵包屑
  • 完整的頁面優化
  • 可更換的麵包屑分離器

如何使用

要在WordPress中啟用麵包屑,請轉到WordPress儀錶板中的SEO – >搜索外觀。您將在屏幕的上半部分看到標有「Breadcrumbs」的標籤。將「已禁用」按鈕滑動到左側,就像這樣,啟用了麵包屑。

Yoast SEO麵包屑選項「width =」1513「height =」691

您可以輸入要在博客上看到的分隔符類型。 Yoast麵包屑啟用程序還將幫助您更改主頁的錨文本(出現在跟蹤中的那個)。除了這些功能外,您還可以在此處更改網站404頁面對話框的麵包屑。

Yoast SEO breadcrumb WordPress設置「width =」718「height =」588

基於痕迹路徑的帖子可以使用類別,標記和格式級別分類。如果要歸檔特定類別的帖子,也可以這樣做。短代碼有​​助於簡化整個實施過程。

您可以手動將短代碼添加到特定的帖子或頁面:。或者,複製並粘貼以下內容 代碼,由Yoast SEO提供,進入你想要出現麵包屑的主題。

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

'); }

4. WooCommerce麵包屑

WooCommerce麵包屑WooCommerce麵包屑

作者(S): 安東尼霍廷

當前版本:1.0.5

最後更新時間:2019年5月9日

woocommerce-breadcrumbs.1.0.5.zip

90個%的收視 47,416Downloads WP 3.8 +要求

如果你只是 創建了你的WooCommerce商店 並希望安裝一些插件來增強動態功能;看看WooCommerce Breadcrumbs。

這個插件可以幫助您以簡單的效率管理WooCommerce麵包屑。您可以通過更改周圍的HTML來更改分隔符並顯示未排序的列表。

特徵

  • 乾淨的界面
  • 簡單的麵包屑插件
  • HTML更改工具
  • SEO友好

如何使用

WooCommerce Breadcrumbs是一個簡單的WordPress插件。您可以通過轉到「設置」 – >「WC麵包屑」並選中「啟用麵包屑」複選框來激活它。

在WordPress「width =」1517「height =」700中啟用WooCommerce麵包屑

您可以從插件的界面更改麵包屑路徑之間的分隔符。您可以將HTML添加到WooCommerce路徑以自定義對象的外觀和位置。使用wrap_before和wrap_after添加breadcrumb容器的開始和結束代碼。如果您使用的是WooThemes,則可能無法使用某些功能。

麵包屑

麵包屑麵包屑

作者(S): PickPlugins

當前版本:1.5.3

最後更新時間:2019年7月2日

breadcrumb.zip

86個%的收視 103,210Downloads WP 3.8 +要求

Breadcrumb是另一個免費的WordPress麵包屑插件,已經成為我們的列表。 Breadcrumb將幫助您以最少的設置提供令人敬畏的導航。 Breadcrumb插件將幫助您在整個站點中的任何地方顯示麵包屑。只需在WordPress編輯器中添加提供的短代碼即可。

特徵

  • 定製分隔符
  • 短代碼可用
  • 限制單詞鏈接文本
  • 完全可自定義的文本
  • 額外的CSS集成
  • 多種語言

如何使用

一旦安裝了麵包屑,就可以在儀錶板上隨時使用。常規設置可用於更改前導文本,管理分隔符文本以及自定義最後一個分隔符。

麵包屑設置「width =」1510「height =」695

您可以基於單詞或字元管理顯示限制。您甚至可以選擇是否要在麵包屑路徑中顯示「主頁」。輸入麵包屑不適合的頁面(例如,主頁)。保存更改,您的麵包屑跟蹤已準備好開始幫助訪問者瀏覽您的網站。

選擇你的WordPress麵包屑主題「width =」1514「height =」630

您還可以在設置窗格的「樣式」選項中選擇主題。此選項用於自定義麵包屑跟蹤的顏色,大小和設計。

要顯示麵包屑,您需要添加(breadcrumb)短代碼。

為了使您的痕迹痕迹看起來更高級,您可以使用自定義CSS。

加起來

WordPress的各種麵包屑插件使用戶可以比以往更輕鬆地創建自定義麵包屑跟蹤。網站所有者不再需要學習編碼,實現此功能並獲得麵包屑的好處。

麵包屑可以幫助人們瀏覽您的#WordPress網站。 ?這5個#plugins為WP添加了麵包屑 單擊「推文」

如果您運行WooCommerce商店並且只想要一個簡單的插件來管理麵包屑,請使用WC Breadcrumbs。對於那些不想在他們的網站上添加更多插件的人來說,Yoast SEO是一個完美的選擇。 Breadcrumb和Flexy Breadcrumb是高度可定製的插件,用於添加自定義麵包屑試用版。

您對如何將麵包屑添加到WordPress有任何疑問嗎?在評論中提問!

相關文章