Divi 插件亮点:Divi ConKit Pro

已发表: 2022-10-03

Divi ConKit Pro 是一个插件,它为 Divi Builder 带来了 36 个新模块和 4 个其他扩展,为您的网站添加了新功能和可定制性。 如果您正在寻找一个功能丰富的插件,它与 Divi 完全集成并为您带来 Instagram 提要、时间线、动画文本和翻转框等模块,并让您对弹出窗口、登录页面等进行设计控制,这个可能是你的插件。 在此插件亮点中,我们将了解 Divi ConKit Pro 附带的所有功能,并帮助您确定此插件是否适合您。

让我们开始吧!

安装 Divi ConKit Pro

像安装任何其他插件一样安装 Divi ConKit Pro。 转到插件页面并单击Add Plugins ,然后选择Upload Plugin并选择插件文件。 单击立即安装以安装插件,然后在加载后激活插件。

Divi 插件突出显示 Divi ConKit Pro 安装

激活插件后,您将在 WordPress 仪表板菜单中看到 DiviConKit 选项卡,您可以在其中控制为您的站点启用的功能。

Divi 插件突出显示 Divi ConKit Pro 设置

Divi ConKit Pro

Divi ConKit Pro 模块

首先,让我们看一下 Divi ConKit Pro 附带的每个模块。 这些模块都与​​ Divi Builder 集成,您可以像添加任何其他 Divi 模块一样将它们添加到您的网站。

DP 高级标题

此模块允许您向页面添加标题,并提供 Divi 默认模块之外的一些高级选项。 您可以添加前缀文本、中心文本、后缀文本和背景文本,并且每种文本类型的设计也可以完全自定义。 使用此模块,您可以使用不同样式的文本创建更复杂的标题。

Divi 插件突出显示 Divi ConKit Pro 标头

DP 动画文本

此模块允许您向页面添加动画文本。 您可以为每个模块添加多段动画文本,也可以添加不移动的前缀和后缀文本。 共有三种动画模式,文本输入、文本倾斜和动画幻灯片。 可以使用各种动画设置(例如速度和时间)自定义动画,并且可以使用默认设计选项自定义动画文本。

Divi 插件突出显示 Divi ConKit Pro 动画文本

DP博客加

博客加模块显示您博客中的最​​新帖子。 它有四种不同的皮肤风格,我在这个例子中使用了创意风格。 与此套件中的其他模块一样,您可以使用设计选项来完全自定义模块的样式以适合您的网站设计。

Divi 插件亮点 Divi ConKit Pro Blog Plus

DP营业时间

营业时间模块允许您轻松地将营业时间添加到网站。 只需输入当天的每个日期和营业时间,您就可以自定义设计选项以更改任何字体或颜色以配合您的设计。

Divi 插件亮点 Divi ConKit Pro 营业时间

DP卡

这个模块是一个卡片模块,它创建一个包含图像或图标和一些文本的简单卡片。 您可以选择在卡片上添加徽章或按钮,卡片的设计也是完全可定制的。

Divi 插件高亮 Divi ConKit Pro Card

DP CF7 造型器

下一个模块是 Contact Form 7 的样式器模块。您可以使用此模块在可视化构建器中编辑您的联系表单样式。

Divi Plugin Highlight Divi ConKit Pro CF7 Styler

DP 内容切换

内容切换模块添加了一个切换图标,允许您在两组正文内容之间切换。 正文内容可以是在模块的内容编辑器中设置的自定义内容,或者您​​可以从库中导入布局。

Divi 插件突出显示 Divi ConKit Pro 内容切换

DP分频器

分隔线模块允许您在分隔线之间添加图标、图像或文本,并且还附带了一些底部分隔线形状布局(在此示例中选择了形状 3)来分隔页面上的文本。

Divi 插件高亮 Divi ConKit Pro Divider

DP双键

双按钮选项将两个按钮添加为单个模块。 您甚至可以在两个按钮之间添加一个连接器(文本或图标),就像我在上面的示例中所做的那样。 通过使用此模块中提供的各种设计选项,您可以为您的网站创建独特的两按钮布局。

Divi Plugin Highlight Divi ConKit Pro Dual Button

DP翻盖盒

该模块创建一个正面和背面都有内容的盒子。 当您将鼠标悬停在该框上时,将通过翻转动画显示后面的内容。 这对于演示前后效果或以引人入胜的方式展示内容可能很有用。

Divi Plugin Highlight Divi ConKit Pro 翻盖盒

DP浮动图像

浮动图像模块允许您添加在页面上上下浮动的图像。 它为页面设计增加了一些微妙的动作,以提升设计。

Divi Plugin Highlight Divi ConKit Pro 浮动图像

DP 水平时间线

使用水平时间线模块,您可以为每个步骤创建包含文本、图像和图标的时间线。 它还具有循环和自动滚动选项,以便您可以让时间线自动滚动页面。 同样,设计选项可用于完全自定义外观。

Divi 插件突出显示 Divi ConKit Pro 水平时间线

DP热点

使用此模块,您可以向任何包含文本、图像或图标的图像添加工具提示。 您可以准确指定工具提示在图像上显示的位置,当然,可以使用设计设置自定义所有元素的设计。

Divi 插件突出显示 Divi ConKit Pro 热点

DP悬停盒

悬停框允许您在将鼠标悬停在图像上时显示文本和其他元素,例如边框。 正如您在上面的示例中看到的那样,左侧的框被悬停在上面,您可以看到字幕和描述以及边框已经显示出来。 右边是没有悬停的框,它只显示标题。 此模块也有许多不同的悬停设置。

Divi Plugin Highlight Divi ConKit Pro Hover Box

DP 图标框

该模块是一个简单的模块,允许您在框中显示图标和可选文本。

Divi 插件高亮 Divi ConKit Pro 图标框

DP 图像手风琴

图像折叠模块显示多个图像并排显示。 当您将鼠标悬停在其中一张图像上时,它会放大并最小化其他图像,以便您可以看到整张照片。 在上面的示例中,我将鼠标悬停在右侧的照片上。

Divi Plugin Highlight Divi ConKit Pro Image Accordion

DP 图像比较

使用图像比较模块,您可以使用滑块比较两个图像,您可以拖动以查看每一侧。 您还可以在每一侧添加标签,例如“之前”和“之后”。

Divi Plugin Highlight Divi ConKit Pro 图像比较

DP 图像放大镜

图像放大镜模块要求您上传图像的大小版本。 当您将鼠标悬停在图像上时,会出现一个放大镜,您可以看到更大版本的悬停区域。

Divi Plugin Highlight Divi ConKit Pro 图像放大镜

DP图像掩蔽

在此模块中,您可以添加具有蒙版形状的图像。 模块中有许多不同的形状供您选择,您可以通过为蒙版或图像添加颜色来进一步自定义设计。

Divi Plugin Highlight Divi ConKit Pro 图像遮罩

DP 信息框

这个模块只允许您添加一个带有文本内容和可选图像或图标的框。

Divi 插件突出显示 Divi ConKit Pro 信息框

DP 内联 SVG

该模块允许您直接上传 SVG 文件并在 Divi Builder 中查看它们。

Divi 插件高亮 Divi ConKit Pro 内联 SVG

DP Instagram 饲料

使用 Instagram 提要模块,您可以在您的网站上优雅地显示您最近的 Instagram 帖子。 有 3 种布局可供选择:网格、突出显示(在上面的示例中使用)和砌体。 您可以使用设计选项自定义间距、叠加层、标题等。

Divi 插件亮点 Divi ConKit Pro Instagram

DP列表

该模块可用于将信息组织在带有图标或图像的列表中。

Divi Plugin Highlight Divi ConKit Pro List Group

DP 标志网格

徽标网格模块可用于显示客户徽标或“特色...”徽标。 您还可以为徽标添加悬停效果。 在此示例中,我使用了缩小悬停效果,您可以在屏幕截图的第二个徽标上看到该效果。

Divi 插件突出显示 Divi ConKit Pro 徽标

DP洛蒂

使用此模块,您可以将 Lottie 动画直接添加到 Divi Builder 中的页面。 您可以通过上传 Lottie JSON 文件或通过 URL 添加 Lottie 动画。

Divi 插件亮点 Divi ConKit Pro Lottie

DP 编号

数字模块只是显示一个数字。 您可以启用计数器选项,数字将在显示时计数。 同样,您可以使用设计设置来完全自定义外观。

Divi 插件突出显示 Divi ConKit Pro 编号

DP 价格菜单

使用价格菜单模块,您可以轻松地在您的网站上创建一个菜单,其中包含价格、标题和描述,以及许多自定义外观的选项。

Divi Plugin Highlight Divi ConKit Pro 价格菜单

DP审查

此模块允许您向您的网站添加评论,包括星级、图像,当然还有评论文本内容。

Divi 插件亮点 Divi ConKit Pro 评论

DP 滚动图像

使用滚动图像模块,您的图像仅部分显示在设定的高度。 当您将鼠标悬停在图像上(或滚动,取决于您选择的选项)时,图像会滚动,以便您可以看到图像的其余部分。

Divi Plugin Highlight Divi ConKit Pro 滚动图片

DP技能条

该模块可用于演示技能水平或任何其他可以由进度条表示的内容。 您可以选择显示哪些标签,当然,所有设计元素都可以自定义。

Divi 插件高亮 Divi ConKit Pro 技能栏

DP 社交分享

该模块有许多社交媒体平台可供选择,您可以轻松更改按钮文本、样式、布局、位置和许多其他设置。

Divi 插件高亮 Divi ConKit Pro 社交分享

DP团队

团队模块可以轻松地在您的网站上显示您的团队成员。 您可以添加照片、姓名、职位和简历,甚至可以添加指向个人网站、电子邮件地址和社交媒体网站的链接。 有几个不同的选项,内容也可以在悬停时显示在图像上。

Divi 插件亮点 Divi ConKit Pro 团队

DP推荐信

推荐模块允许您将客户推荐添加到您的站点。 它使您可以选择包含星级,您可以选择使用报价图标或上传自己的。 还有多种定位和布局选项可供选择,允许您创建完全自定义的设计。

Divi 插件亮点 Divi ConKit Pro 推荐

DP Twitter 提要

此模块允许您在您的网站上显示 Twitter 提要。 该模块有许多选项供您选择确切显示的内容,当然,该设计完全可以使用 Divi 的许多设计选项进行定制。

Divi 插件突出显示 Divi ConKit Pro Twitter 提要

DP 垂直时间线

垂直时间线模块允许您创建包含文本和图像内容的时间线。 有几个可用的布局选项,您可以选择添加滚动线,为时间线添加一些动态移动。 此外,您可以完全自定义时间线的样式,甚至为活动和非活动状态添加不同的颜色。

Divi 插件突出显示 Divi ConKit Pro 垂直时间线

DP 视频弹出窗口

使用此模块,您可以添加在深色叠加背景的同一页面中弹出的视频。 您可以上传封面图片并自定义整体设计、叠加图标和其他设计元素。 您可以链接来自 YouTube 或 Vimeo 的视频,或上传您自己的视频。

Divi 插件高亮 Divi ConKit Pro 视频

Divi ConKit Pro 扩展

除了 DiviConKit 附带的模块之外,插件附带的一些扩展可以为您的网站添加额外的功能。 让我们来看看每一个。

博客设计师

博客设计器为您提供了额外的选项来自定义博客和帖子页面的设计方式。 您可以在外观下的自定义菜单中找到博客设计器设置,或者单击 Divi ConKit 设置中的链接。

Divi Plugin Highlight Divi ConKit Pro 博客 设计师设置

在博客/存档设置中,您可以更改布局、背景、显示的帖子项目、特色图像大小以及其他大小和间距选项。

Divi 插件突出显示 Divi ConKit Pro 博客存档设置

接下来,在单个帖子设置中,您可以自定义内容的大小和间距、更改背景、选择显示的元素、添加帖子作者框、帖子导航、相关帖子等等。

Divi 插件突出显示 Divi ConKit Pro 博客文章设置

弹窗制作器

弹出窗口制作器允许您使用 Divi 视觉构建器设计自定义弹出窗口。 您可以在 WordPress 仪表板的 DiviConKit 设置部分下找到弹出窗口设置。 您可以指定希望每个弹出窗口出现的特定页面。

Divi 插件突出显示 Divi ConKit Pro 弹出窗口生成器

在弹出窗口的设置中,您可以指定打开事件和动画样式、更改背景和覆盖、调整位置和大小等等。

Divi 插件突出显示 Divi ConKit Pro 弹出设置

这是正在运行的弹出窗口。

Divi 插件突出显示 Divi ConKit Pro 弹出窗口

登录设计器

登录设计器允许您为您的网站自定义 WordPress 登录页面。 您可以在外观下的自定义菜单中找到登录设计器设置,或单击 Divi ConKit 设置中的链接。 您可以自定义背景、徽标、登录表单和字段、所有文本和标签以及按钮。

Divi 插件突出显示 Divi ConKit Pro 登录设计器设置

不幸的是,您在进行这些更改时看不到登录页面,因为您需要退出才能看到登录页面。 为了解决这个问题,我在浏览器中使用隐身窗口打开了登录页面,这样我就可以同时看到两者并查看我所做的更改。

Divi Plugin Highlight Divi ConKit Pro 登录设计器

这是登录页面的自定义版本,具有新的背景、徽标、字段背景和文本颜色。

Divi 插件突出显示 Divi ConKit Pro 登录页面

Divi 库简码

DiviConKit Pro 还允许您使用简码在 Divi 模块或 .php 文件中显示任何 Divi 库模板。 当您访问 Divi 图书馆时,您将看到列出的每个图书馆项目的简码。 只需复制短代码并在 Divi 构建器中的代码模块中使用它或将其添加到 .php 文件中,就会出现 Divi 库项目。 在此示例中,我使用简码将 Divi 库中的定价表添加到我的页面。

Divi 插件突出显示 Divi ConKit Pro 简码

购买 Divi ConKit Pro

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

最后的想法

Divi ConKit Pro 是一个功能丰富的插件,它添加了许多很棒的模块来扩展 Divi Builder 的功能。 每个模块都包含选项并且完全可定制,可以轻松为您的网站创建漂亮的模块。 最后,我们很乐意听取您的意见! 您是否尝试过 Divi ConKit Pro? 请在评论中告诉我们您对此的看法!