WordPress divi主题

Divi 插件亮点:Divi 功能区模块

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

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

在 Divi 市场中找到它

Divi 功能区模块在 Divi 市场上可用! 这意味着它已通过我们的审查,并符合我们的质量标准。 您可以访问市场中的 Divi Builder Addons 以查看其所有可用产品。 从 Divi Marketplace 购买的产品具有无限的网站使用和 30 天退款保证(就像 Divi)。

google广告开户

在 Divi 市场购买

Divi Ribbon Module 是 Divi 的第三方插件,可为模块内容添加可样式化的功能区。 根据需要添加图像、按钮、标题、内容和样式每个元素。 用它来突出产品销售、建立行动号召或引起对任何元素的注意。 在这个 Divi 插件亮点中,我们将看看 Divi 功能区模块,看看它可以做什么。

安装 Divi 功能区模块

安装 Divi 功能区模块

  1. 转到并下载插件
  2. 在 WordPress 仪表板中,转到 插件 > 添新
  3. 点击 上传插件
  4. 从您的计算机中选择压缩文件
  5. 点击 现在安装
  6. 当您看到“插件安装成功”时,单击 激活插件
  7. 工具 > Divi Ribbon 插件许可证 并输入您的许可证密钥

Divi 功能区模块

Divi 功能区模块

Divi Builder 中添加了一个名为 Divi Ribbon 的新模块。 该模块创建一个简介(包含标题、内容、图标、图像和按钮)并在该简介上放置一个功能区。 您可以控制功能区的位置和样式以及模块中的其他元素。 默认情况下,简介包含一个框阴影。

Divi 功能区内容选项卡

Divi 功能区内容选项卡

内容选项卡包括主要设置、简介旋转、图像和图标、链接、背景和管理标签。 主要设置提供功能区类型、位置、文本、标题和内容的选择。

主要设置

主要设置

有 7 种色带类型可供选择。 它们以相同的方式工作并包含相同的内容,但它们显示不同的形状。 形状包括带有分叉末端的丝带、跨越引言的丝带、侧面或顶部的丝带,并且具有不同类型的末端,例如叉形或圆形。 这为您提供了很多显示选择。

WordPress divi主题

主要设置

每种功能区类型都有不同的位置选项,具体取决于它们的显示能力。 此示例显示角落功能区。 它可以放在左上方或右上方,也可以放在左下方或右下方。

主要设置

分叉可以显示在左上角或右上角。

主要设置

全宽可以显示在上方或下方。

主要设置

某些功能区类型具有在您选择它们​​时打开的其他选项。 此示例显示全宽色带。 您可以调整其位置和高度。

主要设置

侧边功能区包括对位置、宽度和高度的调整。 所有控件都是标准的 Divi 滑块,因此它们易于使用。

fiverr建站WordPress程序员

主要设置

标题和内容被添加到卡片本身。 内容区域有视觉和文本选项卡,它们可以包括媒体、链接、代码和简码。

模糊旋转

模糊旋转

Blurb 旋转添加了一个 3D 翻转选项,可在卡片翻转后显示内容,以及在字体上显示的图像和图标。

模糊旋转

独立站选品工具

从您的媒体库中添加图像并从列表中添加图标。 图像/图标将首先显示,然后卡片将翻转以在悬停时显示内容。 您还可以添加图像作为背景。

按钮

按钮

该按钮包括文本、链接、窗口选项、填充和边距。 我添加了一些左边距以从功能区下方取出按钮。

Divi 功能区设计选项卡

Divi 功能区设计选项卡

Divi 功能区设计选项卡包括图像和图标、旋转、文本、大小调整、功能区、标题文本、正文文本、按钮、间距、边框、过滤器、变换和动画的设置。

高质量外链购买

图像和图标

图像和图标

图像和图标设置允许您调整图像宽度、边框、框阴影、颜色、混合模式等。

回转

回转

旋转设置允许您调整面部颜色。 这是图像背后的背景。 禁用原始卡片边框,以便您可以创建自己的边框。 调整旋转图标。 它有很多图标选项。 添加图标颜色、背景、边框,并使用预旋转字体大小。

起初,这里是图标调整而不是图像和图标设置有点令人困惑,但在这一节中确实有意义。 将图像设置也放在这里也很有意义,但是有太多需要单独的选项卡。

JasperAI 10000字免费额度试用

文本间距

文本间距

文本间距为您提供标题和正文文本的边距和填充设置。 通常,功能区将显示在内容之上。 如果您希望它可见,这使您可以根据功能区的位置调整文本定位。 在此示例中,我为标题和正文添加了填充。

功能区设置

功能区设置

功能区设置允许您更改颜色、添加将填充功能区的图像、关闭功能区末端(以阻止样式与卡片重叠)、调整字体、添加文本阴影、调整功能区角和边框。 在此示例中,我更改了色带颜色。

功能区设置

WordPress备份工具updrafplus

图像将填满功能区。 我只能让 JPG 工作,但它确实工作得很好。 我建议选择已经是您想要的大小的图像,这样您就可以控制它的显示方式。

功能区设置

关闭色带末端可以消除卡后折回的部分,如本示例中色带左侧所示。

文本

文本

标题和正文包括所有预期的选项。 在此示例中,我增加了两者的大小,更改了标题文本的颜色,并将两者居中。

按钮

按钮

按钮样式包括所有预期的选项,并添加了在背景图像上方显示渐变的功能。 在这个例子中,我增加了字体的大小,改变了字体和边框的颜色,使边框变圆,给背景一个渐变,并添加了一个阴影。

Divi 功能区示例

以下是 Divi 功能区在 Divi 布局中的一些示例。

出售丝带

出售丝带

对于第一个示例,我将替换右侧的 CTA。

出售丝带

它由三个模块组成:图像、文本和按钮。 我将使用相同的背景、文本和按钮,并使用单个 Divi Ribbon 模块重新创建它。

出售丝带

这是使用 Divi Ribbon 的结果。 我添加了图像、标题文本和正文以匹配原始文本。 我还将功能区添加到角落并将按钮移动到中心并使用功能区背景中的边框颜色。 原文使用了该列中的图像。 我将其删除并将图像添加到模块中,但无论哪种方式都可以。

我没有包含波浪形图像(三角波),但它可以轻松添加到内容区域。 还需要将标题移动到内容区域,以使图形出现在标题上方。 On Sale 丝带使其更加突出。

最新项目功能区

最新项目功能区

对于这个,我用 Divi Ribbon 模块替换了一张图片,并添加了一个全宽的 Ribbon 作为 CTA 以查看最新项目。 功能区具有来自布局的背景图像和字体。 框阴影是默认设置。 我已将文本居中。

产品 CTA 功能区

产品 CTA 功能区

在本示例中,我将 Divi Ribbon 模块添加到 Leather Company 布局的商店页面的 hero 部分。 使用布局中的图像,我替换了标准销售 CTA。 功能区和按钮使用布局中的颜色。 我将色带移至右下角并移除了色带末端。

这是一个专业部分。 我很高兴看到它在专业部分运行良好。 许多第三方模块并不总是与这种类型的部分兼容。

测试和购买

您可以从开发者网站以 11 美元的价格购买 Divi Ribbon Module,用于单个网站上的个人或商业用途。

您还可以在购买前测试插件,看看它是否能满足您的需求。 在开发人员的销售页面上可以找到测试插件的链接。 它使您可以完全访问 Divi Builder 和插件,因此您可以随心所欲地对其进行样式设置。 我建议试一试。

结束的想法

Divi Ribbon Module 是 Divi Builder 的一个有趣的模块。 它包括几个添加图像的位置,您可以包括标题、内容、图标和按钮。 凭借所有这些功能,它可以很好地用作宣传、号召性用语、产品链接、博客链接等。添加一个可样式化的功能区以引起对销售或其他 CTA 的注意,并且此插件提供了难以使用的样式选项获得一个模块。

Divi Ribbon Module 与 Visual Builder 和 Theme Builder 配合得很好。 这是一个很容易推荐的优秀插件。

我们希望收到你的来信。 您是否尝试过 Divi 功能区模块? 请在评论中告诉我们您的体验。

特色图片来自 Foxys Graphic / shutterstock.com

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