如何设置导航栏菜单(Basel主题,其他主题个别会有差异)(02)

在本教程中,我们将详细介绍如何在WordPress网站上创建和管理菜单。通过遵循以下步骤,您可以轻松设置和自定义网站的导航栏,以提高用户体验和网站的可用性。如果在操作过程中有任何疑问,请随时联系我们,我们将竭诚为您提供帮助。

1.步骤Appearance→Menus

图片[1]-如何设置导航栏菜单(Basel主题,其他主题个别会有差异)(02)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

进入菜单页面

图片[2]-如何设置导航栏菜单(Basel主题,其他主题个别会有差异)(02)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

接下来我们了解各种菜单的区别

2.步骤Select a menu to edit:→点击旁边的框

图片[3]-如何设置导航栏菜单(Basel主题,其他主题个别会有差异)(02)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

Categories:分类菜单,列如产品分类或者其他的一些分类,如果前端是全屏海报的首页,无需理会

Main navgatio:主导航(主菜单),可以理解为主导航,首页导航栏

Menu 1:可以理解为主菜单的复制

Menu2:可以理解为主菜单的复制

Mobile navigation:移动端菜单,理解为手机端的菜单(导航)

Segment Club:无需理会,默认数据,根据你的需要调整

Top bar:顶栏菜单(导航),不是每个主题都有

这里演示的数据是巴塞尔(Basel)主题,一般导航栏有主菜单和移动端菜单就可以了,根据需要调整

图片[4]-如何设置导航栏菜单(Basel主题,其他主题个别会有差异)(02)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

图一

图片[5]-如何设置导航栏菜单(Basel主题,其他主题个别会有差异)(02)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

图二

注:Categories:图一的前端则无需理会,图二的就需要设置

3. 步骤点击create a new menu可以创建新菜单

图片[6]-如何设置导航栏菜单(Basel主题,其他主题个别会有差异)(02)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应
图片[7]-如何设置导航栏菜单(Basel主题,其他主题个别会有差异)(02)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

如果需要图像或者商品展示,则需要单独创建页面添加到菜单,但网站一般讲究快,所以这种图形以及商品只会拖慢网站的打开速度,一般只需要正常的一级菜单和二级菜单或者三级菜单就行了

一级→二级-三级(菜单示范)

4.步骤只需要把框向右拖动,如下图,就是三个级别的菜单样式

图片[8]-如何设置导航栏菜单(Basel主题,其他主题个别会有差异)(02)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应
图片[9]-如何设置导航栏菜单(Basel主题,其他主题个别会有差异)(02)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

菜单的左侧会有许多选项以便你添加
Pages:网站的页面,列如隐私政策或者联系,关于我们,这些主页面等等

Posts:就是网站的文章了,也就是博客

HEML:属于简码,一般用不上

Custom Links:自定义链接,可以添加你想要的超链接(就是跳转的网页链接)

Product categories:就是产品的分类

Categories:这里包含网站的所有分类

注:其他分类可以根据翻译,很清楚的了解字面意思,我只说了比较常用的选项

注意:

如果你的MEUS页面左侧没有这么多选项,那是你没有勾选选项
移动到最上方
操作步骤:点击Screen Options

图片[10]-如何设置导航栏菜单(Basel主题,其他主题个别会有差异)(02)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

请全部勾选,或者你也可以根据翻译来调整

图片[11]-如何设置导航栏菜单(Basel主题,其他主题个别会有差异)(02)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

选中一个菜单,我们来添加选项,这里我们演示最基本的导航选项

5.步骤Page→勾选你想要的界面

图片[12]-如何设置导航栏菜单(Basel主题,其他主题个别会有差异)(02)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

一般主导航最基本的选项要有Home(首页),Shop(商店),Cart(购物车), Checkout(结账),My account(我的账户)。还有Blog(博客),这些页面都需要选择主题设置优先级的页面,否则无法展示,如上图。
当然还有关于我们。联系我们的页面,也是同样,根据你的需求选择添加,这两个页面需要自己去创建编辑(有些主题会有默认的,你只需要修改相应的信息就可以了,你自己设计的还不一定有默认的好

你可以在Shop加入一些产品分类,以便用户更好的选择

图片[13]-如何设置导航栏菜单(Basel主题,其他主题个别会有差异)(02)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

如上图所示,没有二级或者三级分类是不会出现右边的箭头的

图片[14]-如何设置导航栏菜单(Basel主题,其他主题个别会有差异)(02)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

添加的界面的名称也是可以更改的,看你的需求,非常的灵活,如上图

6.步骤菜单下方→勾选展示位置

图片[15]-如何设置导航栏菜单(Basel主题,其他主题个别会有差异)(02)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

在菜单的最下方会有展示在那些位置,以及整个菜单的删除和保存,大家可以根据需要更改

图片[16]-如何设置导航栏菜单(Basel主题,其他主题个别会有差异)(02)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

上图显示的是主菜单和手机端是同一个菜单,如果你想要分开,请取消勾选,分别创建主菜单和移动菜单,以两张方式 展示在不同的设备就行了

7.步骤点击Manage Locations

图片[17]-如何设置导航栏菜单(Basel主题,其他主题个别会有差异)(02)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

如上图,这里可以选择主要菜单选择用什么菜单去展示

总结

通过以上步骤,您现在应该能够在WordPress网站上创建和管理各种菜单,从而优化用户导航体验。根据您的具体需求调整和定制菜单选项,可以确保您的网站导航更符合访客的使用习惯和偏好。如果您在操作中遇到任何问题或需要进一步的帮助,请随时联系我们。


联系我们
文章看不懂?联系我们为您免费解答!免费助力个人,小企站点!
电话:020-2206-9892
QQ咨询:1025174874
邮件:info@361sale.com
工作时间:周一至周五,9:30-18:30,节假日休息
© 转载声明
本文作者:Harry
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容