WordPress divi主题

Divi 插件亮点:DP 推荐滑块

by | May 16, 2022 | Divi主题使用教程 | 0 comments

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

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

google广告开户

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

让我们看一下插件。

DP推荐

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

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

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

DP 推荐滑块模块

WordPress divi主题

Divi Builder 中添加了三个模块:

DP 证明网格视图

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

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

DP推荐列表视图

DP推荐列表视图 包括 2 个布局并添加了一个 订购方式 选项,允许您按推荐的年龄、标题或随机排序。

DP推荐滑块

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

DP推荐网格查看示例

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

fiverr建站WordPress程序员

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

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

DP推荐列表查看示例

独立站选品工具

这是布局 1 列表显示. 我已将所有内容保留为默认设置。

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

DP 推荐滑块示例

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

高质量外链购买

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

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

JasperAI 10000字免费额度试用

这是布局 3。它删除了图像。 我包含了前面示例中的框阴影和字符限制。

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

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

WordPress备份工具updrafplus

我添加了背景,使颜色更加突出。

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

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

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

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

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

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

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

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

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

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

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

Caldera 表单集成

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

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

许可证和文件

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

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

文档在插件的销售页面上以可下载文件的形式提供。 它包括使用插件的演练、将其与 Caldera Forms 一起使用的说明以及 Caldera Forms 模板。

结束的想法

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

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

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

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

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

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

特色图片来自 Blan-k / shutterstock.com

5分钟生成10篇英文软文article forge软件试用
tiktok
WordPress divi主题