首页 > 其他分享 >WordPress基础之菜单导航栏设置

WordPress基础之菜单导航栏设置

时间:2024-07-10 09:31:31浏览次数:19  
标签:菜单 自定义 层级 添加 WordPress 导航 链接 页面

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

image.png

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

1. 如何增加、删除菜单

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

增加菜单:

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

image.png

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

image.png

删除菜单

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

image.png

2. 更改菜单层级

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

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

image.png

3. 添加自定义链接菜单

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

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

image.png

4. 补充说明

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

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

image.png

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

标签:菜单,自定义,层级,添加,WordPress,导航,链接,页面
From: https://www.cnblogs.com/oyouoo/p/18293194

相关文章

  • 激光导航和视觉导航的优缺点分别是什么
    激光导航和视觉导航作为两种不同的导航技术,各自具有独特的优缺点。激光导航的优缺点优点:高精度:激光导航通过激光束测量与周围物体的距离,能够提供高精度的位置信息,尤其适用于需要精确控制路径和定位的场合。不受光照影响:激光导航不依赖于光线条件,可以在黑暗或光线变化的环境......
  • 视觉导航和激光导航哪个更准确
    关于视觉导航和激光导航哪个更准确的问题,并没有一个绝对的答案,因为这取决于具体的应用场景和需求。以下是对两者准确性的详细分析:激光导航的准确性优点:高精度:激光导航通过激光扫描器发射激光束,并测量激光束与周围物体的反射距离,从而确定当前位置和环境映射。这种方法的定位......
  • 使用资源编排 ROS 轻松部署单点网站——以 WordPress 为例
    介绍WordPress是一款免费开源的网站内容管理系统(CMS),它可以帮助用户简单快捷地创建和管理自己的网站,包括博客、新闻网站、电子商务网站、社交网络等等。WordPress有丰富的主题和插件库,使得用户可以轻松地为网站定制外观和功能。WordPress的易用性和可扩展性使其成为世界上最受欢......
  • 松灵机器人scout mini小车 自主导航(2)——仿真指南
    松灵机器人Scoutmini小车仿真指南之前介绍了如何通过CANTOUSB串口实现用键盘控制小车移动。但是一直用小车测试缺乏安全性。而松灵官方贴心的为我们准备了gazebo仿真环境,提供了完整的仿真支持库,本文将介绍如何上手使用仿真。官方仓库地址:https://github.com/agilexrobotics/u......
  • 腾讯云篇7、手动搭建 WordPress 个人站点(Linux)
    操作场景WordPress是一款使用PHP语言开发的博客平台,您可使用通过WordPress搭建属于个人的博客平台。本文以CentOS7.6操作系统的腾讯云云服务器为例,手动搭建WordPress个人站点。示例软件版本本文搭建的WordPress个人站点组成版本及说明如下:Linux:Linux操作系统,......
  • Angular debounceTime、Subject、Ng-Zorro中的tabs导航
    在项目过程中,遇到了一些比较新的知识点,记录下来。1.rxjs核心概念之Subjectsubject是最简单的一种Subject类型,它既是可观察对象(Observable),也是观察者(Observer)。Subject会维护一个观察者列表,并将通知到任何订阅它的观察者。/***搜索订阅者*/privatese......
  • 松灵机器人scout mini小车 自主导航(1)
    松灵机器人scoutmini小车自主导航最近实验室来了个松灵机器人scoutmini的底座。本着学习的目的对其进行了研究,从最基础的连接开始。1.硬件连接准备松灵scoutmini提供了航空插头用于can串口转USB的操作。将通讯航空插头连接到小车对应插口。然后将CAN线引出,将CAN线中的C......
  • 【Skill】创建Virtuoso菜单
    procedure(TEST(custom_menu)win=getCurrentWindow()cut_line=hiCreateSeparatorMenuItem(?name`cut_line)item1=hiCreateMenuItem(?name'item1?itemText"Testitem"?callback"test_item1()");enditem1创建子菜单item2=hiCre......
  • 用免费WordPress和Cloudflare打造媲美收费服务的网站
    你是否曾因为网站搭建的高昂费用而犹豫不决?别担心,我来告诉你一个几乎零成本的解决方案,让你轻松拥有一个功能强大的网站。通过免费域名、免费PHP主机、WordPress程序和CloudflareCDN服务的组合,你可以打造出一个媲美收费服务的网站。首先,你需要一个域名。在lita.eu.org注册免费......
  • Java计算机毕业设计信阳市多目的地同步导航系统(开题+源码+论文)
    本系统(程序+源码)带文档lw万字以上 文末可获取一份本项目的java源码和数据库参考。系统程序文件列表开题报告内容研究背景随着信阳市城市化进程的加快,交通网络日益复杂,市民出行需求日益多样化,对导航系统的要求也愈发提高。传统单一目的地的导航系统已难以满足市民在日常出......