您想在中创建全屏菜单吗 Elementor ? 如果是这样,本文将向您展示如何操作。 在中创建全屏菜单不需要附加组件 Elementor. 所有你需要的是 Elementor临.

专业版Elementor 带有一个 弹出生成器 这使您可以创建漂亮的弹出窗口。 您可以使用此功能在 Elementor 中创建全屏菜单。

如果您看不到我们今天要谈的内容,请观看此视频。

在 Elementor 中创建全屏菜单

如何在 Elementor 中创建全屏菜单?

在开始之前,请确保您有 将您的 Elementor 升级到专业版. 准备就绪后,转到模板 -> 弹出窗口。 通过单击添加新按钮创建一个新的弹出模板。

在 Elementor 中创建全屏菜单

为您的弹出模板命名并单击按钮 创建模型.

Elementor 提供了数十种弹出模板供您选择。 在本教程中,我们将从头开始创建模型。 所以只需关闭模板库即可打开 Elementor 编辑器。

在开始创建弹出模板之前,先定义布局。 为此,请单击左下角的齿轮图标打开弹出窗口设置。

在块 布局, 在选项卡下 参数, 设置宽度为 100大众 和高度 适应屏幕. 您还可以设置进入和退出动画效果。

在 Elementor 中创建全屏菜单

定义布局后,通过添加新部分开始创建模板。 您可以将任何您想要的元素添加到模板中。 要添加菜单项,您可以使用导航菜单小部件或图标列表小部件。

另请参见: 如何在 Elementor 中为移动菜单设置自定义位置

在本指南中,我们将使用图标列表小部件。

在 Elementor 中创建全屏菜单

编辑列表中的每个项目。 您可以在字段中添加菜单项标签 文本 并在字段中添加链接 留置权.

在 Elementor 中创建全屏菜单

转到标签 样式 样式列表。 您可以设置列表项之间的间距和列表块中的对齐方式。 要设置图标大小和颜色(如果您使用图标),您可以打开图标块。 要设置列表项的排版(字体大小、字体系列、字体样式)和文本颜色,您可以打开文本块。

如果需要,您可以更改该部分的背景。 要自定义弹出窗口关闭按钮,请再次打开弹出窗口设置并转到选项卡 样式. 打开区块 关闭按钮 你会看到一些选项来自定义关闭按钮,如背景颜色、大小和位置。

创建弹出模板后,单击按钮旁边的箭头图标 PUBLISH 并选择 显示条款.

通过单击按钮设置您希望弹出窗口出现的位置 添加条件 并单击该按钮 NEXT 设置触发器。

在 Elementor 中创建全屏菜单

激活选项 点击 并点击 保存并关闭.

弹出模板调用

一旦弹出模板准备就绪,您就可以调用它。 当您想要创建全屏菜单时,您可以使用 Elementor 创建标题或修改现有标题。

阅读这篇文章以了解更多关于如何 使用 Elementor 创建自定义标头.

您可以使用任何具有添加链接选项的 Elementor 小部件调用刚刚创建的弹出模板,例如按钮、图标、图标框、文本、图像等。

在本教程中,我们使用图标框小部件。 选择小部件以进入编辑模式。 在选项卡下 包装内容 从左侧面板中,找到要添加链接的字段。

将链接设置为动态并选择弹出。

通过单击扳手图标选择您刚刚创建的弹出模板。

在 Elementor 中创建全屏菜单

发布/更新您的标题模板。

立即获取 Elementor Pro !!!

结论

这里 ! 这就是本文向您展示的方法 在 Elementor 中创建全屏菜单. 如果您对如何到达那里有任何疑问,请在内部告诉我们 评论.

但是,您也可以咨询 我们的资源,如果您需要更多的元素来执行创建Internet网站的项目,请参考我们关于 WordPress博客创建 或者那个 Divi:有史以来最好的WordPress主题.

但与此同时, 在您不同的社交网络上分享此文章.

...