如何設(shè)置Avada主題中的菜單和超級(jí)菜單:詳細(xì)教程(02)

歡迎大家來(lái)到本期教程,今天我們將為大家詳細(xì)講述如何在 Avada 主題中設(shè)置普通菜單和超級(jí)菜單(Mega Menu)。盡管普通菜單的設(shè)置比較簡(jiǎn)單,我們不再贅述,想了解的朋友可以參考 Basel 主題的菜單設(shè)置。本次重點(diǎn)講解的是超級(jí)菜單,Avada 新版更新后的超級(jí)菜單讓設(shè)置變得更加方便和靈活。無(wú)論你是新手還是有一定經(jīng)驗(yàn)的用戶,這篇文章都會(huì)為你提供實(shí)用的操作步驟和技巧。

步驟:網(wǎng)站后端→Appearance→Menus

圖片[1]-如何設(shè)置Avada主題中的菜單和超級(jí)菜單:詳細(xì)教程(02)-光子波動(dòng)網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

那么Avada的超級(jí)菜單怎么設(shè)置了,有兩種方法,在Avada更新后,新的超級(jí)菜單更方便

步驟:網(wǎng)站后端→Avada->工作室(studio)->超級(jí)菜單(Mega Menus)

圖片[2]-如何設(shè)置Avada主題中的菜單和超級(jí)菜單:詳細(xì)教程(02)-光子波動(dòng)網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

地方我都圈起來(lái)了,你應(yīng)該不會(huì)找不到的。(如上圖)

圖片[3]-如何設(shè)置Avada主題中的菜單和超級(jí)菜單:詳細(xì)教程(02)-光子波動(dòng)網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

選擇一個(gè)你喜歡的模版,導(dǎo)入就行了,是不是很方便

創(chuàng)建超級(jí)菜單

我知道很多新手完全不會(huì)創(chuàng)建超級(jí)菜單,所以咱們直接導(dǎo)入一個(gè)超級(jí)菜單(Mega Menu)

圖片[4]-如何設(shè)置Avada主題中的菜單和超級(jí)菜單:詳細(xì)教程(02)-光子波動(dòng)網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

選擇一個(gè)合適的,這是我隨機(jī)挑選的一個(gè)

圖片[5]-如何設(shè)置Avada主題中的菜單和超級(jí)菜單:詳細(xì)教程(02)-光子波動(dòng)網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

調(diào)整好后,導(dǎo)入就行

修改超級(jí)菜單

導(dǎo)入后你可能還是找不到超級(jí)菜單在哪進(jìn)入前臺(tái)來(lái)修改。

步驟:Avada→Library→Mega Menu(type)

圖片[6]-如何設(shè)置Avada主題中的菜單和超級(jí)菜單:詳細(xì)教程(02)-光子波動(dòng)網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

不用管超級(jí)菜單的名字,如上圖,這是我創(chuàng)建的,如果你導(dǎo)入的是那個(gè)模版就是顯示模版的名稱

讓前端顯示超級(jí)菜單

做好一個(gè)超級(jí)菜單,可不能直接顯示在前臺(tái),還需要我們?cè)诤笈_(tái)的菜單里面簡(jiǎn)單設(shè)置一下。

由于我想讓這個(gè)超級(jí)菜單顯示在Product center下,也就是你看到網(wǎng)站上的圖片,所以點(diǎn)擊圖中位置

圖片[7]-如何設(shè)置Avada主題中的菜單和超級(jí)菜單:詳細(xì)教程(02)-光子波動(dòng)網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

接下來(lái),選擇你想要的超級(jí)菜單,最后保存整個(gè)菜單,這樣你的網(wǎng)站前臺(tái)就可以顯示出超級(jí)菜單了,是不是很簡(jiǎn)單。

不過(guò)要吐槽一下,如果你使用的是 Elementor,在購(gòu)買了超級(jí)菜單插件后,還需要手動(dòng)逐步添加和修改樣式,確實(shí)有些麻煩!

圖片[8]-如何設(shè)置Avada主題中的菜單和超級(jí)菜單:詳細(xì)教程(02)-光子波動(dòng)網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)
圖片[9]-如何設(shè)置Avada主題中的菜單和超級(jí)菜單:詳細(xì)教程(02)-光子波動(dòng)網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

其他的選項(xiàng)大家根據(jù)需要調(diào)整,如果導(dǎo)入的是模版,為了不破壞模版的效果,修改圖片和文字即可。點(diǎn)擊保持(SAVE)

圖片[10]-如何設(shè)置Avada主題中的菜單和超級(jí)菜單:詳細(xì)教程(02)-光子波動(dòng)網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

最后點(diǎn)擊保持(Save Menu)菜單

舊版超級(jí)菜單

這里根據(jù)你的需要來(lái),你要問(wèn)我有什么區(qū)別,那就是新版就是導(dǎo)入模版修改,舊版需要你自己一個(gè)一個(gè)調(diào)出來(lái)

有的朋友可能還想用原來(lái)的超級(jí)菜單,說(shuō):哎呀,我就喜歡原來(lái)的小工具,一點(diǎn)點(diǎn)做出來(lái)的超級(jí)菜單,那你就可以點(diǎn)擊性能,然后打開(kāi)舊版的超級(jí)菜單。

步驟Avada→Performance(表現(xiàn))→Features(特征)→Legacy Mega Menu(舊版超級(jí)菜單)

圖片[11]-如何設(shè)置Avada主題中的菜單和超級(jí)菜單:詳細(xì)教程(02)-光子波動(dòng)網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

具體怎么創(chuàng)建呢?如下圖,打比方這有三個(gè)二級(jí)菜單

圖片[12]-如何設(shè)置Avada主題中的菜單和超級(jí)菜單:詳細(xì)教程(02)-光子波動(dòng)網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

我們把1,2,3比作A,B,C,來(lái)到Widgets(小工具)這里先創(chuàng)建

圖片[13]-如何設(shè)置Avada主題中的菜單和超級(jí)菜單:詳細(xì)教程(02)-光子波動(dòng)網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

然后回到菜單,點(diǎn)擊Avada Menu Options(超級(jí)菜單)

圖片[14]-如何設(shè)置Avada主題中的菜單和超級(jí)菜單:詳細(xì)教程(02)-光子波動(dòng)網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)
圖片[15]-如何設(shè)置Avada主題中的菜單和超級(jí)菜單:詳細(xì)教程(02)-光子波動(dòng)網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

這里面主要是三項(xiàng)要設(shè)置如下:
Fusion Mega Menu超級(jí)菜單:on開(kāi)啟;
Mega Menu Wrapper Width超級(jí)菜單寬度:max width最大寬度還是 fit content適合內(nèi)容,這個(gè)你可以每一個(gè)都試試,看看效果怎么樣,對(duì)比后再做選擇:
Mega Menu Number of Columns超級(jí)菜單列數(shù):你想添加幾列 mega菜單?圖片這里是 3列,最多可以 6列。
設(shè)置完后一定要記得回到【菜單結(jié)構(gòu)】這個(gè)頁(yè)面的右側(cè)點(diǎn)擊【保存菜單】,否則這一步都白干了,每次改動(dòng)菜單后都要保存,就不多講了

圖片[16]-如何設(shè)置Avada主題中的菜單和超級(jí)菜單:詳細(xì)教程(02)-光子波動(dòng)網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

來(lái)到【外觀】【小工具】,從左側(cè)拖拽一個(gè)【文本】到右側(cè)已經(jīng)添加好的小工具A中,小工具A 切換到文本模式,粘貼代碼,再切換到可視化模式,看到居中的圖片,沒(méi)問(wèn)題了就保存。,另外兩個(gè)也是一樣的

最后做一個(gè)說(shuō)一下總結(jié)

新手直接選用新版的超級(jí)菜單就行了,簡(jiǎn)單直接好看

如果對(duì)于Avada的老用戶來(lái)說(shuō),還是習(xí)慣老版的超級(jí)菜單,可以去用,但效果還是差點(diǎn)的

總結(jié)

通過(guò)本次教程,我們?cè)敿?xì)講解了如何在 Avada 主題中設(shè)置和修改超級(jí)菜單,無(wú)論你選擇導(dǎo)入現(xiàn)有模板還是使用舊版的手動(dòng)設(shè)置方式,都可以輕松創(chuàng)建適合自己網(wǎng)站的菜單布局。希望這些方法能夠幫助你快速上手。如果你是新手,建議直接使用新版超級(jí)菜單,簡(jiǎn)單又高效。感謝你的閱讀,下一期我們將為大家?guī)?lái)更多關(guān)于 Avada 主題的實(shí)用技巧,敬請(qǐng)期待!


聯(lián)系我們
教程看不懂?聯(lián)系我們?yōu)槟赓M(fèi)解答!免費(fèi)助力個(gè)人,小企站點(diǎn)!
客服微信
客服微信
電話:020-2206-9892
QQ咨詢:1025174874
郵件:info@361sale.com
工作時(shí)間:周一至周五,9:30-18:30,節(jié)假日休息
? 轉(zhuǎn)載聲明
本文作者:Harry
THE END
喜歡就支持一下吧
點(diǎn)贊0 分享
評(píng)論 搶沙發(fā)

請(qǐng)登錄后發(fā)表評(píng)論

    暫無(wú)評(píng)論內(nèi)容