您想在中创建全屏菜单吗 Elementor ? 如果是这样,本文将向您展示如何操作。 在中创建全屏菜单不需要附加组件 Elementor. 所有你需要的是 Elementor临.
专业版Elementor 带有一个 弹出生成器 这使您可以创建漂亮的弹出窗口。 您可以使用此功能在 Elementor 中创建全屏菜单。
如果您看不到我们今天要谈的内容,请观看此视频。
如何在 Elementor 中创建全屏菜单?
在开始之前,请确保您有 将您的 Elementor 升级到专业版. 准备就绪后,转到模板 -> 弹出窗口。 通过单击添加新按钮创建一个新的弹出模板。
为您的弹出模板命名并单击按钮 创建模型.
Elementor 提供了数十种弹出模板供您选择。 在本教程中,我们将从头开始创建模型。 所以只需关闭模板库即可打开 Elementor 编辑器。
在开始创建弹出模板之前,先定义布局。 为此,请单击左下角的齿轮图标打开弹出窗口设置。
在块 布局, 在选项卡下 参数, 设置宽度为 100大众 和高度 适应屏幕. 您还可以设置进入和退出动画效果。
定义布局后,通过添加新部分开始创建模板。 您可以将任何您想要的元素添加到模板中。 要添加菜单项,您可以使用导航菜单小部件或图标列表小部件。
另请参见: 如何在 Elementor 中为移动菜单设置自定义位置
在本指南中,我们将使用图标列表小部件。
编辑列表中的每个项目。 您可以在字段中添加菜单项标签 文本 并在字段中添加链接 留置权.
转到标签 样式 样式列表。 您可以设置列表项之间的间距和列表块中的对齐方式。 要设置图标大小和颜色(如果您使用图标),您可以打开图标块。 要设置列表项的排版(字体大小、字体系列、字体样式)和文本颜色,您可以打开文本块。
如果需要,您可以更改该部分的背景。 要自定义弹出窗口关闭按钮,请再次打开弹出窗口设置并转到选项卡 样式. 打开区块 关闭按钮 你会看到一些选项来自定义关闭按钮,如背景颜色、大小和位置。
创建弹出模板后,单击按钮旁边的箭头图标 PUBLISH 并选择 显示条款.
通过单击按钮设置您希望弹出窗口出现的位置 添加条件 并单击该按钮 NEXT 设置触发器。
激活选项 点击 并点击 保存并关闭.
弹出模板调用
一旦弹出模板准备就绪,您就可以调用它。 当您想要创建全屏菜单时,您可以使用 Elementor 创建标题或修改现有标题。
阅读这篇文章以了解更多关于如何 使用 Elementor 创建自定义标头.
您可以使用任何具有添加链接选项的 Elementor 小部件调用刚刚创建的弹出模板,例如按钮、图标、图标框、文本、图像等。
在本教程中,我们使用图标框小部件。 选择小部件以进入编辑模式。 在选项卡下 包装内容 从左侧面板中,找到要添加链接的字段。
将链接设置为动态并选择弹出。
通过单击扳手图标选择您刚刚创建的弹出模板。
发布/更新您的标题模板。
立即获取 Elementor Pro !!!
结论
这里 ! 这就是本文向您展示的方法 在 Elementor 中创建全屏菜单. 如果您对如何到达那里有任何疑问,请在内部告诉我们 评论.
但是,您也可以咨询 我们的资源,如果您需要更多的元素来执行创建Internet网站的项目,请参考我们关于 WordPress博客创建 或者那个 Divi:有史以来最好的WordPress主题.
但与此同时, 在您不同的社交网络上分享此文章.
...