Divi 产品亮点：Divi Essential

Divi Essential 是一个插件，它向 Divi Builder 添加了 60 多个新模块，扩展了您可以构建的设计的可能性。 使用此插件，您可以添加高级选项卡、内容切换、动态滑块、独特的图像和内容模块、团队部分、社交模块等等。 每个模块都具有强大的功能和广泛的设计选项，使设计复杂的布局变得轻而易举。

Divi Essential 还可以访问 600 多个利用模块的预制部分布局、30 个入门布局和 6 个多页面完整模板。 这些布局都可以从 Divi Essential 网站下载，可以帮助您加快设计过程。 在这篇文章中，我们将仔细研究 Divi Essential，以帮助您确定它是否适合您。

让我们开始吧！

安装 Divi Essential

Divi Essential 以 .ZIP 插件文件形式提供。 要安装该插件，请在 WordPress 仪表板中打开插件页面，然后单击“新增”。 单击“选择文件”并从计算机中选择插件文件，然后单击“立即安装”。

安装插件后，激活插件。

Divi Essential 向 Divi Builder 添加了 65 个新模块。 您可以通过单击插入模块菜单中的 Divi Essential 模块按钮或搜索“下一步”来访问添加的模块，这将显示所有 Divi Essential 模块。

Divi 基本模块

60 多个新模块为 Divi Builder 添加了大量功能。 每个模块都附带内容、设计和高级选项，可完全自定义外观和功能。 让我们使用 Divi Essential 的预制布局仔细研究其中一些模块。

创意模块

您可以将 10 个不同的创意模块添加到您的页面中。 每个模块都会为您的布局添加一些独特的功能或设计。 除了我将在下面重点介绍的模块之外，Divi Essential 还附带了用于添加浮动元素、独特分隔线、促销框、Lottie 动画和用于演示流程的步骤流程部分的模块。

下一个高级选项卡

高级选项卡模块允许您创建水平和垂直选项卡式内容部分。 您可以为每个选项卡设置标题、副标题和图标/图像。 此示例是高级选项卡布局 1。

在每个选项卡的正文中，您可以选择要显示的 Divi 库布局，也可以通过编辑标题、说明、图像/图标和按钮来添加内容。

该模块为整个模块以及各个选项卡提供了广泛的设计设置。 您可以自定义设计的各个方面，为元素选择不同的悬停效果，为所选选项卡设置活动样式等等。

下一个营业时间

该模块可以轻松地在您的网站上显示您的营业时间。 图中的示例是设计布局 2。您可以将一周中的每一天添加为模块中的一个项目。 每个项目都可以单独自定义，或者您可以使用模块设计选项将样式应用到每个项目。

下一个内容切换

内容切换模块向您的页面添加一个切换开关，您可以使用它在内容之间切换。 在此示例（布局 2）中，切换开关用于在显示单个许可证或终身许可证的详细信息之间进行切换。

您可以选择将 Divi 库项目添加到切换部分，也可以在模块设置中添加内容。 您可以自定义每个部分的设计以及切换开关的设计。

下一个图像热点

使用此模块，您可以将热点添加到图像中，以在悬停时显示内容。 您可以添加将要显示的文本和图像，并且可以使用设计选项自定义每个元素。 可以轻松更改热点图标和颜色，并且可以通过更改设计设置中的水平和垂直位置来设置热点位置。 下面的示例是布局 1。

下一个时间线

时间线模块可用于直观地表示事件、组织的历史、流程等等。 在时间线模块中，您可以添加单独的时间线元素，其中包含每个时间线部分。 您可以向每个时间线元素添加文本、图像、按钮和图标。 每个元素都可以在设计选项卡中自定义，使您可以创建独特的时间线设计。 下图是时间线布局11。

滑块模块

您可以使用 Divi Essential 将六种不同的滑块模块添加到您的网站。 您可以添加徽标轮播、图像和文本轮播、3D 立方体滑块、图库滑块、推荐轮播和帖子轮播。 让我们仔细看看几个滑块模块。

3D 立方体滑块

3D立方体滑块模块添加了一个具有3D立方体效果的翻转滑块。 您可以使用图像、文本和背景自定义每张幻灯片。 在滑块设置中，您可以更改自动播放、导航和效果设置以及任何设计选项。 图中的示例是布局 4。

下一个 Divi 轮播

这是轮播布局 17。您可以选择四种布局：图像、文本、图像内文本或图像下文本。 这允许许多多功能的布局。

您可以完全控制每个轮播项目以及轮播模块本身的布局和设计。 您可以更改轮播自动播放设置、更改导航设置、修改效果、添加灯箱功能等等。

图像模块

Divi Essential 拥有 12 种不同的图像模块，为您提供多种方式在网站上创造性地显示图像。 您可以添加图像放大器、砖石布局、向图像添加不同加载和悬停效果的模块、图像悬停框、前后滑块等。 让我们看一下几个图像模块。

下一步 之前 之后

之前和之后模块允许您显示之前和之后的照片，并通过可拖动的滑块显示该照片。 此布局位于布局 4 之前和之后。

您可以设置前后图像、修改标签、更改滑块方向和功能以及自定义设计。

下一个圆形图像悬停

使用圆形图像悬停模块，您可以创建一个圆形图像，以悬停效果显示内容。

有 19 种不同的悬停效果和 4 种不同的悬停方向可供选择，为您的设计提供了很大的灵活性。

下一张图片手风琴

图像手风琴模块为您的设计添加了交互式图像手风琴。 当您将鼠标悬停在手风琴中的一张图像上时，它将展开并显示内容。 您可以选择为每个图像添加图标、标题、描述和按钮。 在此示例中，第三个图像设置为在页面加载时打开。 如果您将鼠标悬停在另一张图像上，它会展开并保持展开状态。

您可以将手风琴设置为在悬停或单击时移动，并且可以将其设置为垂直或水平打开。

内容模块

内容类别中有 19 个模块。 所有这些都可用于动态显示您的内容并创建迷人的布局。 您可以添加框和简介、具有不同文本效果的模块、按钮、博客文章滑块等。 让我们看一下其中的一些模块。

下一个 3D 翻盖盒

3D 翻转框模块允许您拥有一个悬停时翻转并具有 3D 效果的动态框。 您可以在盒子的背面有不同的设计。 此示例是布局 7。

在模块设置中，您可以自定义正面和背面的元素。 您可以添加图标、图像、标题文本、正文文本和按钮。 在设计选项卡中，您可以自定义每个元素的外观。

下一篇简介

简介模块用途广泛，提供许多内容和设计选项，您可以使用它们来创建独特的布局。 这里使用的示例简介是布局 11。它具有悬停时随鼠标移动的倾斜效果。

在模块设置中，您可以启用前标题、设置标题文本和标题标签、启用后标题文本、添加说明、添加图像和图标以及添加按钮。 您可以使用广泛的设计选项添加图像蒙版、独特的悬停效果到简介或按钮等。

下一个按钮

按钮模块包含许多选项，可以为按钮添加引人入胜的效果。 您可以添加背景过渡、悬停效果、图标悬停效果、描边效果、2d 效果、设置背景图像、添加背景 gif 等。 在此示例中，我使用具有 2d 效果的按钮集合。 您可以看到“增长旋转”按钮如何增大尺寸并在悬停时轻微旋转。

下一个文本动画

通过文本动画模块，您可以为文本添加各种动画效果。 这是示例布局 10，它具有打字效果。 您可以设置前后文本、添加动画文本并选择动画效果。 可以在设计选项卡中进一步自定义文本样式。

下一个文本颜色运动

文本颜色运动模块允许您对文本颜色进行动画处理。 此示例是布局 9。

您可以从多种不同的动画样式中进行选择，并选择四种不同的文本颜色来创建引人注目的渐变效果。

团队模块

Divi Essential 附带 5 个不同的团队模块，让您可以通过独特的部分和效果来展示您的团队成员。

下一支球队叠加卡

通过团队叠加卡模块，您可以通过悬停时显示的叠加层来展示您的团队成员，并显示其他内容，例如描述或社交媒体图标。 所示示例为布局 1，其具有弧形边框，增添了独特的触感。

下一个团队社交展示

通过此模块，社交媒体图标会在悬停时显示在团队成员描述部分下方。 此示例为布局 1。

社交模块

Divi Essential 添加了将社交媒体连接到您的网站的方法。 对于 Facebook，您可以添加以下模块：分享、点赞、嵌入视频、评论、嵌入评论、嵌入帖子和嵌入页面。 对于 Twitter，您可以添加时间线、推文、Twitter 按钮或关注按钮。

下一条FB评论

这是 Facebook 评论模块。 您可以使用此模块允许用户使用他们的 Facebook 帐户评论您的网站内容。 可以使用设计选项卡中的选项自定义设计。

下一个 Twitter 时间轴

该模块允许您将 Twitter 时间线添加到您的页面。 您只需设置 Twitter 帐户用户名，时间线就会出现。 您可以使用设计设置自定义时间线。

复习模块

您可以使用三个评论模块在您的网站上显示客户评论和推荐。

下一个迪维评论

评论模块允许您将客户评论添加到您的页面。 您可以添加名称、职位和描述，还可以为每个模块设置星级评价。 这是布局示例 1。

下一个推荐滑块

使用此模块，您可以添加滑块来展示您的客户推荐和评论。 这是布局 11。每张推荐幻灯片都作为一个项目添加到模块中，这意味着您可以单独自定义每张幻灯片的设计，也可以自定义整个幻灯片的设计。 您可以向每张幻灯片添加评级、文本和图像。 在滑块设置中，您可以选择让滑块自动播放、调整滑块过渡设置以及更改导航设置。 设计选项卡中的选项允许您根据自己的喜好自定义滑块的外观。

Divi 基本入门布局

除了我们上面探讨的模块和模块布局之外，Divi Essential 还附带 30 个可供您使用的入门单页布局。 让我们仔细看看其中一个。

游览布局

这是游览布局。 设计充满动画和互动元素。 标题使用多标题模块并带有显示效果。 下面是一个徽标轮播、三个简介和一个显示目的地的轮播。 接下来是一个带有浮动图像的部分，右侧有一些内容和数字计数器。 地图部分利用热点模块来精确定位目的地并在悬停时显示信息。 最后，还有一个推荐滑块、一个时事通讯注册和一个页脚。

Divi 基本预建网站

Divi Essential 还可以访问 6 个包含多个页面的完整网站模板。

园丁模板

让我们看一下园丁模板的主页。 除此页面外，模板还包括以下页面：关于我们、服务、图库、项目、项目详细信息和联系方式。

该页面打开时会显示一个英雄部分，其中包含多个标题、大图像、浮动元素、按钮和多个背景图形。 下一部分将介绍四个突出服务的简介模块。 接下来是另一个部分，其中包含一些具有浮动效果的文本和图像。 标题内容有显示动画。 下面的服务部分还利用了 Divi Essential 简介模块，后面是带有旋转动画的浮动元素和可在悬停时展开并显示内容的图像手风琴。

接下来是具有简介模块的另一个部分，后面是具有全角背景图像和浮动图形的部分。 下面有一个定价表部分，

继续主页，有一个徽标滑块和一个之前/之后滑块，然后是一个推荐滑块。 最后，该页面以时事通讯注册表单结束。

哪里可以购买 Divi Essential

Divi Essential 可在 Divi Marketplace 购买。 无限制网站使用以及 1 年支持和更新的费用为 79 美元。 该价格还包括 30 天退款保证。

最后的想法

Divi Essential 包含许多模块，可为您的网站添加新功能和动态布局。 每个模块的可定制性和广泛的选项给我留下了深刻的印象。 Divi Essential 附带的演示布局、入门单页布局和预建网站模板似乎都是高质量的设计，您可以根据自己的设计目的轻松使用和修改。 如果您正在寻找一款能够扩展 Divi 设计可能性的一体化插件，那么 Divi Essential 是一个不错的选择。

我们很想听到您的声音！ 您尝试过 Divi Essential 吗？ 请在评论中告诉我们您的想法！