WordPress divi主题

Divi 插件亮点:工具集 Divi 集成

by | Apr 30, 2022 | Divi主题使用教程 | 0 comments

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

Toolset 是一个 WordPress 插件,它添加了可在您网站的任何位置使用的自定义帖子类型、字段、分类法和帖子关系。 这些元素通常使用简码或 Gutenberg 块放置在您的内容中,但 Toolset 现在通过工具集视图模块与 Divi 本地集成。 在本文中,我们将了解 Toolset 如何与 Divi 集成,并了解它可以做什么。

google广告开户

工具集视图

工具集视图

通过允许 Divi 轻松显示工具集视图,工具集与 Divi 集成。 工具集视图是使用 Gutenberg 编辑器中的一个块在页面、帖子或模板内创建的。 打开块列表,向下滚动到工具集,然后从块列表中添加一个视图块。

工具集视图

然后,您可以选择创建新视图或使用现有视图。

工具集视图

创建新视图允许您选择视图元素和循环样式(即布局或结果的显示方式)。 视图可以显示所有结果,包括分页、前端排序、滑块、使用自定义搜索等。您可以在此处进行这些选择,也可以稍后更改它们。

工具集视图

选择将在视图中显示的内容。

工具集视图

WordPress divi主题

这使您可以创建循环,然后您可以使用它来显示帖子类型。 文档将详细指导您完成此操作。 视图可以显示帖子、分类法和用户等内容,每个内容都有帖子类型的子集。 这包括使用工具集创建的自定义帖子类型。

编辑至此
__

工具集视图

使用工具集块创建和编辑视图。

工具集 Divi 模块

工具集 Divi 模块

Toolset 向 Divi Builder 添加了一个名为 Toolset View 的模块。 此模块显示您选择的任何工具集视图,并且可以使用标准 Divi 模块设置进行自定义。

内容选项卡

内容选项卡

内容选项卡包含一个下拉框,您可以在其中选择要显示的工具集视图。 它还包括链接、背景设置和管理员标签。 我选择了一个名为 3 主页导师.

视图的设计是在工具集帖子类型编辑器设置中创建的。 我使用模块的背景设置为背景添加了颜色,以帮助它脱颖而出。 视图使用您在创建时分配的功能在 Divi Visual Builder 中实时显示。 这使您可以轻松查看如何使用 Divi 设置对其进行样式设置,并查看它在您的布局中的外观。

内容选项卡

fiverr建站WordPress程序员

这是另一个工具集视图。 我没有更改背景设置,因此新视图显示在我已经设置的背景上。

设计选项卡

设计选项卡

“设计”选项卡包括文本、模块文本、大小调整、间距、边框、框阴影、过滤器、变换和动画的设置。 有足够的设置来设置模块的样式以适应任何 Divi 设计。 让我们看看特定于该模块的那些。

文本

设计选项卡

文本选项调整标签和描述的对齐方式和阴影。 文本阴影包括长度、模糊强度和颜色等标准设置。 我已将对齐方式设置为正确,并在此示例中添加了文本阴影颜色。

独立站选品工具

模块文本

模块文本

模块文本设置包括字体、粗细、样式、对齐方式、颜色、大小、间距、高度和文本阴影调整。 文本颜色会影响标签。 其余设置会影响标签、标签、描述、按钮文本和星级。

在此示例中,我将字体设置为半粗体,将字体样式设置为全大写,将文本颜色设置为红色,将字体大小增加到 16px,并将行高减小到 1.7em。 我还没有调整边框、框阴影、大小、间距、过滤器等,但这些设置也可用。

带有 Divi 示例的工具集

以下是在 Divi 布局中使用工具集视图模块的一些示例。 我会将模块添加到一些布局中。 对于其他人,我将用单个工具集视图模块替换当前模块。

将工具集视图模块添加到登录页面

带有 Divi 示例的工具集

高质量外链购买

这是放置在 Yoga Studio 登陆页面布局中的 Instructor View。 它被放置在一个介绍教师的部分中,包括文本模块、工具集视图模块、人员模块和一个按钮。 这是线框视图。

带有 Divi 示例的工具集

这是前端的视图。 结果是教师的一个干净的部分。 工具集视图模块的样式与布局相匹配。 视图包括搜索和排序功能。

带有 Divi 示例的工具集

这是一个缩小的屏幕截图,以显示更多布局,因此您可以看到它与设计的配合程度。

JasperAI 10000字免费额度试用

用单个工具集视图模块替换多个模块

带有 Divi 示例的工具集

此示例使用 Yoga Studio Team 页面。 原始页面使用人员模块显示团队成员。 对于这个,我将使用单个工具集视图模块替换人员模块。 为了比较,此示例显示了原始布局的线框视图。

带有 Divi 示例的工具集

这是原始布局在前端的外观。 我将保留页眉、合作伙伴和页脚,但我会将它们包含在图像中,以便您了解它与 Divi 设计的集成程度。

带有 Divi 示例的工具集

WordPress备份工具updrafplus

我已经用单个工具集视图模块替换了 6 人模块。

带有 Divi 示例的工具集

该页面现在显示更多人(它在工具集编辑器中显示分配给它的号码)并包括分页以查看第二页。 当然,选择不同的工具集视图的能力意味着我们有更多的选项来显示它们。 让我们再看几个例子。

带有 Divi 示例的工具集

此视图显示此人的照片和姓名。

带有 Divi 示例的工具集

此视图删除图像并显示名称、标题和描述。 每个都包括一个盒子阴影,从背景中脱颖而出。 它还包括一个搜索框。

档案页面

带有 Divi 示例的工具集

我创建了一个页面来显示使用 Yoga Studio 页面元素的文章列表。 此布局使用相同的工具集视图模块,但我选择了不同的视图。

在哪里购买

在哪里购买

工具集视图 Divi 模块包含在工具集块插件中。 这个插件是工具集包含的一个扩展,它向 Gutenberg 编辑器添加了许多块,并向 Divi Builder 中添加了一个名为 Toolset View 的模块。 购买 Toolset 时,您可以免费访问 Toolset Blocks 插件。

Toolset 提供三种年度订阅选项。 每个都包括 1 年的更新和支持。

  • 69 美元 – 1 个站点
  • 149 美元 – 3 个站点
  • 299 美元 – 无限站点

结束的想法

这就是我们对工具集 Divi 集成的看法。 这是一个有趣的整合。 Toolset 是 WordPress 的强大工具,因此将其与 Divi 集成是明智之举。 工具集视图仍然在工具集的编辑器中创建,但您现在可以在 Divi 内容中显示它们,而无需使用短代码。 这使您可以访问 Divi 的样式选项。

某些功能和样式通过工具集中的设置提供给视图,但 Divi 模块确实有足够的设置来自定义视图以适应您的页面设计。 我喜欢您可以自定义模块并选择不同的视图而无需更改模块。

Toolset 和 Divi 可以很好地协同工作。 工具集确实有学习曲线,但如果您可以使用工具集视图创建它,则可以在 Divi 布局中显示它。

我们希望收到你的来信。 您是否尝试过 Toolset 的 Divi 集成? 请在评论中告诉我们您的体验。

特色图片来自 Visual Generation / shutterstock.com

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