需要弄清楚如何打开弹出窗口 Elementor 在古腾堡?

在在线社区中,总是有一件值得商榷的事情:弹出窗口。 有些人想知道是否要使用弹出窗口。 但在我们看来,如果您创建的弹出窗口简单、有吸引力且不会让您的用户感到厌烦,那么弹出窗口是可以的。

假设您已经创建了弹出窗口 Elementor 并想在 WordPress Gutenberg 编辑器中打开它们; 因为您想在博客文章或页面上部署弹出窗口。 如果您想知道,是否有可能做到这一点? 嗯,答案是肯定的,这是可能的。

本文将向您展示如何打开弹出窗口 Elementor 在古腾堡。

如何在 WordPress Gutenberg 编辑器中打开 Elementor 弹出窗口

第 1 步:准备弹出窗口

导航到您创建的弹出模板。 如果您是 Elementor 的新手并且想学习如何创建弹出窗口,您可以查看以下教程:通过单击此 留置权.

好了,弹窗创建完成后,点击项目设置面板左下角的齿轮图标(️)打开弹窗面板。 在弹出设置面板中,导航到选项卡 先进 并在该字段上添加一个选择器 由选择器打开 . 

请务必添加句点符号作为前缀(例如, .popup12345).

在古腾堡打开 Elementor 弹出窗口

一旦你添加了指定的选择器,不要忘记更新或发布你的弹出模板。

雷马克: 在标签上 显示条件 你的弹出窗口,请 将其配置为在 整个网站; 这将允许您访问整个弹出窗口 网站Web. 您也不需要定义触发器,因为您将通过刚刚定义的选择器显示弹出窗口。

在古腾堡打开 Elementor 弹出窗口

第 2 步:在 Gutenberg 中打开弹出窗口

现在是时候在 WordPress Gutenberg 编辑器中打开弹出窗口了。

转到 WordPress 的古腾堡编辑器; 你可以创建一个新的 内容 (页面/出版物)或选择 内容 现存的。 接下来,选择您想要用作弹出窗口出现的触发器的任何块。

在本教程中,我们将使用 Buttons 块。

在古腾堡打开 Elementor 弹出窗口

一旦您决定了要使用哪个块作为触发器来显示弹出窗口,请转到“设置” 块-> 先进的。 然后添加你的 指定的 CSS 类 在 额外的 CSS 类 (es) 冠军。

在古腾堡打开 Elementor 弹出窗口

好的。 而已。 要查看它是如何工作的,请发布您的项目并在新窗口中打开它。

在古腾堡打开 Elementor 弹出窗口

立即获取 Elementor Pro !!!

结论

本文向您展示如何在 WordPress 的古腾堡编辑器中打开 Elementor 弹出窗口。 我们希望这篇文章对您有用。 最后但并非最不重要的一点是,请记住,弹出窗口的成功取决于使用 内容 相关且令人信服的行动号召。

如果您对如何到达那里有任何疑虑,请告知我们 评论.

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

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

...