拖放视觉生成器
为什么要学习一个复杂的新界面?在您每天使用的相同、熟悉的 Elementor 编辑器中构建您的巨型菜单。只需在任何菜单项上单击 “编辑巨型菜单内容”,即可打开实时编辑器。在图像、标题、按钮、联系表单甚至产品网格等小部件中拖动。实时查看您的更改,无需一行代码即可创建真正的自定义导航体验。
- 完整元素访问:在菜单中使用任何元素小部件或主插件小部件(如双标题、动画文本)。
- 实时预览:通过即时反馈进行视觉设计,就像构建页面一样。
- 无限布局:创建多个列、网格或单个宽面板。结构完全取决于您。
宽度、触发器和转换
Elementor模板,每个面板都是常规的,所以你可以在页面上构建的任何内容都可以进入菜单,包括拉入最近帖子或产品类别的小部件。然后决定面板的行为方式:在悬停或点击时打开它,选择一个过渡,并将宽度设置为默认值、全宽或自定义像素值。
- 宽度选项:默认宽度、全宽度或自定义宽度(以像素为单位)。
- Hover 或点击:hover 进行快速浏览,当您希望访问者故意打开面板时点击。
- 过渡:淡入淡出、向上滑动、向下滑动、向左滑动、向右滑动、放大/缩小、翻转效果等。
- 移动菜单设置:选择手机在切换菜单中显示的内容,包括设计的面板。
菜单徽章、图标和描述
突出显示带有小徽章的关键菜单项,例如“NEW”或“SALE”,具有自己的文本、颜色和背景。通过 Master Addons Pro,您还可以在标签旁边添加图标,更改图标颜色,并在项目下显示标签或简短描述。
- 徽章(免费):带有自定义颜色的短文本徽章,用于标记促销或新部分。
- 菜单图标 (Pro):为每个项目选择一个图标并设置其颜色。
- 标签和描述 (Pro):在菜单项下添加上下文。
Mega 菜单的常见问题
如何将这个巨型菜单实际放置在我的网站上?
从《外观,菜单》中启用并设计巨型菜单,要显示它,请使用主题菜单位置或免费 导航菜单小部件:将其放入使用主插件构建的标头模板中 主题构建器、选择菜单,面板在前端渲染。为了完整的演练,请阅读 如何在没有 Pro 的情况下在 Elementor 中创建巨型菜单.
包含图像和小部件的大型菜单会减慢我的网站速度吗?
1000万个高分辨率的图片和复杂的脚本,如果超载的话,可以产生影响,关键是要聪明,优化你的图片,用它来突出关键内容,避免嵌入过重的小部件,使用起来明智,性能影响比UX的好处最小。
我可以为不同的页面或菜单项提供不同的大型菜单吗?
是的,绝对! Mega Menu 是按菜单项启用,您可以为您的 “Services” 项打开它并为其设计复杂的菜单,同时将您的 “About” 项留作简单的下拉。您对每个顶级链接都有完全的控制。
我需要 Elementor Pro 来制作大型菜单吗?
No。Elementor自己的巨型菜单是Elementor Pro的一部分,但是这个扩展与Elementor的免费版本一起使用,如果你对这个想法很陌生,请从 什么是大型菜单以及您的网站何时需要一个菜单或者在 中查看一个工作示例 餐厅巨型菜单指南。Elementor中内置的标头效果最好,因为某些具有严格自定义标头的主题可能会与样式发生冲突。
我可以使用我的巨型菜单中主插件库中的模板吗?
是。面板在普通的 Elementor 编辑器中打开,因此您可以从主插件模板库或您自己保存的模板中插入部分,然后调整它们以获取菜单。
