案例2：http://en.anli011.ldyjz.com/，頁腳位置有一處內(nèi)容是使用快速導(dǎo)航組件來做的，如下圖2所示：

圖2：

三、如何使用快速導(dǎo)航組件？

1、如何查看快速導(dǎo)航組件是否已經(jīng)存在？

如果你的頁面上已經(jīng)有這個組件了，就不需要再添加，直接根據(jù)需要進行相關(guān)操作就可以（具體操作見下文所述）；

如果你的頁面上需要這個組件，但是還沒有添加，就需要先添加這個組件了；怎么判斷頁面上有沒有這個組件？

2、如何添加快速導(dǎo)航組件？

在頁面上添加組件的方法都是一樣的

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

圖3：

3、如何設(shè)置快速導(dǎo)航組件？

3.1 進入組件的“設(shè)置”分兩種場景

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

2）新添加的組件的場景：在添加此組件時會彈出這個組件的的設(shè)置話框。

3.2 在組件的設(shè)置中可以設(shè)置組件展示的內(nèi)容

組件標(biāo)題：若需要可以輸入組件標(biāo)題，若不輸入，組件標(biāo)題也不顯示，也不會占位（圖4）；

導(dǎo)航列表：即此組件展示的內(nèi)容，單擊右上角的“批量添加導(dǎo)航”按鈕可以把內(nèi)容添加上來，支持添加的導(dǎo)航類型有：站內(nèi)頁面、外部鏈接、頁面錨點、產(chǎn)品分類、文章分類（詳細介紹見下文）；

修改導(dǎo)航名稱：支持修改導(dǎo)航名稱，單擊導(dǎo)航即可修改（圖4）；

新窗口打開導(dǎo)航：支持設(shè)置在新窗口中打開導(dǎo)航（圖4）；

nofollow標(biāo)簽：nofollow是HTML頁面中a標(biāo)簽的屬性值，將"nofollow"放在超鏈接中，告訴搜索引擎不要抓取此鏈接（主要適用于添加的外部鏈接，避免本網(wǎng)站權(quán)重流失，其它導(dǎo)航類型不用使用此功能）。勾選了“nofollow”后，系統(tǒng)會自動在該a鏈接上增加rel="nofollow" 這個屬性（圖4）；

刪除：不需要的導(dǎo)航，直接單擊導(dǎo)航后面“刪除”按鈕即可（圖4）；

圖4：

單擊上圖4中“批量添加導(dǎo)航”，彈出可添加的內(nèi)容，支持添加的導(dǎo)航類型有：站內(nèi)頁面、外部鏈接、頁面錨點、產(chǎn)品分類、文章分類，詳細內(nèi)容如下：

站內(nèi)頁面：即此網(wǎng)站的一個頁面，這里會把除“內(nèi)容”中生成的頁面（見圖6）以外的所有頁面都列出來（例如產(chǎn)品分類、產(chǎn)品詳情、文章分類、文章詳情、下載分類、FAQ分類）供選擇使用，比如產(chǎn)品中心、聯(lián)系我們、新聞動態(tài)等，拖動下圖5所示的滾動條可展示更多站內(nèi)頁面；

圖5：

圖6：

外部鏈接：可以是本網(wǎng)站以外的鏈接，也可以是除了“站內(nèi)頁面”那里列出的以外的頁面，比如：在“內(nèi)容”中生成的頁面（見圖6）：產(chǎn)品詳情、文章詳情、下載分類、FAQ分類。

操作步驟：單擊“外部鏈接”--》單擊“新增鏈接”--》輸入鏈接名稱以及鏈接地址（帶http://）--》保存--》在鏈接名稱前面打勾（如下圖7）。

圖7：

頁面錨點：即單擊此導(dǎo)航時會跳轉(zhuǎn)到某一個頁面的指定位置，需要先通過錨點組件創(chuàng)建這個錨點，然后根據(jù)需要勾選顯示在這個位置（如下圖8）。

圖8：

產(chǎn)品分類：支持把產(chǎn)品分類顯示在快速導(dǎo)航組件中，在這里會列出所有的產(chǎn)品分類，根據(jù)需求選擇即可，單擊“管理產(chǎn)品分類”可新增、刪除、編輯產(chǎn)品分類（圖9）；

圖9：

文章分類：支持把文章分類顯示在快速導(dǎo)航組件中，在這里會列出所有的文章分類，根據(jù)需求選擇即可，單擊“管理文章分類”可新增、刪除、編輯文章分類（圖10）；

圖10：

3.3 在組件的設(shè)置中可以設(shè)置組件展示的風(fēng)格

選擇展示風(fēng)格：單擊“風(fēng)格”切換到風(fēng)格標(biāo)簽，在這里可以選擇導(dǎo)航展示的風(fēng)格，展示形式多種多樣，有橫向展示風(fēng)格也有縱向展示風(fēng)格，如下圖11所示：

圖11：

導(dǎo)航選中顏色：支持設(shè)置選中某一個導(dǎo)航時的導(dǎo)航文字顏色（見下圖12）；

手機端展示樣式：手機端展示樣式是默認收起的，因為展開會把頁面撐的比較高，但也需要根據(jù)個人需求來選擇收起或展開（見下圖12）；

圖12：

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

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

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

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

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