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

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

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

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

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

（2）菜單編輯

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

（3）樣式

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

（4）樣式設(shè)置

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

（5）屬性

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

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

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

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

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