如何使用麵包屑導航組件？

一、什麼是麵包屑導航組件？

麵包屑導航組件是一個在頁面上展示訪客所在的位置（當前頁面）以及顯示當前頁面的前一個頁面或者目錄的鏈接的模塊。可以使訪客了解自己的位置，以及可以更快的找到自己想要到達的頁面。

舉例如下：

二、麵包屑導航組件主要有哪些作用？

1、讓用戶了解當前所處位置，以及當前頁面在整個網站中的位置；

2、大部分搜索引擎，比如Google，已經將麵包屑導航整合到搜索結果裡面，因此優化麵包屑導航每個層級的名稱，多使用關鍵字，都可以實現SEO優化；

3、有利於搜索引擎抓取程序，比如百度蜘蛛，對網站的抓取，蜘蛛直接沿著那個鏈走就可以了，很方便；

4、麵包屑導航有利於網站內鏈的建設，網站上使用麵包屑導航組件大大增加了網站的內部連接，提高用戶體驗。

所以，建議網站上都添加一個麵包屑導航組件。

三、如何使用麵包屑導航組件？

麵包屑導航組件會被應用在網站的所有頁面（首頁除外），通常放在網站導航的下面。麵包屑導航具體顯示的內容只有預覽和前台可見，後台不可見。如果您的網站上已經有了麵包屑導航組件就不需要再添加了。怎麼查看麵包屑導航組件是否已經存在了呢？可以到除了首頁以外的其它頁面查看一下，如何查看某一塊內容是使用什麼組件製作的？如果不存在，就需要添加麵包屑導航組件了。

1、如何添加麵包屑導航組件？

第一步：把除了首頁以外的其它一個頁面切換為當前頁面，然後添加麵包屑導航組件。在頁面上添加組件的方法都是一樣的，單擊查看如何添加組件？（請注意：添加了麵包屑導航組件之後先不要發佈網站，還需要把此組件應用到網站的其它頁面上。）

添加的組件名稱為“麵包屑導航”，如下圖所示：

第二步：把添加的麵包屑導航組件，應用到除了首頁之外的其它所有頁面；

1）、把鼠標放到剛添加的麵包屑導航組件上，找到應用組件按鈕；

2）、單擊應用組件按鈕，彈出應用組件窗口：先勾選“所有頁面”然後不要勾選首頁，然後保存；

3）、被應用的頁面上，麵包屑導航組件會位於頁面最底端，需要到這些頁面上把麵包屑導航組件拖動到所在的位置。

如何拖動組件？用鼠標左鍵按住麵包屑導航組件名稱往上拖動直到要放的位置出現一條藍色的實線再鬆手，然後單擊頁面右上角的保存按鈕，更詳細的組件拖動及頁面排版方法請查看頁面排版介紹。

2、如何設置麵包屑導航組件？

需要進入麵包屑導航組件的“設置”功能去設置，進入組件的“設置”分兩種情況：

1）此組件已經添加好的情況：進入所有這類組件設置項方法都是一樣的，可以參考這個攻略：如何進入組件的設置項？

2）新添加的組件的情況：在添加此組件時會彈出這個組件的的設置話框。

在組件的設置中可以設置組件內容和風格：

內容
組件標題：一般情況下，不需要填寫組件標題；
當前位置提示文字：如果勾選顯示，但不輸入文字，會顯示默認文字，比如中文顯示：當前所在位置，英文默認顯示：You are here。如果勾選隱藏。則不顯示這些默認文字。
圖標：可為此麵包屑導航選擇圖標，此圖標放在麵包屑導航組件的前面。

風格
單擊“風格“切換到風格標籤，在這裡可以選擇麵包屑導航的展示風格，如下圖所示：

3、設置好麵包屑導航組件的內容和風格後，單擊設置框右下方“保存”按鈕，以保存所設置的。

4、保存、預覽、發布

設置好以上內容以後要單擊頁面右上角的“保存”按鈕，目的是把此修改保存到網站後台；

然後可以單擊“預覽”按鈕查看不同終端下展示的效果，如果不合適可以到後台再做修改；

如果需要讓訪客也看到，請單擊頁面右上角的“發布”按鈕，發布之後稍等兩分鐘左右即可看網站前台展示效果。