一、如何使用快速導航組件？

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

二、快速導航組件主要有哪些應用場景？

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

快速導航組件的應用案例，請參考如下：
案例1：http://en.anli018.ldyjz.com/，這個案例頁腳位置的“Quick Links”是使用快速導航組件來做的（圖1）；
圖1：

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

三、如何使用快速導航組件？

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

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

2、如何添加快速導航組件？

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

3、如何設置快速導航組件？

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

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

單擊上圖4中“批量添加導航”，彈出可添加的內(nèi)容，支持添加的導航類型有：站內(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：

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

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

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

3.3 在組件的設置中可以設置組件展示的風格

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

導航選中顏色：支持設置選中某一個導航時的導航文字顏色（見下圖12）；
手機端展示樣式：手機端展示樣式是默認收起的，因為展開會把頁面撐的比較高，但也需要根據(jù)個人需求來選擇收起或展開（見下圖12）；
圖12

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

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

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

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

6、單擊查看如何應用組件？
通過組件的“應用組件”功能，可以將當前頁面的組件應用到其他頁面上，因為原理上它們是同一個組件，所以在任何被應用到的頁面上編輯/刪除組件時，被應用的頁面會一起變化，這個是“應用組件”和“復制組件”最本質(zhì)的區(qū)別。此功能經(jīng)常用于面包屑導航、產(chǎn)品分類組件、文章分類組件等。被應用過去的組件會出現(xiàn)在頁面的最底端，可以用鼠標左鍵按住組件名稱拖動到需要的位置；
組件的“應用組件”功能操作入口：所有組件的“應用組件”功能操作入口都是一樣的，具體操作方法請單擊查看如何應用組件？

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

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