logo

WordPress基础之菜单导航栏设置

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

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

菜单是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/

加入掘金随想的社群

如果你有兴趣和其他的人一起了解更多AI建站、AI-SEO、开发者出海等更多高质量内容和我自己的心得体会,我建了一个付费社群,欢迎你的加入!扫描右边的二维码可直接加入哦!

同时如果你也认为Bricks是一个好的工具但是想找人帮你来建站,欢迎找我聊聊。

知识星球社群二维码

推荐阅读

  • 什么是Namesilo,如何在Namesilo申请国外免备案域名?

    一、什么是namesilo 自己购买服务器并且申请域名还不想备案的话,这里听风更推荐Namesilo域名服务商。Namesilo是国外老牌域名服务商,相比国内以及其他WordPress服务器托管商申请,注册,续费动辄十几美金的价格来说,Namesilo更加公道…

    2025 年 2 月 7 日

  • SPF、DKIM和DMARC术语解析:如何设置这些记录来提高开发信送达率

    在企业邮箱的注意事项中提到过SMTP协议以及如何设置,那么本篇文章将从技术角度讨论企业邮箱的一些设置,进而提高外贸开发信的送达率。 SPF、DKIM 和 DMARC 术语解析 SPF、 DKIM、 DMARC 三种需要配置的 DNS 记录,主要用于验证收到的邮…

    2025 年 2 月 5 日

  • SEO初学指南之关键词研究(3) – 关键词分析实战

    经过之前的学习,这次我们开始实战。手把手教大家如何为外贸网站筛选符合条件的关键词。 还不熟练的,建议再反复学习前两篇文章: SEO初学指南之关键词研究 (1) - 入门SEO初学指南之关键词研究 (2) - 搜索意图分析 废话不多说,开始吧。 关键词研究就是寻…

    2025 年 2 月 7 日

  • 免费使用TasteWP一键搭建线上临时WordPress网站

    虽然用宝塔面板或者1Panel面板可以非常快速的搭建一个WordPress网站,但是有时候只想测试下我设计的页面或者开发的主题和插件,又得买服务器,绑定域名,安装程序,搭建起来也过于浪费时间了;再或者,我只想学习WordPress基础操作,从零开始搭建还是过于…

    2025 年 2 月 6 日

  • BricksBuilder编辑器入门介绍和基础操作教程

    本篇文章介绍BricksBuilder编辑器的基本使用、如何创建Bricks模板、如何设定显示条件等内容。 补充:好多读者反应英文界面操作起来不熟悉,很多页面元素找不到,更习惯使用中文界面,所以,从本篇教程起Bricks主题教程内容的截图一律改成中文界面截图,…

    2025 年 1 月 30 日

导航目录