一、什么是面包屑導(dǎo)航組件？

 

面包屑導(dǎo)航組件是一個(gè)在頁(yè)面上展示訪客所在的位置（當(dāng)前頁(yè)面）以及顯示當(dāng)前頁(yè)面的前一個(gè)頁(yè)面或者目錄的鏈接的模塊?？梢允乖L客了解自己的位置，以及可以更快的找到自己想要到達(dá)的頁(yè)面。

舉例如下：

二、面包屑導(dǎo)航組件主要有哪些作用？

1、讓用戶了解當(dāng)前所處位置，以及當(dāng)前頁(yè)面在整個(gè)網(wǎng)站中的位置；

2、大部分搜索引擎，比如Google，已經(jīng)將面包屑導(dǎo)航整合到搜索結(jié)果里面，因此優(yōu)化面包屑導(dǎo)航每個(gè)層級(jí)的名稱，多使用關(guān)鍵字，都可以實(shí)現(xiàn)SEO優(yōu)化；

3、有利于搜索引擎抓取程序，比如百度蜘蛛，對(duì)網(wǎng)站的抓取，蜘蛛直接沿著那個(gè)鏈走就可以了，很方便；

4、面包屑導(dǎo)航有利于網(wǎng)站內(nèi)鏈的建設(shè)，網(wǎng)站上使用面包屑導(dǎo)航組件大大增加了網(wǎng)站的內(nèi)部連接，提高用戶體驗(yàn)。

所以，建議網(wǎng)站上都添加一個(gè)面包屑導(dǎo)航組件。

三、如何使用面包屑導(dǎo)航組件？

面包屑導(dǎo)航組件會(huì)被應(yīng)用在網(wǎng)站的所有頁(yè)面（首頁(yè)除外），通常放在網(wǎng)站導(dǎo)航的下面。面包屑導(dǎo)航具體顯示的內(nèi)容只有預(yù)覽和前臺(tái)可見(jiàn)，后臺(tái)不可見(jiàn)。如果您的網(wǎng)站上已經(jīng)有了面包屑導(dǎo)航組件就不需要再添加了。怎么查看面包屑導(dǎo)航組件是否已經(jīng)存在了呢？可以到除了首頁(yè)以外的其它頁(yè)面查看一下，如果不存在，就需要添加面包屑導(dǎo)航組件了。

1、如何添加面包屑導(dǎo)航組件？

第一步：把除了首頁(yè)以外的其它一個(gè)頁(yè)面切換為當(dāng)前頁(yè)面，然后添加面包屑導(dǎo)航組件。在頁(yè)面上添加組件的方法都是一樣的（請(qǐng)注意：添加了面包屑導(dǎo)航組件之后先不要發(fā)布網(wǎng)站，還需要把此組件應(yīng)用到網(wǎng)站的其它頁(yè)面上。）

添加的組件名稱為“面包屑導(dǎo)航”，如下圖所示：

第二步：把添加的面包屑導(dǎo)航組件，應(yīng)用到除了首頁(yè)之外的其它所有頁(yè)面；

1）、把鼠標(biāo)放到剛添加的面包屑導(dǎo)航組件上，找到應(yīng)用組件按鈕；

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

3）、被應(yīng)用的頁(yè)面上，面包屑導(dǎo)航組件會(huì)位于頁(yè)面最底端，需要到這些頁(yè)面上把面包屑導(dǎo)航組件拖動(dòng)到所在的位置。

如何拖動(dòng)組件？用鼠標(biāo)左鍵按住面包屑導(dǎo)航組件名稱往上拖動(dòng)直到要放的位置出現(xiàn)一條藍(lán)色的實(shí)線再松手，然后單擊頁(yè)面右上角的保存按鈕。

2、如何設(shè)置面包屑導(dǎo)航組件？

需要進(jìn)入面包屑導(dǎo)航組件的“設(shè)置”功能去設(shè)置，進(jìn)入組件的“設(shè)置”分兩種情況：

1）此組件已經(jīng)添加好的情況：進(jìn)入所有這類組件設(shè)置項(xiàng)方法都是一樣的。

2）新添加的組件的情況：在添加此組件時(shí)會(huì)彈出這個(gè)組件的的設(shè)置話框。

在組件的設(shè)置中可以設(shè)置組件內(nèi)容和風(fēng)格：

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

風(fēng)格
單擊“風(fēng)格“切換到風(fēng)格標(biāo)簽，在這里可以選擇面包屑導(dǎo)航的展示風(fēng)格，如下圖所示：

3、設(shè)置好面包屑導(dǎo)航組件的內(nèi)容和風(fēng)格后，單擊設(shè)置框右下方“保存”按鈕，以保存所設(shè)置的。

4、保存、預(yù)覽、發(fā)布

設(shè)置好以上內(nèi)容以后要單擊頁(yè)面右上角的“保存”按鈕，目的是把此修改保存到網(wǎng)站后臺(tái)；

然后可以單擊“預(yù)覽”按鈕查看不同終端下展示的效果，如果不合適可以到后臺(tái)再做修改；

如果需要讓訪客也看到，請(qǐng)單擊頁(yè)面右上角的“發(fā)布”按鈕，發(fā)布之后稍等兩分鐘左右即可看網(wǎng)站前臺(tái)展示效果。