網(wǎng)站導(dǎo)航分為內(nèi)置導(dǎo)航和自由設(shè)計導(dǎo)航兩種模式,常用導(dǎo)航設(shè)置如下:
1 內(nèi)置導(dǎo)航版塊的使用
內(nèi)置導(dǎo)航版塊是系統(tǒng)中開發(fā)好的響應(yīng)式內(nèi)置導(dǎo)航頭部,每個版塊都已經(jīng)設(shè)計好了較為固定的風(fēng)格,提供了基本的樣式設(shè)置對顏色和功能進行調(diào)整。內(nèi)置導(dǎo)航版塊能快速設(shè)計站點導(dǎo)航,點擊頭部版塊切換設(shè)計查看目前已有的導(dǎo)航版塊效果。例如通用企業(yè)風(fēng)格導(dǎo)航、商城風(fēng)格導(dǎo)航、下拉產(chǎn)品風(fēng)格、logo不同位置風(fēng)格等,切換任何版塊可以快速運用相應(yīng)效果,并且導(dǎo)航菜單設(shè)置能保持不變。

注意需要區(qū)分當前版塊是否是全局頭部,全局頭部版塊帶有黃色邊框,如果沒有看到導(dǎo)航版塊或者全局版塊,可以在左側(cè)頁面設(shè)置 -> 頁面布局里開啟全局頭部,否則使用普通頁頭版塊設(shè)計的導(dǎo)航不能自動同步到其他頁面使用,除非當前頁面要自定義導(dǎo)航效果。

內(nèi)置導(dǎo)航的菜單編輯可以直接選中菜單進入編輯面板,二三級菜單需要橫向拖拽控制層級(部分導(dǎo)航才支持三級菜單,層級太深影響用戶體驗)

版塊設(shè)置里除了樣式設(shè)置,需要注意的是導(dǎo)航類型和導(dǎo)航寬度設(shè)置,導(dǎo)航類型里部分導(dǎo)航帶了固定效果,可以控制導(dǎo)航在滾動的時候始終固定在頂部,另外還有浮動效果可以讓導(dǎo)航浮動顯示在輪播圖或者banner大圖上方,官網(wǎng)首頁帶大圖輪播時這種效果比較常見。
導(dǎo)航寬度設(shè)置則是內(nèi)置版塊在展示時的內(nèi)容區(qū)寬度控制,可以自動撐滿整個屏幕,或者只顯示在頁面設(shè)置的內(nèi)容區(qū)寬度。

2 自由元素設(shè)計定制導(dǎo)航
內(nèi)置版塊數(shù)量有限,如果風(fēng)格不能滿足需求,需要使用空白版塊結(jié)合元素設(shè)計自定義導(dǎo)航效果。常用的元素包括元素 -> 系統(tǒng) -> LOGO控件和元素 -> 菜單里面的元素組件。

與內(nèi)置版塊一樣,自由設(shè)計菜單通用支持浮動和吸頂模式,在導(dǎo)航設(shè)置里切換設(shè)置體驗不同的效果差異,如果要設(shè)置浮動建議設(shè)計好之后再切換成浮動效果,否則無法直接點擊選中版塊需要在左側(cè)頁面視圖里選中頭部版塊。
自由設(shè)計比較靈活,按照想要的設(shè)計效果進行自由設(shè)計即可,如果有復(fù)雜的下拉菜單顯示效果,可以搭配選項卡元素來設(shè)計,具體參考選項卡設(shè)計教程。
3 底部導(dǎo)航菜單
底部導(dǎo)航一般會帶有頁面重要的鏈接,方便用戶快速找到相應(yīng)頁面,另外還有友情鏈接等。底部導(dǎo)航可以直接使用文本來設(shè)計,給每個文本添加鏈接即可。如智能云官網(wǎng)底部導(dǎo)航效果
