如何添加導(dǎo)航菜單模塊？

發(fā)布時間:2017-03-04 18:18:27   瀏覽人數(shù): 75216 次  

導(dǎo)航菜單一般放在網(wǎng)站的共享頭部區(qū)域，可讓用戶快速選擇進(jìn)入對應(yīng)的網(wǎng)站欄目頁面，進(jìn)入網(wǎng)站編輯，選擇左側(cè)工具欄的【+】，選擇導(dǎo)航菜單，找到適合的風(fēng)格，拖動到網(wǎng)站的共享頭部，如下圖： 

雙擊模塊，進(jìn)入常規(guī)屬性面板，可進(jìn)行常規(guī)屬性設(shè)置以及勾選欄目電腦/手機端是否顯示，如下圖： 

進(jìn)入樣式設(shè)置，選擇默認(rèn)效果，可以分別設(shè)置一級/二級/三級菜單的默認(rèn)樣式效果，如下圖：

進(jìn)入樣式設(shè)置，選擇鼠標(biāo)經(jīng)過/選中樣式，可分別設(shè)置一級/二級/三級菜單的鼠標(biāo)經(jīng)過/選中樣式，如下圖：

分別切換到平板/手機端設(shè)置導(dǎo)航模塊的默認(rèn)效果和鼠標(biāo)經(jīng)過/選中效果，設(shè)置好后，點擊右上角的預(yù)覽網(wǎng)站可直接預(yù)覽到效果，如下圖：

點擊欄目管理，進(jìn)入欄目設(shè)置彈窗，可設(shè)置欄目隱藏/顯示、修改欄目名稱、修改欄目文件名、調(diào)整欄目排序等操作，如下圖：

1、如預(yù)覽網(wǎng)站的時候下拉菜單出現(xiàn)被遮擋，是因為導(dǎo)航模塊的層高低于下面一個區(qū)域布局的層高，可設(shè)置導(dǎo)航模塊進(jìn)入全局，將模塊的層高設(shè)置為更高即可；