如何在 Elementor 中添加导航菜单
该小部件使用您在 WordPress 中构建的菜单,因此请从那里开始。
- 在"外观">"菜单"下创建菜单。
- Elementor 中, 将主插件导航菜单小部件拖入您的标头、页脚或页面。
- 在选择菜单中选择菜单,然后选择桌面布局。
- 切换到平板电脑和手机视图以检查每个设备上的布局。手机默认情况下会获取汉堡包切换。
- "样式"选项卡中对菜单项、下拉和切换进行样式化, 然后发布。
有关完整的标题演练,请阅读 如何在没有 Pro 的 Elementor 中构建导航菜单.对于全站头,使用免费 主题构建器.
水平、垂直和汉堡布局
桌面、平板电脑和手机的布局单独设置。水平适合顶部栏。垂直有四种类型:普通带侧面下拉、切换、手风琴和侧面,将菜单固定到页面边缘。手机默认使用汉堡包切换。通过 Pro,您可以选择任意宽度的汉堡包,然后将菜单打开为默认下拉、弹出窗口或 Offcanvas 面板。
- 每个设备设置的布局,包括 Elementor 的额外断点。
- 垂直菜单如普通菜单、切换菜单、手风琴菜单或侧面菜单。
- 使用 Master Addons Pro 弹出窗口和 Offcanvas 汉堡菜单。
- 与免费一起工作 巨型菜单 多柱面板的扩展。
样式每个菜单级别和状态
Style 选项卡有主菜单项、下拉菜单、下拉菜单项、下拉子菜单和下拉子菜单项的单独部分,每个部分都获得正常、悬停和活动状态的颜色和背景,加上填充、边框和分隔符,因此当前页面的链接看起来可能与其他页面不同。
- 主要项目和下拉项目的正常、悬停和活动状态。
- 下拉面板、其项目和更深的子菜单的单独样式。
- 物品之间的分隔符,包括类型、尺寸和颜色。
汉堡切换和指示图标
Style the hamburger 切换为图标、文本或两者兼而有之,具有默认、堆叠或框架视图以及正方形或圆形形状,它可以在菜单关闭时显示一个图标,在打开时显示另一个指示图标,标记有下拉和子菜单的项目:选择自己的图标,显示或隐藏它们,并设置它们的大小、颜色、位置和旋转。
- 汉堡包切换为图标、文本或两者兼而有之。
- 关闭和打开菜单的不同图标。
- 自定义下拉和子菜单指示符图标(带旋转)。
下拉间距和每台设备的布局
从菜单顶部设置下拉宽度及其间隙,项目与每个链接内部填充之间的间隙。过渡持续时间控制悬停颜色和下拉变化的速度。由于布局是按设备设置的,因此您可以决定菜单从水平栏切换到垂直列表,或切换到带有 Pro 的汉堡包。
- 从顶部下降宽度和间隙。
- 项目和链接填充之间的间隙,方便点击。
- 悬停和下拉更改的转换持续时间。
Elementor Pro 菜单小部件与主插件导航菜单
Elementor的免费插件没有用于放置和设计WordPress菜单的小部件,其菜单和WordPress菜单小部件附带了Elementor Pro,以下是它们之间的比较。
| 元素专业版 | 主插件导航菜单 | |
|---|---|---|
| 价格 | Elementor Pro 许可证 | 免费,有专业汉堡类型 |
| 布局 | 水平、垂直、下拉 | 水平、垂直(4 种)、汉堡包 |
| 移动菜单 | 切换到您选择的断点以下 | 默认情况下手机上的汉堡包;带有 Pro 的弹出窗口和画外画 |
| 每个设备的布局 | 一断点设置 | 为每个设备设置 |
| 悬停指针动画 | 是的 | 否 |
| 超级菜单 | 带有下拉内容的菜单小部件 | 免费巨型菜单扩展 |
如果您已经为 Elementor Pro 付费,则其菜单小部件可以完成这项工作。没有它,导航菜单和 巨型菜单 扩展名免费为您提供样式化的标头菜单。
Nav 菜单的常见问题
这与其他 Nav 菜单小部件有何不同?
Elementor自己的菜单小部件需要Elementor Pro。Master Addons Nav菜单是免费的,并添加了每台设备的布局,四种垂直菜单类型,每个菜单级别和状态的单独样式,自定义指示图标和可风格化的汉堡包切换器。它还适用于免费的Mega菜单扩展。
我可以使用此菜单和 Mega 菜单扩展名吗?
是打开Mega菜单扩展,从WordPress菜单屏幕中构建菜单项的面板内容,然后在Nav菜单小部件中选择该菜单,该小部件显示前端的mega菜单面板。
设置正常、悬停和活动的不同样式是否困难?
号打开样式选项卡,选择菜单的一部分,如主菜单项,并在正常,悬停和活动选项卡之间切换,以设置每个状态的颜色。
"画外"或"弹出"菜单类型的最佳用例是什么?
Pro汉堡两种,Offcanvas从左边或右边将菜单滑入,适合手机和极简设计,Popup在页面上打开菜单,对于投资组合或代理站点的全站导航效果很好,在免费版上,汉堡在切换下打开菜单到位。
该菜单适用于我现有的 WordPress 主题标头吗?
Elementor运行的任何地方都可以放置小部件,要完全替换主题标头,请用免费构建标头模板 主插件主题生成器 并向其添加导航菜单小部件。
我可以在移动设备与桌面设备上采用不同的菜单风格吗?
Yes。layout,对齐和很多样式设置,每个设备都可以设置,比如桌面上保持一个横杆,平板上使用垂直手风琴,手机上使用汉堡包切换。
