Menu

Estimated reading: 2 minutes 11 views

Add Menu widget

什么是菜单组件？

大多数网站都将菜单作为其头部或尾部的一部分。这些菜单为网站访问者提供了快速、便捷地访问站点不同部分的途径。

例如，一个典型的菜单可能包括指向首页、关于我页面、联系我页面和我的博客页面的链接。

以上是一个简单菜单的例子，但许多站点更喜欢更复杂的菜单，包括子菜单、嵌入媒体甚至动画元素。

菜单小工具允许你创建包括 Elementor 编辑器中可用的各种小工具的菜单，让你完全自由地设计最复杂的菜单。

查看菜单小工具提供的所有选项。

常见用例

Alex 是一家大公司的网站管理员。他们的网站包括三个不同部门的联系信息和员工目录。他们决定创建一个包含“联系我们”选项的菜单，该子菜单将访问者引导到适当的部门，并包含一个包含员工照片的员工目录。

其他用例使用媒体帮助访问者更快地获取信息在您的菜单中添加促销活动推广您网站的重要部分

添加菜单小工具：一步一步教程

在下面的示例中，我们将创建一个包含四个菜单项的菜单——首页、商店、博客和联系我们。

默认情况下，内容标签的布局部分包含三个菜单项：项目 #1、项目 #2 和项目 #3。

在此示例中，我们将重命名这些菜单项，然后添加第四个项目。

添加一个菜单

To add a menu widget:

Add the Menu widget to the canvas. For details, see Add elements to a page.
In the panel, click on the menu item named Item #1.
Clicking the menu item in the panel opens up several options: Title, Link, Dropdown Content, Icon, and CSS ID.
In the Title field, enter the new name.
(Optional) In the Link field, enter a hyperlink to another page or anchor link. For example, if the this menu item is labeled Home, you can link it to the site home page.
Rename Item #2 and Item #3 to Store and Blog.
There are two ways to add a new menu item:
1. Click Add Item.
2. Click the copy icon next to one of the existing tabs. This will create an exact copy of the existing tab.
Add a new menu item and name it Contact Us.

此时，此示例由四个选项卡组成的简单菜单组成。然而，这些标签中的每一个都有可能包含 Elementor 中发现的任何设计元素。

添加设计元素

您可以创建包括编辑器中任何元素的高级菜单，如文本和图像。

要向标签添加设计元素:

Click the menu item to open it.
Toggle the Dropdown Content to On. On the canvas, an arrow icon appears next to the menu item.
On the canvas, click the arrow next to the tab name.

一个容器出现在画布上的菜单项下。您现在可以像上面的示例那样向容器添加元素，如文本编辑器小工具和图像小工具。当访问者点击菜单项时，这些元素将可见。有关更多详细信息，请参阅创建Mega Menu.

Youtube教程：

Leave a Reply Cancel reply

CONTENTS