在本教程中,我们将详细介绍如何在WordPress网站上创建和管理菜单。通过遵循以下步骤,您可以轻松设置和自定义网站的导航栏,以提高用户体验和网站的可用性。如果在操作过程中有任何疑问,请随时联系我们,我们将竭诚为您提供帮助。
1.步骤Appearance→Menus
![图片[1]-如何设置导航栏菜单(Basel主题,其他主题个别会有差异)(02)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/05/2024053008592977.png)
进入菜单页面
![图片[2]-如何设置导航栏菜单(Basel主题,其他主题个别会有差异)(02)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/05/2024053009032066.png)
接下来我们了解各种菜单的区别
2.步骤Select a menu to edit:→点击旁边的框
![图片[3]-如何设置导航栏菜单(Basel主题,其他主题个别会有差异)(02)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/05/2024053009041177.png)
Categories:分类菜单,列如产品分类或者其他的一些分类,如果前端是全屏海报的首页,无需理会
Main navgatio:主导航(主菜单),可以理解为主导航,首页导航栏
Menu 1:可以理解为主菜单的复制
Menu2:可以理解为主菜单的复制
Mobile navigation:移动端菜单,理解为手机端的菜单(导航)
Segment Club:无需理会,默认数据,根据你的需要调整
Top bar:顶栏菜单(导航),不是每个主题都有
这里演示的数据是巴塞尔(Basel)主题,一般导航栏有主菜单和移动端菜单就可以了,根据需要调整
![图片[4]-如何设置导航栏菜单(Basel主题,其他主题个别会有差异)(02)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/05/2024053009314598.png)
图一
![图片[5]-如何设置导航栏菜单(Basel主题,其他主题个别会有差异)(02)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/05/2024053102114199.png)
图二
注:Categories:图一的前端则无需理会,图二的就需要设置
3. 步骤点击create a new menu可以创建新菜单
![图片[6]-如何设置导航栏菜单(Basel主题,其他主题个别会有差异)(02)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/05/2024053103162242.png)
![图片[7]-如何设置导航栏菜单(Basel主题,其他主题个别会有差异)(02)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/05/2024053102180670.png)
如果需要图像或者商品展示,则需要单独创建页面添加到菜单,但网站一般讲究快,所以这种图形以及商品只会拖慢网站的打开速度,一般只需要正常的一级菜单和二级菜单或者三级菜单就行了
一级→二级-三级(菜单示范)
4.步骤只需要把框向右拖动,如下图,就是三个级别的菜单样式
![图片[8]-如何设置导航栏菜单(Basel主题,其他主题个别会有差异)(02)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/05/2024053102512698.png)
![图片[9]-如何设置导航栏菜单(Basel主题,其他主题个别会有差异)(02)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/05/2024053102233460.png)
菜单的左侧会有许多选项以便你添加
Pages:网站的页面,列如隐私政策或者联系,关于我们,这些主页面等等
Posts:就是网站的文章了,也就是博客
HEML:属于简码,一般用不上
Custom Links:自定义链接,可以添加你想要的超链接(就是跳转的网页链接)
Product categories:就是产品的分类
Categories:这里包含网站的所有分类
注:其他分类可以根据翻译,很清楚的了解字面意思,我只说了比较常用的选项
注目してください:
如果你的MEUS页面左侧没有这么多选项,那是你没有勾选选项
移动到最上方
操作步骤:点击Screen Options
![图片[10]-如何设置导航栏菜单(Basel主题,其他主题个别会有差异)(02)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/05/2024053103084957.png)
请全部勾选,或者你也可以根据翻译来调整
![图片[11]-如何设置导航栏菜单(Basel主题,其他主题个别会有差异)(02)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/05/2024053103093340.png)
选中一个菜单,我们来添加选项,这里我们演示最基本的导航选项
5.步骤Page→勾选你想要的界面
![图片[12]-如何设置导航栏菜单(Basel主题,其他主题个别会有差异)(02)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/05/2024053103191757.png)
一般主导航最基本的选项要有Home(首页),Shop(商店),Cart(购物车), Checkout(结账),My account(我的账户)。还有Blog(博客),这些页面都需要选择主题设置优先级的页面,否则无法展示,如上图。
当然还有关于我们。联系我们的页面,也是同样,根据你的需求选择添加,这两个页面需要自己去创建编辑(有些主题会有默认的,你只需要修改相应的信息就可以了,你自己设计的还不一定有默认的好)
你可以在Shop加入一些产品分类,以便用户更好的选择
![图片[13]-如何设置导航栏菜单(Basel主题,其他主题个别会有差异)(02)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/05/2024053103343834.png)
如上图所示,没有二级或者三级分类是不会出现右边的箭头的
![图片[14]-如何设置导航栏菜单(Basel主题,其他主题个别会有差异)(02)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/05/2024053103362861.png)
添加的界面的名称也是可以更改的,看你的需求,非常的灵活,如上图
6.步骤菜单下方→勾选展示位置
![图片[15]-如何设置导航栏菜单(Basel主题,其他主题个别会有差异)(02)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/05/2024053103373089.png)
在菜单的最下方会有展示在那些位置,以及整个菜单的删除和保存,大家可以根据需要更改
![图片[16]-如何设置导航栏菜单(Basel主题,其他主题个别会有差异)(02)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/05/2024053103391728.png)
上图显示的是主菜单和手机端是同一个菜单,如果你想要分开,请取消勾选,分别创建主菜单和移动菜单,以两张方式 展示在不同的设备就行了
7.步骤点击Manage Locations
![图片[17]-如何设置导航栏菜单(Basel主题,其他主题个别会有差异)(02)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/05/2024053103414792.png)
如上图,这里可以选择主要菜单选择用什么菜单去展示
概要
通过以上步骤,您现在应该能够在WordPress网站上创建和管理各种菜单,从而优化用户导航体验。根据您的具体需求调整和定制菜单选项,可以确保您的网站导航更符合访客的使用习惯和偏好。如果您在操作中遇到任何问题或需要进一步的帮助,请随时联系我们。
お問い合わせ |
---|
記事が読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ! |
① 電話:020-2206-9892 |
② QQ咨询:1025174874 |
三 Eメール:info@361sale.com |
④ 勤務時間: 月~金、9:30~18:30、祝日休み |
この記事へのリンクhttps://www.361sale.com/ja/10808この記事は著作権で保護されており、必ず帰属表示を付けて複製してください。
コメントなし