Divi 插件亮点:DP 推荐滑块

已发表: 2018-12-17

推荐信是商业网站最重要的元素之一。 有几种方法可以使用 Divi 构建优雅的推荐,包括推荐模块、简介模块、文本和图像的组合等。 另一种选择是使用提供推荐管理和内置布局的第三方插件,例如 DP Testimonials Slider。

DP Testimonials Slider 创建了一个名为 jvt_testimonials 的新自定义帖子类型。 它允许您在编辑器中创建您的推荐,然后提供三个模块来显示这些推荐。 您可以选择显示所有推荐、限制显示的数量以及显示特定类别。 每个模块都包含多种布局可供选择,您可以为其设置样式。

我们来看看插件。

DP 感言

仪表板中添加了一个名为Testimonials 的新菜单项。 单击它会显示您创建的推荐列表。

选择添加推荐,您将看到可以在其中创建推荐的编辑器。 它包括内容、类别、图像和推荐信息。 无论您使用的是古腾堡还是经典编辑器,这都是您获得的编辑器。

推荐类别就像帖子类别一样工作。 在这里,您可以创建和编辑它们。

DP 推荐滑块模块

Divi Builder 中添加了三个模块:

DP 推荐网格视图

DP 推荐网格视图包括从 3 个选项中选择布局的设置、设置显示的推荐数量、显示和样式引用图标、显示图像、显示引用链接、选择类别、调整分页颜色、链接, 等等。

它还包括标准的设计和高级设置。 CSS 允许您定位名称、公司名称和描述。 每个模块都包含这些设置。

DP 推荐列表视图

DP推荐列表视图包括2点布局,并增加了一个ORDER BY选项,让您为了通过鉴定,标题,或随机的年龄。

DP 推荐滑块

DP Testimonial Slider包括 56 种布局并添加了滑块控件。 它包括排序方式、自动播放、速度、分页、鼠标悬停时停止滑动和显示内容限制。

DP 推荐表格视图示例

这是显示 3 个推荐的布局 1。 它创建带圆圈的图像,并在带有阴影效果的卡片中显示每个推荐。 我已将其他所有内容保留为默认设置。

在这个例子中,我正在处理布局 2。它添加了一个带有渐变的背景。 我将其保留为默认设置,并调整了文本颜色、大小和粗细以及图标颜色。 我还将其设置为以随机顺序显示推荐。

在已发布的视图中,图像是圆形的,它们与包含推荐的框重叠。 当您将鼠标悬停在图像上时,图像会旋转,如您在此处所见。

DP 推荐列表查看示例

这是列表视图的布局 1。 我已将所有内容保留为默认设置。

布局 2 减小了图像的尺寸,并添加了带有两个圆角的优雅盒子设计。 它显示悬停时的阴影效果。

DP 推荐滑块示例

对于滑块,我必须使用 Classic Divi Builder。 与其他两个模块不同,该模块在使用 New Divi Builder 或 Visual Builder 时不会出现。 它有 54 种布局。 我们不看所有这些,而是​​看一些。

这是布局 1。它创建带圆圈的图像,不包括幻灯片的导航。 您可以调整项目符号颜色。

这是布局 2。我添加了框阴影,使其与背景分开,并将文本限制为 50 个字符。 样式是默认的。

这是布局 3。它删除了图像。 我包括了上一个示例中的框阴影和字符限制。

这是使用默认设置的布局 4。 我会看看我能对造型做些什么。

当您选择布局时,该布局的样式选项会显示在颜色设置中。 您可以选择不同的布局,调整其设置,然后返回任何布局,其设置仍然存在。

我添加了一个背景,所以颜色更突出一点。

这是布局 5。我为该部分添加了一个略带灰色的背景,滑块采用了该背景。

这是布局 6。它显示每张幻灯片的两个推荐。

这是布局 7。我正在展示完整的推荐文本。 我喜欢与推荐框重叠的图像。

这是布局8。我喜欢这个设计。

这是布局 9。它的布局类似于 8,但它有自己的设计队列。

这是布局 10。它在作者周围创建了一个漂亮的框并添加了两组引号。

对于这个集合,我使用两列布局来显示两个模块。 左边的一个是Layout 11,右边的是Layout 12。Layout 11增加了标准样式的导航。

这是布局 14。它还包括帖子导航按钮。

这是另一个两列布局,左侧为 Layout 53,右侧为 Layout 54。 布局 54 有一个有趣的滑块动画 - 幻灯片缩小,快速移动到一边,而另一个就位,新幻灯片增长以填充空间。

这是布局 55。它添加了一些角样式并为名称创建了一个横幅。 我喜欢颜色的使用。 这包括与布局 54 相同的动画。

这是布局 56。它删除图像并创建一个带有名称横幅的漂亮框。

Caldera 表单集成

出版商的网站包括一个 Caldera 表格模板,用于创建推荐提交表格。 它包含在可下载的文档中,并包含使用说明。

使用此表单,任何人都可以通过该表单提交推荐,并将其保存为草稿供您查看。 它还会向管理员发送一封包含所有信息的电子邮件。

许可证和文件

DP Testimonials Slider 可从开发人员的网站获得。 提供三种许可证:

  • 1 个站点 – 30 美元
  • 5 个站点 – 40 美元
  • 无限站点 – 50 美元

文档在插件的销售页面上作为可下载文件提供。 它包括使用插件的演练、使用 Caldera Forms 的说明和 Caldera Forms 模板。

结束的想法

DP Testimonials Slider 创建了一些优雅的推荐。 创建推荐书和使用这三个模块非常直观。 网格和列表视图模块在新的后端编辑器中运行良好。 对于滑块模块,我确实必须使用经典构建器。 所有三个插件在经典构建器中都运行良好,因此如果您可以访问它,那么在将前端功能添加到滑块模块之前,我建议您这样做。

即使使用 Caldera Forms 模板也几乎毫不费力。 我刚刚导入了 JSON 文件,它在第一次尝试时就成功了。

我遇到的唯一问题是在模块中显示背景。 部分和行背景与推荐书一起显示,没有问题。 此外,目前尚不清楚在推荐书中将在哪里使用社交链接。 它们也不会显示在出版商网站上的演示中。

我对滑块模块的布局数量印象深刻。 我也喜欢他们的动画。 许多从侧面滑动,但还有许多其他滑动动画,包括自上而下、缩小、增长等。即将到来的更新将添加一个小部件和一个短代码。

如果您有兴趣管理您的推荐并使用模块显示它们,DP Testimonials Slider 值得一看。

我们希望听到您的意见。 您是否尝试过 DP 推荐滑块? 请在评论中告诉我们您的体验。

精选图片来自 Blan-k/shutterstock.com