通過編輯頁面左側(cè)的“添加模塊”按鈕, 將導(dǎo)航欄模塊拖到編輯頁面上。

拖拽后的效果如圖，為了方便查看，我們將之前的導(dǎo)航欄隱藏到下面的層，使用，然后將剛剛的導(dǎo)航欄放到指定位置。

（1）導(dǎo)航類型

本地導(dǎo)航/自定義導(dǎo)航本地導(dǎo)航--我們事先已經(jīng)設(shè)置好的導(dǎo)航的樣式，具體的挑選可以在“樣式”功能處選擇。自定義導(dǎo)航—您可以自行設(shè)計自己需要的導(dǎo)航模式，這個會需要比較多的時間，一般都會選擇使用本地導(dǎo)航，本地導(dǎo)航中目前有178種，分為橫向和縱向?qū)Ш焦?大類，每種類別都有對應(yīng)多種顏色選擇，同時提供子菜單可以向上或者向左的導(dǎo)航樣式。

超級大屏自定義導(dǎo)航，提供一種比較寬的導(dǎo)航，具體功能菜單需要您自行編輯。

（2）菜單編輯

點(diǎn)擊“菜單編輯”，會打開“頁面管理”中的頁面菜單(左上角)，在這里，可以用鼠標(biāo)拖拽的方式調(diào)整頁面的順序。

（3）樣式

樣式就是導(dǎo)航條的樣式，從這里選擇的都是本地導(dǎo)航，已經(jīng)設(shè)計好供選擇的：

（4）樣式設(shè)置

具體編輯方式參考：http://www.ps-sw.cn/faq/list.asp?unid=1244

（5）屬性

導(dǎo)航欄的屬性設(shè)置和文本模塊、圖片模塊的使用是完全一樣的。

邊框： 
a.導(dǎo)航欄四周的邊框，可設(shè)實線、虛線，可選擇實線/虛線的顏色，粗細(xì) 
b.圓角設(shè)置：導(dǎo)航欄的四角挫圓 
c.頁腳元素：在前面那個框打上勾后，就能進(jìn)入網(wǎng)站的最底部，而不是往下壓。 
常用：旋轉(zhuǎn)：如導(dǎo)航欄鋪滿整個頁面的話，旋轉(zhuǎn)效果會異常，因為不夠空間來移動。這時，就需要把導(dǎo)航欄縮小并居中。 
背景：導(dǎo)航背景更換，效果將顯示在導(dǎo)航欄的全局

假如我們要添加一個叫“產(chǎn)品分類”的頁面做為“產(chǎn)品中心”的二級頁面, 可按以下方法操作：同上點(diǎn)擊“創(chuàng)建新頁面”（或者對應(yīng)主頁面后面的+）, 打開新增頁面的對話框。名稱填寫子頁面名稱。上級頁面選擇產(chǎn)品中心。

保存后可以看見產(chǎn)品中心下有新增的產(chǎn)品分類子頁面。（如果提示選擇底板建議選擇common默認(rèn)的站點(diǎn)底板）

如需不顯示這個子頁面，可以在頁面管理中點(diǎn)擊眼睛的圖標(biāo)，即可隱藏。