瀏覽數(shù)量: 52 作者: 本站編輯 發(fā)布時間: 2018-09-28 來源: 本站
一、什么是高級導(dǎo)航組件?
高級導(dǎo)航組件是一個展示網(wǎng)站核心導(dǎo)航的模塊,通過網(wǎng)站導(dǎo)航將網(wǎng)站主要的一些頁面進(jìn)行層級的劃分并將其關(guān)聯(lián)起來,方便用戶快速在頁面與頁面之間跳轉(zhuǎn)。通過分別編輯PC端和手機(jī)端的導(dǎo)航風(fēng)格可以實現(xiàn)千變?nèi)f化的導(dǎo)航展示效果。
★ 一個網(wǎng)站只能添加一個高級導(dǎo)航組件,實現(xiàn)一套網(wǎng)站導(dǎo)航數(shù)據(jù)的展示,一般添加到網(wǎng)站的頁頭區(qū)域,作為整個網(wǎng)站的導(dǎo)航,為多個頁面的串聯(lián)起著關(guān)鍵的作用。
★ 高級導(dǎo)航組件的設(shè)置項中支持單個或批量添加站內(nèi)頁 面、外部鏈接、頁面錨點(diǎn)、產(chǎn)品分類、文章分類、faq分類、下載分類多種類型的頁面作為導(dǎo)航,可以拖動調(diào)整導(dǎo)航的層級以及調(diào)整導(dǎo)航的順序。
★ 高級導(dǎo)航組件的風(fēng)格中支持選擇多種主導(dǎo)航風(fēng)格、下拉菜單風(fēng)格,每一種風(fēng)格都可以靈活調(diào)整每一個設(shè)置項。高級導(dǎo)航組件堪稱為一個導(dǎo)航編輯器。
二、如何使用高級導(dǎo)航組件?
1、如何查看高級導(dǎo)航組件是否已經(jīng)存在?
如果高級導(dǎo)航組件已經(jīng)存在了,就不需要再添加,直接根據(jù)需要進(jìn)行相關(guān)操作就可以(具體操作見下文所述);
如果你的頁面上需要這個組件,但是還沒有添加,就需要先添加高級導(dǎo)航組件了;怎么判斷頁面上有沒有這個組件?單擊查看如何查看某一塊內(nèi)容是使用什么組件制作的?
2、如何添加高級導(dǎo)航組件?
在頁面上添加組件的方法都是一樣的
添加的組件名稱為“高級導(dǎo)航”,如下圖所示:
3、如何設(shè)置高級導(dǎo)航組件?
3.1 進(jìn)入組件的“設(shè)置”分兩種場景
1)此組件已經(jīng)添加好的場景:進(jìn)入所有這類組件設(shè)置項方法都是一樣的
2)新添加的組件的場景:在添加此組件時會彈出這個組件的的設(shè)置話框。
3.2 在組件的設(shè)置中可以設(shè)置組件展示的內(nèi)容
導(dǎo)航管理:可以根據(jù)需要添加一級導(dǎo)航、添加子導(dǎo)航、編輯導(dǎo)航、刪除導(dǎo)航、更改風(fēng)格等操作,操作入口如下圖所示:
如何添加一級導(dǎo)航?
方法一:在內(nèi)容與風(fēng)格的右邊有個添加導(dǎo)航的加號+,單擊即可進(jìn)入添加導(dǎo)航界面。
選擇導(dǎo)航類型: 根據(jù)需要您可以選擇站內(nèi)頁面、外部鏈接、頁面錨點(diǎn)、產(chǎn)品分類、文章分類、faq分類、下載分類。
站內(nèi)頁面:
您可以在“選擇一個站內(nèi)頁面”選擇一個站內(nèi)頁面,導(dǎo)航名稱會根據(jù)您選擇的站內(nèi)頁面自動更改,如果您需要在點(diǎn)擊這個導(dǎo)航時令其在新窗口打開,您可以在“新窗口打開鏈接”前的方框上打鉤,反之無需打鉤。您可以在“導(dǎo)航圖片”內(nèi)添加圖片(更適應(yīng)于下拉菜單),首次添加這張圖片,需要通過“本地上傳”按鈕傳上來;若之前傳過的圖片,默認(rèn)是保存在資料庫里的,這種情況也可以通過“從資料庫選擇”按鈕到資料庫選擇這張圖片;如果誤操作或不再需要導(dǎo)航圖片點(diǎn)擊“清除”即可;
外部鏈接:
包括實際存在的鏈接和空鏈接(空鏈接可以實現(xiàn)點(diǎn)擊此導(dǎo)航時頁面沒有任何反應(yīng)的需求)兩種類型。
點(diǎn)擊選擇外部鏈接的URL后藍(lán)色的“新增鏈接”,即在URL欄中出現(xiàn)http://,根據(jù)需要,您可以填完整URL欄及導(dǎo)航名稱,如果您需要在點(diǎn)擊這個導(dǎo)航時令其在新窗口打開,您可以在“新窗口打開鏈接”前的方框上打鉤,反之無需打鉤。根據(jù)需要,您可以點(diǎn)擊“選擇圖標(biāo)”選擇合適的導(dǎo)航圖標(biāo);也可以在“導(dǎo)航圖片”內(nèi)添加圖片,首次添加這張圖片,需要通過“本地上傳”按鈕傳上來;若之前傳過的圖片,默認(rèn)是保存在資料庫里的,這種情況也可以通過“從資料庫選擇”按鈕到資料庫選擇這張圖片;如果誤操作或不再需要導(dǎo)航圖片點(diǎn)擊“清除”即可;
外部鏈接-->新增鏈接:
外部鏈接-->新增空鏈接:
點(diǎn)擊選擇外部鏈接的URL后藍(lán)色的“新增空鏈接”,即在URL欄中出現(xiàn)javascript:;,此URL不需要修改;如果您需要在點(diǎn)擊這個導(dǎo)航時令其在新窗口打開,您可以在“新窗口打開鏈接”前的方框上打鉤,反之無需打鉤。根據(jù)需要,您可以點(diǎn)擊“選擇圖標(biāo)”選擇合適的導(dǎo)航圖標(biāo);也可以在“導(dǎo)航圖片”內(nèi)添加圖片,首次添加這張圖片,需要通過“本地上傳”按鈕傳上來;若之前傳過的圖片,默認(rèn)是保存在資料庫里的,這種情況也可以通過“從資料庫選擇”按鈕到資料庫選擇這張圖片;如果誤操作或不再需要導(dǎo)航圖片點(diǎn)擊“清除”即可;
頁面錨點(diǎn):
根據(jù)需要您可以在已有的錨點(diǎn)中選擇,導(dǎo)航名稱自動生成也可根據(jù)需要修改;如果您需要在點(diǎn)擊這個導(dǎo)航時令其在新窗口打開,您可以在“新窗口打開鏈接”前的方框上打鉤,反之無需打鉤。根據(jù)需要,您可以點(diǎn)擊“選擇圖標(biāo)”選擇合適的導(dǎo)航圖標(biāo);也可以在“導(dǎo)航圖片”內(nèi)添加圖片,首次添加這張圖片,需要通過“本地上傳”按鈕傳上來;若之前傳過的圖片,默認(rèn)是保存在資料庫里的,這種情況也可以通過“從資料庫選擇”按鈕到資料庫選擇這張圖片;如果誤操作或不再需要導(dǎo)航圖片點(diǎn)擊“清除”即可;
產(chǎn)品分類:
根據(jù)需要您可以在已有的產(chǎn)品分類中選擇,導(dǎo)航名稱自動生成也可根據(jù)需要修改;如果您需要在點(diǎn)擊這個導(dǎo)航時令其在新窗口打開,您可以在“新窗口打開鏈接”前的方框上打鉤,反之無需打鉤。根據(jù)需要,您可以點(diǎn)擊“選擇圖標(biāo)”選擇合適的導(dǎo)航圖標(biāo);也可以在“導(dǎo)航圖片”內(nèi)添加圖片,首次添加這張圖片,需要通過“本地上傳”按鈕傳上來;若之前傳過的圖片,默認(rèn)是保存在資料庫里的,這種情況也可以通過“從資料庫選擇”按鈕到資料庫選擇這張圖片;如果誤操作或不再需要導(dǎo)航圖片點(diǎn)擊“清除”即可;
文章分類:
根據(jù)需要您可以在已有的文章分類中選擇,導(dǎo)航名稱自動生成也可根據(jù)需要修改;如果您需要在點(diǎn)擊這個導(dǎo)航時令其在新窗口打開,您可以在“新窗口打開鏈接”前的方框上打鉤,反之無需打鉤。根據(jù)需要,您可以點(diǎn)擊“選擇圖標(biāo)”選擇合適的導(dǎo)航圖標(biāo);也可以在“導(dǎo)航圖片”內(nèi)添加圖片,首次添加這張圖片,需要通過“本地上傳”按鈕傳上來;若之前傳過的圖片,默認(rèn)是保存在資料庫里的,這種情況也可以通過“從資料庫選擇”按鈕到資料庫選擇這張圖片;如果誤操作或不再需要導(dǎo)航圖片點(diǎn)擊“清除”即可;
faq分類:
根據(jù)需要您可以在已有的faq分類中選擇,導(dǎo)航名稱自動生成也可根據(jù)需要修改;如果您需要在點(diǎn)擊這個導(dǎo)航時令其在新窗口打開,您可以在“新窗口打開鏈接”前的方框上打鉤,反之無需打鉤。根據(jù)需要,您可以點(diǎn)擊“選擇圖標(biāo)”選擇合適的導(dǎo)航圖標(biāo);也可以在“導(dǎo)航圖片”內(nèi)添加圖片,首次添加這張圖片,需要通過“本地上傳”按鈕傳上來;若之前傳過的圖片,默認(rèn)是保存在資料庫里的,這種情況也可以通過“從資料庫選擇”按鈕到資料庫選擇這張圖片;如果誤操作或不再需要導(dǎo)航圖片點(diǎn)擊“清除”即可;
下載分類:
根據(jù)需要您可以在已有的下載分類中選擇,導(dǎo)航名稱自動生成也可根據(jù)需要修改;如果您需要在點(diǎn)擊這個導(dǎo)航時令其在新窗口打開,您可以在“新窗口打開鏈接”前的方框上打鉤,反之無需打鉤。根據(jù)需要,您可以點(diǎn)擊“選擇圖標(biāo)”選擇合適的導(dǎo)航圖標(biāo);也可以在“導(dǎo)航圖片”內(nèi)添加圖片,首次添加這張圖片,需要通過“本地上傳”按鈕傳上來;若之前傳過的圖片,默認(rèn)是保存在資料庫里的,這種情況也可以通過“從資料庫選擇”按鈕到資料庫選擇這張圖片;如果誤操作或不再需要導(dǎo)航圖片點(diǎn)擊“清除”即可;
方法二及添加自定義導(dǎo)航:在內(nèi)容與風(fēng)格的右邊有個閃電符號,單擊即可進(jìn)入添加導(dǎo)航界面。
可以在站內(nèi)頁面、外部鏈接、頁面錨點(diǎn)、產(chǎn)品分類、文章分類、faq分類、下載分類單獨(dú)選擇,如在此都沒有所需導(dǎo)航,可點(diǎn)擊右邊“添加自定義頁面”,即出現(xiàn)頁面設(shè)置界面,可根據(jù)所需填寫頁面名稱,具體可點(diǎn)擊藍(lán)色字條“設(shè)置頁面名稱時需要注意什么”了解設(shè)置頁面名稱注意點(diǎn)與方法,頁面URL自行生成,同時根據(jù)需要可以設(shè)置訪問權(quán)限;
文字設(shè)置:在此您可以設(shè)置導(dǎo)航的文字大小、文字間距、文字高度、字體、字體顏色、大小寫轉(zhuǎn)換(無變化、首字母大寫、全大寫、全小寫)、文字對齊方式(左對齊、居中、右對齊、兩端對齊)及文字樣式(加粗、斜體、下劃線);
導(dǎo)航項設(shè)置:可以設(shè)置導(dǎo)航項上下左右的邊框、圓角程度以及導(dǎo)航項上下左右的內(nèi)邊距及外邊距,方法與導(dǎo)航條設(shè)置一致;
分隔符設(shè)置:根據(jù)需要您可以對分隔符進(jìn)行設(shè)置,分為默認(rèn)、自定義、隱藏;默認(rèn)可更改顏色,自定義可以更改顏色還可以本地上傳圖片;自定義圖片的顯示樣式可通過平鋪方式(平鋪、橫向平鋪、縱向平鋪、不平鋪)、平鋪位置(垂直居中、底部居中、頂部居中、左居中、右居中、左上方、右上方、左下方、右下方)及背景尺寸(原始尺寸、填充、適應(yīng))來調(diào)節(jié);也可選擇隱藏不顯示;
下拉箭頭設(shè)置:根據(jù)需要您可以對下拉箭頭進(jìn)行設(shè)置,分為默認(rèn)、自定義、隱藏;默認(rèn)可更改顏色,自定義可以更改顏色還可以本地上傳圖片;自定義圖片的顯示樣式可通過平鋪方式(平鋪、橫向平鋪、縱向平鋪、不平鋪)、平鋪位置(垂直居中、底部居中、頂部居中、左居中、右居中、左上方、右上方、左下方、右下方)及背景尺寸(原始尺寸、填充、適應(yīng))來調(diào)節(jié);也可選擇隱藏不顯示;
保存、預(yù)覽、發(fā)布
設(shè)置好以上內(nèi)容以后要單擊頁面右上角的“保存”按鈕,目的是把此修改保存到網(wǎng)站后臺;
然后可以單擊“預(yù)覽”按鈕查看不同終端下展示的效果,如果不合適可以到后臺再做修改;
如果需要讓訪客也看到,請單擊頁面右上角的“發(fā)布”按鈕,發(fā)布之后稍等兩分鐘左右即可看網(wǎng)站前臺展示效果。