导航菜单小部件(专业版)

导航菜单小部件 #

导航菜单小部件可让您使用在 WordPress 中创建的菜单并以您想要的任何方式设计它们。

观看此视频,演示此小部件的各种功能。https://www.youtube.com/embed/2fDp5coQQAM?feature=oembed


内容 #

布局 #

  1. 菜单:选择您之前通过外观 > 菜单设置的菜单
  2. 布局:选择水平、垂直或下拉布局
  3. 对齐:设置菜单项对齐方式,左、中、右或两端对齐
  4. 指针:选择指针,无、下划线、双线、带框、背景或文本
  5. 动画:选择指针动画,淡入淡出、滑动、增长、插入、退出或无
  6. 子菜单指示器:选择指示项目具有子菜单项的图标,无、经典、雪佛龙、角度或加号

移动下拉菜单 #

  1. 断点:选择移动设备下拉菜单的启动点,在移动设备、平板电脑或无上。
  2. 全宽:选择移动下拉菜单是否跨越设备的全宽,是或否
  3. 对齐:选择移动菜单项是显示在左侧还是居中,通过选择 Aside 或 Center
  4. 切换按钮:是否将汉堡图标显示为切换按钮
  5. 图标:可以为 Normal、Hover 和 Active 状态设置此项。您可以使用默认图标,也可以通过单击相应图标使用自定义图标。从图标库中选择或上传您自己的 SVG。
  6. 切换对齐:在屏幕的左侧、中心或右侧显示切换按钮

风格 #

主菜单 #

排版:设置菜单项文本的排版选项。

可以为所有三种状态独立设置以下项目:正常、悬停和活动。 

  1. 文本颜色:选择菜单项文本的颜色
  2. 指针颜色:选择指针悬停或活动状态的颜色。正常状态使用默认颜色设置中设置的颜色作为强调色。

请注意,如果设置了 Hover 颜色但未设置 Active 颜色,则 Active 颜色将默认使用 Hover 颜色。

分频器 #

  1. 分隔线:切换选项以启用或禁用菜单项之间的分隔线
  2. 样式:从下拉菜单中选择实心、双线、点线、虚线或凹槽
  3. 宽度:使用滑块或在 PX 中的字段中输入值
  4. 高度:使用滑块或在 PX 或 % 字段中输入值
  5. 颜色:从颜色选择器中,为您的分隔线选择颜色。

填充和间距 #

  1. 指针宽度:设置指针的宽度
  2. 水平填充:使用滑块或在 PX 中的字段中输入值来设置菜单项文本周围的水平填充
  3. 垂直填充:使用滑块或在 PX 中的字段中输入值来设置菜单项文本周围的垂直填充
  4. 间距:使用滑块或在 PX 中的字段中输入值来设置每个菜单项之间的间距

落下 #

在桌面视图上,这将影响子菜单。在移动视图上,这将影响整个菜单。

可以为所有三种状态独立设置以下项目:正常、悬停和活动。

  1. 文本颜色:选择菜单项文本的颜色
  2. 背景颜色:选择菜单项的背景颜色
  3. 排版:设置菜单项的排版选项
  4. 边框类型:选择下拉菜单周围的边框类型,选择无、实线、双线、点线、虚线或凹槽
  5. 宽度:设置边框的宽度
  6. 颜色:选择边框的颜色
  7. 边框半径:设置边框半径以控制圆角圆度
  8. 盒子阴影:在下拉菜单周围创建盒子阴影
  9. 水平填充:设置菜单项文本周围的水平填充
  10. 垂直填充:设置菜单项文本周围的垂直填充

分频器

  1. 边框类型:选择分隔线的边框类型,选择“无”、“实线”、“双”、“点”、“虚线”或“凹槽”
  2. 颜色:如果选择了分隔线边框,则选择分隔线边框的颜色
  3. 边框宽度:如果选择了分隔边框,则设置分隔边框的宽度
  4. 距离:设置切换和下拉菜单之间的空间量

提示:转到 Elementor > Settings > Advanced 并确保 Load Font Awesome 4 Support 设置为 Yes,以便您的子菜单指示符正确显示。

切换按钮 #

以下项目可以独立设置为正常和悬停状态。

  1. 颜色:选择切换按钮图标的颜色
  2. 背景颜色:选择切换按钮的背景颜色
  3. 大小:设置切换按钮的大小
  4. 边框宽度:设置切换按钮周围边框的宽度
  5. 边框半径:设置切换按钮的边框半径

注意:切换按钮是指汉堡菜单图标。


辅助功能属性 #

导航菜单小部件具有以下可访问性属性:

  • 表索引
  • 咏叹调扩展
  • 咏叹调隐藏
  • 角色=“导航”

先进的 #

设置适用于此小部件的高级选项


Powered by BetterDocs

发表评论

您的电子邮箱地址不会被公开。

Scroll to Top