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

快速導(dǎo)航組件是將多個(gè)頁(yè)面串聯(lián)起來(lái)以頁(yè)面名稱形式展示在頁(yè)面上的一個(gè)模塊，單擊頁(yè)面名稱可以跳轉(zhuǎn)到相應(yīng)的頁(yè)面，方便用戶快速在多個(gè)頁(yè)面之間跳轉(zhuǎn)，頁(yè)面之間是并列關(guān)系沒(méi)有層級(jí)的區(qū)分。

二、快速導(dǎo)航組件主要有哪些應(yīng)用場(chǎng)景？

快速導(dǎo)航組件一般添加到網(wǎng)站的頁(yè)腳、左側(cè)欄、右側(cè)欄等區(qū)域，支持橫向快捷導(dǎo)航和縱向快捷導(dǎo)航，根據(jù)實(shí)際的應(yīng)用場(chǎng)景選擇合適的風(fēng)格?？焖賹?dǎo)航組件的設(shè)置項(xiàng)中支持單個(gè)或批量添加站內(nèi)頁(yè)面、外部鏈接、頁(yè)面錨點(diǎn)、產(chǎn)品分類、文章分類多種類型的頁(yè)面作為導(dǎo)航，可以拖動(dòng)調(diào)整導(dǎo)航的順序。網(wǎng)站導(dǎo)航組件的風(fēng)格中支持選擇多種橫向?qū)Ш斤L(fēng)格和縱向?qū)Ш斤L(fēng)格。

快速導(dǎo)航組件的應(yīng)用案例，請(qǐng)參考如下：
案例1：http://en.anli018.ldyjz.com/，這個(gè)案例頁(yè)腳位置的“Quick Links”是使用快速導(dǎo)航組件來(lái)做的（圖1）；
圖1：

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

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

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

如果你的頁(yè)面上已經(jīng)有這個(gè)組件了，就不需要再添加，直接根據(jù)需要進(jìn)行相關(guān)操作就可以（具體操作見下文所述）；
如果你的頁(yè)面上需要這個(gè)組件，但是還沒(méi)有添加，就需要先添加這個(gè)組件了；怎么判斷頁(yè)面上有沒(méi)有這個(gè)組件？單擊查看如何查看某一塊內(nèi)容是使用什么組件制作的？

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

在頁(yè)面上添加組件的方法都是一樣的，單擊查看如何添加組件？
添加的組件名稱為“快速導(dǎo)航”，如下圖3所示：
圖3：

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

3.1 進(jìn)入組件的“設(shè)置”分兩種場(chǎng)景
1）此組件已經(jīng)添加好的場(chǎng)景：進(jìn)入所有這類組件設(shè)置項(xiàng)方法都是一樣的，可以參考這個(gè)攻略：如何進(jìn)入組件的設(shè)置項(xiàng)？
2）新添加的組件的場(chǎng)景：在添加此組件時(shí)會(huì)彈出這個(gè)組件的的設(shè)置話框。

3.2 在組件的設(shè)置中可以設(shè)置組件展示的內(nèi)容
組件標(biāo)題：若需要可以輸入組件標(biāo)題，若不輸入，組件標(biāo)題也不顯示，也不會(huì)占位（圖4）；
導(dǎo)航列表：即此組件展示的內(nèi)容，單擊右上角的“批量添加導(dǎo)航”按鈕可以把內(nèi)容添加上來(lái)，支持添加的導(dǎo)航類型有：站內(nèi)頁(yè)面、外部鏈接、頁(yè)面錨點(diǎn)、產(chǎn)品分類、文章分類（詳細(xì)介紹見下文）；
修改導(dǎo)航名稱：支持修改導(dǎo)航名稱，單擊導(dǎo)航即可修改（圖4）；
新窗口打開導(dǎo)航：支持設(shè)置在新窗口中打開導(dǎo)航（圖4）；
nofollow標(biāo)簽：nofollow是HTML頁(yè)面中a標(biāo)簽的屬性值，將"nofollow"放在超鏈接中，告訴搜索引擎不要抓取此鏈接（主要適用于添加的外部鏈接，避免本網(wǎng)站權(quán)重流失，其它導(dǎo)航類型不用使用此功能）。勾選了“nofollow”后，系統(tǒng)會(huì)自動(dòng)在該a鏈接上增加rel="nofollow" 這個(gè)屬性（圖4）；
刪除：不需要的導(dǎo)航，直接單擊導(dǎo)航后面“刪除”按鈕即可（圖4）；
圖4：

單擊上圖4中“批量添加導(dǎo)航”，彈出可添加的內(nèi)容，支持添加的導(dǎo)航類型有：站內(nèi)頁(yè)面、外部鏈接、頁(yè)面錨點(diǎn)、產(chǎn)品分類、文章分類，詳細(xì)內(nèi)容如下：
站內(nèi)頁(yè)面：即此網(wǎng)站的一個(gè)頁(yè)面，這里會(huì)把除“內(nèi)容”中生成的頁(yè)面（見圖6）以外的所有頁(yè)面都列出來(lái)（例如產(chǎn)品分類、產(chǎn)品詳情、文章分類、文章詳情、下載分類、FAQ分類）供選擇使用，比如產(chǎn)品中心、聯(lián)系我們、新聞動(dòng)態(tài)等，拖動(dòng)下圖5所示的滾動(dòng)條可展示更多站內(nèi)頁(yè)面；
圖5：

圖6：

外部鏈接：可以是本網(wǎng)站以外的鏈接，也可以是除了“站內(nèi)頁(yè)面”那里列出的以外的頁(yè)面，比如：在“內(nèi)容”中生成的頁(yè)面（見圖6）：產(chǎn)品詳情、文章詳情、下載分類、FAQ分類。
操作步驟：?jiǎn)螕簟巴獠挎溄印?-》單擊“新增鏈接”--》輸入鏈接名稱以及鏈接地址（帶http://）--》保存--》在鏈接名稱前面打勾（如下圖7）。
圖7：

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

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

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

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

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

導(dǎo)航選中顏色：支持設(shè)置選中某一個(gè)導(dǎo)航時(shí)的導(dǎo)航文字顏色（見下圖12）；
手機(jī)端展示樣式：手機(jī)端展示樣式是默認(rèn)收起的，因?yàn)檎归_會(huì)把頁(yè)面撐的比較高，但也需要根據(jù)個(gè)人需求來(lái)選擇收起或展開（見下圖12）；
圖12

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

4、保存、預(yù)覽、發(fā)布
設(shè)置好以上內(nèi)容以后要單擊頁(yè)面右上角的“保存”按鈕，目的是把此修改保存到網(wǎng)站后臺(tái)；
然后可以單擊“預(yù)覽”按鈕查看不同終端下展示的效果，如果不合適可以到后臺(tái)再做修改；
如果需要讓訪客也看到，請(qǐng)單擊頁(yè)面右上角的“發(fā)布”按鈕，發(fā)布之后稍等兩分鐘左右即可看網(wǎng)站前臺(tái)展示效果。

根據(jù)需要還可以對(duì)這個(gè)組件做以下操作，具體請(qǐng)單擊以下鏈接了解。

5、單擊查看如何編輯組件的樣式？
組件的“編輯樣式”功能主要可以編輯此組件的以下內(nèi)容：組件背景、組件邊框、組件邊距、文字字號(hào)、顏色等，根據(jù)需求選擇使用；
組件的“編輯樣式”功能操作入口：所有組件的“編輯樣式”功能操作入口都是一樣的，具體操作方法請(qǐng)單擊查看如何編輯組件的樣式？

6、單擊查看如何應(yīng)用組件？
通過(guò)組件的“應(yīng)用組件”功能，可以將當(dāng)前頁(yè)面的組件應(yīng)用到其他頁(yè)面上，因?yàn)樵砩纤鼈兪峭粋€(gè)組件，所以在任何被應(yīng)用到的頁(yè)面上編輯/刪除組件時(shí)，被應(yīng)用的頁(yè)面會(huì)一起變化，這個(gè)是“應(yīng)用組件”和“復(fù)制組件”最本質(zhì)的區(qū)別。此功能經(jīng)常用于面包屑導(dǎo)航、產(chǎn)品分類組件、文章分類組件等。被應(yīng)用過(guò)去的組件會(huì)出現(xiàn)在頁(yè)面的最底端，可以用鼠標(biāo)左鍵按住組件名稱拖動(dòng)到需要的位置；
組件的“應(yīng)用組件”功能操作入口：所有組件的“應(yīng)用組件”功能操作入口都是一樣的，具體操作方法請(qǐng)單擊查看如何應(yīng)用組件？

7、單擊查看如何刪除組件？
如果確定不需要這個(gè)組件了，可以通過(guò)“刪除組件”按鈕把此組件刪除掉，被刪除的組件會(huì)默認(rèn)放到組件回收站中。
組件的“刪除組件”功能操作入口：所有組件的“刪除組件”功能操作入口都是一樣的，具體操作方法請(qǐng)單擊查看如何刪除組件？

8、單擊查看如何恢復(fù)組件？
如果需要恢復(fù)已經(jīng)刪除的組件，可以到組件回收站中，找到對(duì)應(yīng)的組件，然后執(zhí)行【還原】操作，即可恢復(fù)此組件到原有的頁(yè)面上，通常會(huì)位于頁(yè)面的最底端。
恢復(fù)組件的操作入口：所有組件的恢復(fù)功能操作入口都是一樣的，具體請(qǐng)單擊查看如何恢復(fù)組件？