专注于外贸建站与谷歌SEO,分享WordPress教程和Betheme主题教程,分享外贸开发信写作技巧,提高回复率。

logo

WordPress基础之菜单导航栏设置

2024 年 6 月 15 日   作者:椅栏听风

本文最后更新于2024 年 6 月 15 日,其中的信息可能已经有所发展或是发生改变,若失效请联系站长更新,谢谢!

菜单是WordPress的一项重要功能,方便用户快速打开网站页面,我们通常说的网站导航栏就是菜单。菜单通常显示在网站的顶部或者底部,以Apple官网的为例:

wp-apple菜单实例

这篇文章我们就学习下:如何添加、删除菜单;如何调整菜单顺序和层级;如何添加自定义链接菜单。

1. 如何增加、删除菜单

前置要求:已有文章、分类目录、页面等内容

增加菜单:

步骤1:进入wordpress后台->菜单->输入菜单名称->创建菜单

wordpress增加菜单

步骤2:在左侧添加菜单项中,点击查看所有,可看到已创建的页面,文章,分类目录等等;勾选需要添加的内容,点击“添加至菜单”。

wordpress增加菜单

删除菜单

步骤:菜单结构中,增加的每个项目右侧的三角符号可显示详细信息,可自由移除项目,若完全不想要了,可点击“删除菜单”。

wordpress删除菜单

2. 更改菜单层级

步骤:菜单支持拖动更改项目层级,拖动过程中会显示虚框表示该层级的隶属关系,向左为增加层级,向右为降低层级。一般建议菜单不要超过三级,避免降低页面打开率。

:更改导航栏显示内容时,如果你的菜单不是自定义链接,而是直接选用的页面或产品分类等,那么,如果在此处修改了它的导航标签(即菜单的名称),会导致菜单名称固化为你在此处修改的内容,而不会自动跟随页面或产品分类名称的修改。

wordpress更改菜单层级

3. 添加自定义链接菜单

使用自定义链接菜单可以添加任何想要添加的页面,也包括第三方的,如:油管、B站视频链接,微信,微博社交平台链接等等。

步骤:菜单->自定义链接->输入网址和链接文字->添加至菜单->保存菜单

wordpress增加自定义菜单

4. 补充说明

菜单的增加、删除、修改在非常的简单,你可以自定义很多菜单并显示在不同的位置已达到想要的显示效果。

菜单可以结合页面编辑器或者其他插件实现更高级的功能,比如,使用Betheme主题可以自由设计导航栏的二级菜单样式,称之为超级菜单(mega menu),显示效果如下:

超级菜单示例

这些属于比较进阶的功能和设计了,这里先不讲,在Betheme主题教程中会结合Woocommerce电商插件详细介绍。

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。

转载请注明:
作者 – 椅栏听风
页面标题 – WordPress基础之菜单导航栏设置
页面链接:https://oyouoo.com/wordpress-menu-settings/

留下第一个评论

推荐阅读

  • 新版宝塔面板快速搭建WordPress新手教程

    一、宝塔面板介绍 1. 介绍 宝塔面板是一款服务器管理软件,支持Windows和Linux系统,可以通过Web端轻松管理服务器,提升运维效率,该软件内置了创建管理网站、FTP、数据库、可视化文件管理器、可视化软件管理器等等。安装宝塔的目的就是更简单的管理网站服…

    2024 年 8 月 2 日

  • 一篇教程搞懂外贸独立站如何正确选择域名(全攻略)

    无论是搭建外贸独立站还是个人博客网站,如何给网站起一个域名是我们首要考虑事。一个简洁、好记的域名关乎到企业形象,不仅仅能获取更多的流量和点击,也更容易推广和被人记住。更重要的是,当你的网站流量越来越多之后,可以让用户直接输入网址来找到你的独立站,进一步增加了网…

    2024 年 10 月 21 日

  • WordPress基础之内容管理

    WordPress内容管理是重点部分,本篇教程将详细讲解WordPress如何发布文章、页面、媒体内容及其注意事项;古腾堡编辑器的使用;文章分类和标签的使用。 内容管理可以分为文章与页面管理、媒体库管理两个方面,再简单讲一下古腾堡编辑器。 1. 文章管理(同页…

    2024 年 8 月 2 日

  • 如何使用拓展域名(谷歌网域别名)发送外贸开发信|完整图文教程

    我做外贸时客户的来源之一是外贸开发信推广,大概能占百分之十五。最开始写外贸开发信的时候邮件送达率并不理想,大多会进入客户的垃圾箱,这也导致了域名邮箱的权威越来越不好,最终形成一个恶性循环,致使该域名已经无法用于外贸开发信营销。 这也就产生了一个问题:是否需要将…

    2024 年 8 月 26 日

  • Bebuilder页面编辑器基础介绍

    Bebuilder是Betheme主题自带的页面编辑器,类似于Elementor Pro,可以拖拽式拉取页面元素来设计网站页面,所见即所得。 我用过一段时间的Elementor Pro确实很强,但是主题授权价格太贵了,搜资料的时候也是无意中发现了Betheme…

    2024 年 6 月 29 日

导航目录