導航是網站中應用(yòng)最廣泛的(de)基礎元素之一,引導用(yòng)戶了(le)解到網站的(de)内容結構進而找到所求。導航的(de)最重要的(de)作用(yòng)就是将網站的(de)内容信息友好地展示給用(yòng)戶。在确定好網站的(de)信息架構後,應當按需所取适當的(de)導航樣式。
使用(yòng)導航組件,打開微魔方設計器組件标簽,選擇一個(gè)橫向或者豎向導航拖拽至畫(huà)布,導航組件預設數據是當前站點的(de)所有頁面,包括頁面的(de)層級關系。
橫向導航預設了(le)兩種樣式,一種是藍色背景有邊框,另外一種是無背景的(de)橙色系列,您可(kě)以通(tōng)過樣式設置面闆的(de)最頂部,點擊下(xià)拉箭頭切換,如下(xià)圖:
導航組件的(de)樣式設置,包含了(le)默認、當前、懸停三個(gè)分(fēn)類。分(fēn)别可(kě)以設置常規狀态下(xià)、選中的(de)當前導航樣式以及鼠标懸停狀态下(xià)的(de)樣式。樣式包括文字、背景、邊框等,具體的(de)設置操作請參考組件常用(yòng)設置。
如果您需要更改導航内容,打開導航組件的(de)設置面闆,點擊最右側的(de)“内容”标簽,如下(xià)圖:
在“内容”标簽頁内,您可(kě)以看到預置的(de)導航頁面數據。鼠标移到數據上,出現删除和(hé)修改按鈕,點擊對(duì)應的(de)按鈕進行删除或者修改操作;鼠标移動到數據前方的(de)橫線圖标處,當鼠标變爲十字型時(shí),您可(kě)以鼠标左鍵點中這(zhè)條數據進行拖動,改變導航數據的(de)前後關系和(hé)層級關系。編輯導航數據的(de)界面如下(xià)圖:
您可(kě)以更改導航上數據的(de)顯示文字、導航的(de)鏈接以及鏈接跳轉,鏈接的(de)設置請參考按鈕組件設置。特别提醒的(de)是:如果您更改了(le)網站頁面的(de)鏈接地址,增加或删除了(le)頁面,您需要對(duì)之前的(de)導航組件内容做(zuò)相應的(de)改動,更改過的(de)頁面才能在導航組件内生效。