您现在的位置是:首页 > cms教程 > WordPress教程WordPress教程

wordpress自定义导航栏的设置方法

天荷2023-07-03WordPress教程已有人查阅

导读WordPress 3.0+ 新增的自定义导航菜单功能使得我们可以更加容易地对网站菜单进行可视化操作了,最重要的是,可以把Pages(页面列表)和Categories

WordPress 3.0+ 新增的自定义导航菜单功能使得我们可以更加容易地对网站菜单进行可视化操作了,最重要的是,可以把Pages(页面列表)和Categories(分类列表)在自定义菜单中混合显示了。

1、首先,登录您的WordPress管理后台,依次进入【Appearance(外观) – Menus(菜单或叫做导航菜单)】模块,进入导航菜单设置页面;

2、如果您之前没有使用或者没有设置过菜单的话,您需要点击右侧上方的“+”按钮,添加新的 Menu Name(菜单名),之后,点击右侧的 Create Menu(创建菜单)按钮, 新的菜单(本例新建菜单名称为header_menu):

3、建立新菜单header_menu后,默认状态的菜单是空的; 在这个页面左侧,你可以看到 Theme Locations(主题位置)、Custom Links(自定义链接)、Pages(页面列表)、Categories(分类列表)等内容。

在左侧的这些内容中,选择你要显示的页面、分类或自定义链接等项目后,点击各个项目分别对应的 Add to Menu(添加到菜单)按钮,使得你选中的栏目添加到右侧的新建菜单header_menu中,以添加Pages(页面列表)项目为例:

添加到右侧新建菜单header_menu中的栏目以列表形式出现,现在你需要在这里,用鼠标上下拖拽的方式排列菜单的显示顺序;需要注意的是添加进来的菜单都是 显示的,如果你要建立二级(多级)菜单的话,你还需要同样适用鼠标上下左右标拖拽方式设置二级(多级)菜单,每右移一格为 ,:

细节操作:鼠标移至要移动的 菜单栏 上,鼠标指针变为移动状态时,就可以对该菜单进行上下左右的拖拽操作了。

5、设置好自己的菜单顺序和级别后,记得最后点击右上角的 Save Menu(保存菜单)按钮,保存该菜单的内容设置。

6、建立好菜单header_menu内容后,在左侧的下图位置,选择你要使用的该菜单项目,保存即完成了整个自定义菜单的设置了。

保存完后, 您的自定义菜单就设置好了。

本文标签:

很赞哦! ()

相关源码

  • (自适应响应式)宠物经验资讯咨询博客pbootcms网站源码下载除宠物资讯领域外,通过内容替换可快速适配宠物用品商城、宠物医疗咨询平台、宠物训练教程网站、动物保护组织官网、水族爱好者社区等垂直领域。查看源码
  • (PC+WAP)玻璃钢不锈钢钢材环保设备pbootcms网站模板采用PbootCMS内核开发的响应式网站模板,为玻璃钢环保设备制造、不锈钢钢材贸易企业设计,适配产品展示及企业服务场景。通过自适应技术实现PC与WAP端数据实时同步查看源码
  • (自适应)大气办公用品耗材供应打印机产品维修网站模板下载基于PbootCMS系统开发的响应式网站模板,为营销技术博主、数字产品评测者设计。采用前沿的响应式技术,确保内容在手机端和桌面端都能获得较佳阅读体验,帮助用户高效展示技术文章和产品分析。查看源码
  • (自适应响应式)html5文章资讯新闻博客pbootcms网站模板下载本模板基于PbootCMS系统开发,为新闻资讯、博客类网站设计,特别适合各类文章内容的发布与管理。采用响应式技术,确保在不同设备上都能获得良好的阅读体验。查看源码
  • (自适应响应式)黑色LED显示屏户外广告屏网站源码下载这是一款基于PbootCMS内核开发的响应式网站模板,专门为LED显示屏及户外广告行业打造。模板适配各类显示设备,帮助企业快速搭建专业官网,展示产品与服务优势,有效提升品牌形象。查看源码
  • (自适应响应式)pbootcms食品零食店日化用品网站源码下载基于PbootCMS内核开发的响应式模板,为食品零食、日化用品等行业量身定制。该模板通过可视化设计展现产品特色,帮助企业快速搭建专业官网查看源码
分享笔记 (共有 篇笔记)
验证码: