通過編輯頁面左側(cè)的“添加模塊”按鈕, 將導(dǎo)航欄模塊拖到編輯頁面上。
拖放成功后, 導(dǎo)航欄出現(xiàn)在頁面上,您可以隨時(shí)自行調(diào)節(jié)導(dǎo)航條的位置。
導(dǎo)航條添加成功后,如果不喜歡默認(rèn)的樣式或者顏色,您可以對(duì)這些進(jìn)行調(diào)整。導(dǎo)航條的工具條上有多個(gè)功能,我們會(huì)重點(diǎn)說一下第3個(gè)至6個(gè)功能:
a.導(dǎo)航類型:
本地導(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)航,分為橫向和縱向?qū)Ш剑糠N類別都有對(duì)應(yīng)多種顏色選擇,同時(shí)提供子菜單可以向上或者向左的導(dǎo)航樣式。
超大屏自定義導(dǎo)航
可用版本:PC基礎(chǔ)版、PC標(biāo)準(zhǔn)版、PC營銷版
功能描述:新增超級(jí)大屏自定義導(dǎo)航樣式,支持子菜單自定義內(nèi)容編輯,鼠標(biāo)懸停一級(jí)菜
單可看到子菜單向下展開效果。
導(dǎo)航樣式自由設(shè)置,擁有更好的用戶體驗(yàn)。滿足設(shè)計(jì)創(chuàng)意型網(wǎng)站對(duì)子菜單的風(fēng)格需求。
左邊的樣式菜單中您可以選擇喜歡的導(dǎo)航欄樣式。我們選擇藍(lán)色的那一款樣式。
菜單編輯:
點(diǎn)擊“菜單編輯”,會(huì)打開“頁面管理”中的頁面菜單(左上角),在這里,可以用鼠標(biāo)拖拽的方式調(diào)整頁面的順序。
樣式:
樣式就是導(dǎo)航條的樣式,從這里選擇的都是本地導(dǎo)航,已經(jīng)設(shè)計(jì)好供選擇的:
樣式設(shè)置:
如何改變導(dǎo)航欄顏色、字號(hào)、間距、及下拉菜單樣式,建站系統(tǒng)導(dǎo)航欄的樣式設(shè)置功能非常強(qiáng)大, 點(diǎn)擊導(dǎo)航條樣式設(shè)置按鈕(紅框位置)。
在這里您可以對(duì)主菜單及下拉菜單的樣式進(jìn)行全方位的調(diào)整與設(shè)置, 屬于導(dǎo)航條的進(jìn)階應(yīng)用功能. 具體的功能操作大家可以在實(shí)踐中熟悉和體會(huì), 我們把幾個(gè)概念在下面解釋一下:
全局設(shè)置:整條導(dǎo)航欄的整體部分,這個(gè)將在最底層,效果不明顯,因?yàn)闀?huì)被其他層面遮擋。
主菜單:即打開網(wǎng)頁看到的導(dǎo)航欄菜單, 導(dǎo)航欄上一般是我們的各頁面的名字。
主菜單懸停:即當(dāng)鼠標(biāo)放在導(dǎo)航欄上時(shí), 導(dǎo)航欄上的的變化設(shè)置。
子菜單:即主菜單下的下拉子菜單 (子頁面)。 子菜單懸停:即當(dāng)鼠標(biāo)放在子菜單上時(shí), 子菜單的變化設(shè)置。
屬性:
導(dǎo)航欄的屬性設(shè)置和文本模塊、圖片模塊的使用是完全一樣的。
邊框:
a.導(dǎo)航欄四周的邊框,可設(shè)實(shí)線、虛線,可選擇實(shí)線/虛線的顏色,粗細(xì)
b.圓角設(shè)置:導(dǎo)航欄的四角挫圓
c.頁腳元素:在前面那個(gè)框打上勾后,就能進(jìn)入網(wǎng)站的最底部,而不是往下壓。
常用:旋轉(zhuǎn):如導(dǎo)航欄鋪滿整個(gè)頁面的話,旋轉(zhuǎn)效果會(huì)異常,因?yàn)椴粔蚩臻g來移動(dòng)。這時(shí),就需要把導(dǎo)航欄縮小并居中。
背景:導(dǎo)航背景更換,效果將顯示在導(dǎo)航欄的全局
1.創(chuàng)建二級(jí)頁面(子頁面):
假如我們要添加一個(gè)叫“最新動(dòng)態(tài)”的頁面做為“行業(yè)新聞”的二級(jí)頁面, 可按以下方法操作:同上點(diǎn)擊“創(chuàng)建新頁面”, 打開新增頁面的對(duì)話框。
在所屬主頁下拉框中選中“行業(yè)新聞”, 表明當(dāng)前正在創(chuàng)建的頁面是“行業(yè)新聞”頁面的下級(jí)頁面。然后點(diǎn)保存,創(chuàng)建成功。這時(shí)我們?cè)倏粗暗膶?dǎo)航欄, 在“行業(yè)新聞”下已經(jīng)出現(xiàn)了一個(gè)二級(jí)頁面了。如下圖:
2.如何將頁面在導(dǎo)航欄上隱藏:
在頁面管理里點(diǎn)中下圖紅框位置“眼晴”圖樣, 即可讓頁面在導(dǎo)航欄上隱藏, 再次點(diǎn)擊就會(huì)顯示, 非常簡單。