深入了解BoxShop電商主題菜單設(shè)計(jì):打造超級(jí)菜單的終極指南(02)

在上一期中,我們詳細(xì)介紹了如何在BoxShop電商主題中導(dǎo)入演示數(shù)據(jù)。本期我們將進(jìn)一步探討如何設(shè)計(jì)菜單,尤其是如何設(shè)置和定制超級(jí)菜單。菜單是網(wǎng)站導(dǎo)航的重要組成部分,一個(gè)功能強(qiáng)大且美觀的菜單可以極大地提升用戶體驗(yàn)。在這篇文章中,我們將分步驟講解如何在BoxShop主題中創(chuàng)建和設(shè)置超級(jí)菜單,幫助您打造一個(gè)專業(yè)的在線商店導(dǎo)航。

圖片[1]-深入了解BoxShop電商主題菜單設(shè)計(jì):打造超級(jí)菜單的終極指南(02)-光子波動(dòng)網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)
圖片[2]-深入了解BoxShop電商主題菜單設(shè)計(jì):打造超級(jí)菜單的終極指南(02)-光子波動(dòng)網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

如上圖,這是最基本的一二級(jí)菜單,在其他的主題也講述過,不知道的可以查看鏈接

BoxShop主題的菜單是帶超級(jí)菜單的

圖片[3]-深入了解BoxShop電商主題菜單設(shè)計(jì):打造超級(jí)菜單的終極指南(02)-光子波動(dòng)網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

如果想實(shí)現(xiàn)上述的效果則需要設(shè)置超級(jí)菜單,如下圖

圖片[4]-深入了解BoxShop電商主題菜單設(shè)計(jì):打造超級(jí)菜單的終極指南(02)-光子波動(dòng)網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

選擇合適的容器寬度(Columns),還有需要展示的欄目(Display A Widget Area)你可以理解為一個(gè)模塊,需要到小部件(Widgets)設(shè)置,我們接著繼續(xù)講,上圖選擇的是TS Mega Menu Widget Area 1模塊

圖片[5]-深入了解BoxShop電商主題菜單設(shè)計(jì):打造超級(jí)菜單的終極指南(02)-光子波動(dòng)網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

我們找到Appearance(外貌)→Widgets(小部件),就可以找到超級(jí)菜單可以設(shè)置的模塊,如下圖

圖片[6]-深入了解BoxShop電商主題菜單設(shè)計(jì):打造超級(jí)菜單的終極指南(02)-光子波動(dòng)網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

模塊添加的內(nèi)容如下圖

圖片[7]-深入了解BoxShop電商主題菜單設(shè)計(jì):打造超級(jí)菜單的終極指南(02)-光子波動(dòng)網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

上圖是文本加產(chǎn)品加圖片三個(gè)模塊形成的前端效果,如果你覺得不喜歡這里的模版,你可以自定義去添加模塊,如下圖

圖片[8]-深入了解BoxShop電商主題菜單設(shè)計(jì):打造超級(jí)菜單的終極指南(02)-光子波動(dòng)網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

下面我們講述另一種超級(jí)菜單的方法

圖片[9]-深入了解BoxShop電商主題菜單設(shè)計(jì):打造超級(jí)菜單的終極指南(02)-光子波動(dòng)網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

如果要實(shí)現(xiàn)上述的效果,需要設(shè)置如下

圖片[10]-深入了解BoxShop電商主題菜單設(shè)計(jì):打造超級(jí)菜單的終極指南(02)-光子波動(dòng)網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

設(shè)置幾列的規(guī)格,然后在描述里面設(shè)置標(biāo)題和小標(biāo)題,在插入超鏈接,然后設(shè)置整個(gè)菜單的背景

具體設(shè)置我都圈出來了,如上圖

總結(jié):
’通過以上詳細(xì)的步驟,您已經(jīng)掌握了在BoxShop電商主題中設(shè)計(jì)和設(shè)置菜單的方法,尤其是如何創(chuàng)建和定制超級(jí)菜單。一個(gè)設(shè)計(jì)合理的菜單可以極大地提升用戶在網(wǎng)站上的導(dǎo)航體驗(yàn),幫助他們快速找到所需的產(chǎn)品和信息。希望本指南對(duì)您有所幫助,期待您在使用BoxShop主題時(shí)能夠設(shè)計(jì)出一個(gè)既美觀又實(shí)用的菜單。下期我們將繼續(xù)介紹更多關(guān)于BoxShop主題的功能和設(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)論

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