导航菜单小部件 #
导航菜单小部件可让您使用在 WordPress 中创建的菜单并以您想要的任何方式设计它们。
观看此视频，演示此小部件的各种功能。https://www.youtube.com/embed/2fDp5coQQAM?feature=oembed
内容 #
布局 #
- 菜单：选择您之前通过外观 > 菜单设置的菜单
- 布局：选择水平、垂直或下拉布局
- 对齐：设置菜单项对齐方式，左、中、右或两端对齐
- 指针：选择指针，无、下划线、双线、带框、背景或文本
- 动画：选择指针动画，淡入淡出、滑动、增长、插入、退出或无
- 子菜单指示器：选择指示项目具有子菜单项的图标，无、经典、雪佛龙、角度或加号
移动下拉菜单 #
- 断点：选择移动设备下拉菜单的启动点，在移动设备、平板电脑或无上。
- 全宽：选择移动下拉菜单是否跨越设备的全宽，是或否
- 对齐：选择移动菜单项是显示在左侧还是居中，通过选择 Aside 或 Center
- 切换按钮：是否将汉堡图标显示为切换按钮
- 图标：可以为 Normal、Hover 和 Active 状态设置此项。您可以使用默认图标，也可以通过单击相应图标使用自定义图标。从图标库中选择或上传您自己的 SVG。
- 切换对齐：在屏幕的左侧、中心或右侧显示切换按钮
风格 #
主菜单 #
排版：设置菜单项文本的排版选项。
可以为所有三种状态独立设置以下项目：正常、悬停和活动。
- 文本颜色：选择菜单项文本的颜色
- 指针颜色：选择指针悬停或活动状态的颜色。正常状态使用默认颜色设置中设置的颜色作为强调色。
请注意，如果设置了 Hover 颜色但未设置 Active 颜色，则 Active 颜色将默认使用 Hover 颜色。
分频器 #
- 分隔线：切换选项以启用或禁用菜单项之间的分隔线
- 样式：从下拉菜单中选择实心、双线、点线、虚线或凹槽
- 宽度：使用滑块或在 PX 中的字段中输入值
- 高度：使用滑块或在 PX 或 % 字段中输入值
- 颜色：从颜色选择器中，为您的分隔线选择颜色。
填充和间距 #
- 指针宽度：设置指针的宽度
- 水平填充：使用滑块或在 PX 中的字段中输入值来设置菜单项文本周围的水平填充
- 垂直填充：使用滑块或在 PX 中的字段中输入值来设置菜单项文本周围的垂直填充
- 间距：使用滑块或在 PX 中的字段中输入值来设置每个菜单项之间的间距
落下 #
在桌面视图上，这将影响子菜单。在移动视图上，这将影响整个菜单。
可以为所有三种状态独立设置以下项目：正常、悬停和活动。
- 文本颜色：选择菜单项文本的颜色
- 背景颜色：选择菜单项的背景颜色
- 排版：设置菜单项的排版选项
- 边框类型：选择下拉菜单周围的边框类型，选择无、实线、双线、点线、虚线或凹槽
- 宽度：设置边框的宽度
- 颜色：选择边框的颜色
- 边框半径：设置边框半径以控制圆角圆度
- 盒子阴影：在下拉菜单周围创建盒子阴影
- 水平填充：设置菜单项文本周围的水平填充
- 垂直填充：设置菜单项文本周围的垂直填充
分频器
- 边框类型：选择分隔线的边框类型，选择“无”、“实线”、“双”、“点”、“虚线”或“凹槽”
- 颜色：如果选择了分隔线边框，则选择分隔线边框的颜色
- 边框宽度：如果选择了分隔边框，则设置分隔边框的宽度
- 距离：设置切换和下拉菜单之间的空间量
提示：转到 Elementor > Settings > Advanced 并确保 Load Font Awesome 4 Support 设置为 Yes，以便您的子菜单指示符正确显示。
切换按钮 #
以下项目可以独立设置为正常和悬停状态。
- 颜色：选择切换按钮图标的颜色
- 背景颜色：选择切换按钮的背景颜色
- 大小：设置切换按钮的大小
- 边框宽度：设置切换按钮周围边框的宽度
- 边框半径：设置切换按钮的边框半径
注意：切换按钮是指汉堡菜单图标。
辅助功能属性 #
导航菜单小部件具有以下可访问性属性：
- 表索引
- 咏叹调扩展
- 咏叹调隐藏
- 角色=“导航”
先进的 #
设置适用于此小部件的高级选项
