WordPress divi主题

Divi 插件亮点:Easy Slide-Ins

| 5月 14, 2022 | Divi主题使用教程 | 0 条评论

5分钟生成10篇英文软文article forge软件试用

Easy Slide-Ins 是 Divi 和 Extra 的第三方插件,允许您使用 Divi 构建器创建幻灯片(和弹出窗口)。 幻灯片可以显示可以使用 Divi Builder 构建的任何内容。 使用滚动百分比、退出意图、具有多个位置的按钮和 CSS 类触发滑入。 它包括终身更新和演示。

google广告开户

在本文中,我们将介绍 Easy Slide-Ins 并了解它的功能和易用性。 我们还将看一下插件中包含的一些演示。 该插件可从开发人员的网站获得。

安装简易滑入式

首先,解压缩文件。 在文件夹中,您会找到演示、带有文档链接的文件以及 Easy Slide-Ins 插件。

正常上传并激活插件。

仪表板中添加了一个名为 Easy Slide-Ins 的新菜单。 单击此菜单并输入您的许可证密钥。

激活许可证会添加两个菜单项(All Items 和 Add New),您可以在其中查看幻灯片并创建新的幻灯片。

WordPress divi主题

创建新的滑入式

单击以添加新幻灯片会打开一个编辑器,您可以在其中使用 Divi Builder 创建幻灯片。

它还包括很多设置。 它们位于 Divi Builder 下。 从左、右、左上、右上、左下、右下、顶栏、底栏、左侧边栏或右侧边栏中选择位置。 将其设置为滚动时自动触发并选择滚动量。 您还可以将其设置为在退出意图时打开。 设置背景颜色、框阴影和滑入宽度。

显示标题并输入要显示的文本。 选择标题的背景和文本颜色,以及字体系列、大小和粗细。 设置角圆度、标签高度和标签宽度。 显示关闭图标并选择背景和图标颜色以及图标大小。

这些控件易于使用和理解。 有足够的调整来设置标签的样式以匹配您的网站并控制幻灯片的工作方式。

根据您选择的选项添加或删除其他功能。 我选择了 Box Shadow,它现在提供了水平和垂直位置、模糊和扩散强度以及颜色的选项。

高级选项卡允许您选择可以显示幻灯片的页面。 您可以选择所有页面、单个页面和所有帖子。 您可以在某些设备上隐藏滑入。

fiverr建站WordPress程序员

自定义字段选项卡允许您添加自定义字段,就像任何页面或帖子一样。

简单的幻灯片示例

这是风险管理布局中的联系页面。 我正在使用它来构建滑入式,以便设计适合布局。 我已设置为不显示侧边栏或点导航。 您可以像标准页面一样预览。 设计好幻灯片后,照常发布。

独立站选品工具

我在设置中启用了标签并将背景设置为黑色,文本设置为白色。 我保留了默认文本(联系我们)。 我已将其设置为显示在右上角。 这是使用默认高度,但可以轻松更改。

单击标签打开幻灯片,该幻灯片显示在屏幕上,显示来自风险管理布局包的联系表。 再次单击“联系我们”按钮将关闭幻灯片。 我将滑入宽度设置为 500 像素,标签高度设置为 150,标签宽度设置为 60。

该示例显示了盒子阴影。 我已将位置更改为右侧边栏,其中显示关闭按钮。 我更改了标签和关闭按钮的颜色,并使标签的角更加圆润。 我还将滑入宽度设置为 600 像素。

高质量外链购买

对于这个,我将标签移动到顶部栏位置。 我使用布局中的颜色并将宽度更改为 122 像素,将高度更改为 40 像素。 正如您在此图像中看到的那样,标签在滚动时保持在原位。

它以全屏方式打开,并包含关闭按钮。

JasperAI 10000字免费额度试用

对于这个,我在左侧边栏中添加了一个新的幻灯片。 我已经对其进行了样式设置以匹配该站点并将标签的角保持为正方形。 我正在使用 50% 标签上边距,它将标签顶部放置在屏幕高度的中心。

它从左侧打开。 我给它的像素宽度为 1000,所以它覆盖了我的大部分屏幕。 即使菜单被新闻通讯滑入覆盖,联系人滑入仍然显示在顶部。

幻灯片为您提供了一个按钮触发类。 您可以将其与按钮一起使用来打开滑入式。

WordPress备份工具updrafplus

复制类并将其粘贴到按钮的 CSS 类字段中。

现在,单击该按钮可打开滑入。 任何地方都不需要标签,但它会从您放置滑入的方向滑入。 这个放在左边,所以它来自左边。 我已将宽度设置为 1000 像素。

简单的幻灯片演示

下载文件包括 12 个演示。 这些是您可以上传到 Divi 库的预制布局(JSON 文件)。 像常规布局一样将它们导入 Divi 库。 它们包括样式模块,但您必须设置设计设置。 下面来看看其中的几个。

这是带有退出意图的收集电子邮件。 它包括几个文本模块、一个联系表格和一个图像模块。

这是它在屏幕上的外观。 我在这里将所有内容都保留为默认值,因此该按钮仍会显示原始文本、位置和样式。

这是带有滚动意图的收集电子邮件。 它包括一个背景图像、两个文本模块和一个电子邮件模块。

这是使用预制设置在页面上的外观。 这显示了滑入的响应速度(这正是我们所期望的,因为它显示了 Divi 布局)。 如果您想显示更多图像,只需使滑入更宽。

这是引导您的访客。 它包括一个代码模块(用于谷歌地图)、几个简介、文本和一个联系表。

这是使用默认设置在页面上的外观。

这是带有标签的促销。 它包括一个文本模块、几个定价表和一个按钮。

这是它在屏幕上的外观。 我已将其设置为 800 像素,因此如果滑入,它将显示全宽。我删除了标签并将其设置为在页面滚动达到 60% 时显示。

使用 Extra 查看时的布局相同。 我很高兴看到它与 Divi 和 Extra 都很好用。

Easy Slide-Ins 价格和文档

Easy Slide-Ins 可从开发者的网站获得。 它有两种购买方式:

  • 单个站点 – 27 美元
  • 无限的网站 – 97 美元

两个许可证都包括演示和终身更新。

文档在开发人员的文档和支持页面上提供。 该页面包括每个点的演练,并带有图像来演示它们。 该页面还包含一个电子邮件支持链接。

结束的想法

Easy Slide-Ins 可以轻松为 Divi 和 Extra 创建幻灯片和弹出窗口。 我发现它很容易使用。 我从来不需要文档,但如果需要,它就在那里。 这是一种引入隐藏页面元素的有趣方式。 由于幻灯片中可以使用任何内容,因此您可以显示联系表格、新闻通讯注册、号召性用语、视频、商店模块等。它可以是单个模块或整页布局。

我喜欢它有多个触发选项。 退出意图和自动触发使其成为创建电子邮件和 CTA 弹出窗口的好选择。 通过单击标签打开是将它们添加到页面上多个位置的好方法。 我喜欢您可以在单个页面上添加多个幻灯片,并且您可以确定它们显示在哪些页面上。 将 CSS 类添加到按钮是在访问者选择查看信息时显示信息的好方法。

您可以从前端构建滑入,但我没有看到如何访问设置。 如果没有这些设置,我无法移动标签并实时查看它们的位置。 我必须加载一个页面才能看到它们。 它仍然不难使用,但涉及一些猜测。 这太小了,我不会阻止我使用或推荐它。

如果您正在寻找一种简单直观的方式来使用 Divi Builder 创建幻灯片,Easy Slide-Ins 值得一看。

我们希望收到你的来信。 您是否尝试过 Divi 的 Easy Slide-Ins? 在评论中让我们知道您对此的看法。

特色图片来自 ByEmo / shutterstock.com