Divi 插件亮点：Divi 工具箱

Divi Toolbox 是一个第三方插件，它为 Divi 添加了许多通常需要 CSS、JavaScript、PHP 或许多单独插件的新效果。 效果易于使用和自定义，并为您的 Divi 网站提供一些额外的亮点，以从人群中脱颖而出。

效果包括站点范围的更改、新的移动菜单、粒子背景、页脚、小部件、样式、动画、标题、导航、新博客布局、新位置的 Divi 布局、登录屏幕自定义、弹出窗口等等。 许多功能可以通过主题定制器的新增功能来设计。 Divi Toolbox 不适用于 Extra 或 Divi Builder 插件。

Divi 工具箱常规设置

Divi 工具箱选项屏幕已添加到 Divi 仪表板菜单中。 此处启用设置，但在自定义程序中进行调整。

常规设置包括全局标题样式、自定义登录页面、隐藏项目、允许上传 SVG 文件类型、自定义浏览器滚动条、404 页面设置（选择布局并隐藏页眉和页脚）和社交图标设置（启用样式、打开方式）一个新选项卡，并添加更多图标）。

添加更多社交图标会打开一个字段，您可以在其中输入另外 9 个社交网络的 URL。

这是自定义程序中的“常规”选项卡，我可以在其中调整已启用的设置。 设置包括标题和字体、浏览器滚动条和登录屏幕。 在此示例中，我对 h1 和正文文本进行了一些调整，并为滚动条添加了样式。 我还添加了更多社交图标。

对于登录屏幕，您必须进行更改，然后注销或在另一个浏览器中查看该屏幕。

这是添加背景图像、徽标并更改字段和文本的大小和颜色后的登录屏幕。 这确实需要一些调整，因为您在进行更改时看不到屏幕。

Divi 工具箱标题设置

Header设置为菜单添加样式，启用自定义下拉菜单，添加 CTA 菜单按钮，更改固定菜单上的标志，启用重叠标志，并在首页导航前添加 Divi 布局，以及前后布局其他页面的导航。

CTA 菜单按钮可让您将 CTA 应用于第一个或最后一个菜单项，或应用自定义类。 它提供了 CSS 和有关添加它的位置的说明。

这是标题的定制器。 我在菜单上方添加了一个布局（在这个例子中它只是一个文本模块，但如果你愿意，你可以添加一个完整的布局）。 重叠的标志有一个带有阴影效果的方框。 我将徽标大小从 200 更改为 140，并将社交图标移至主菜单。 我将鼠标悬停在“服务”菜单项上，以便您可以看到 CSS 效果。

Divi 工具箱页脚设置

页脚设置包括粘性页脚、页脚显示、自定义菜单和小部件、自定义返回顶部按钮（添加自定义按钮链接选项）以及在页脚布局前后添加。

在此示例中，我将标题和菜单字体更改为全部大写并增加了间距。 我还调整了悬停颜色并在悬停文本旁边添加了一个图标。 我在页脚布局之后添加了一个布局。 这个使用了一个显示的页脚（这就是为什么文本在它上面的文本模块后面）。

我已经设计了返回顶部按钮的样式，以便它显示文本。 它有阴影效果，我已经调整了它的位置。 我保留了默认颜色。 我已将底部文本和社交图标居中。 对于悬停效果，我选择了 Grow（它还包括收缩、向上移动、向下移动、摆动、心跳、果冻和脉冲）。 我将鼠标悬停在 Facebook 图标上，以便您可以看到效果。

Divi 工具箱移动设置

移动设置包括输入移动菜单断点的字段（菜单从桌面更改为移动时的确切屏幕宽度）、自定义样式、更改徽标、选择汉堡图标单击效果、折叠嵌套子菜单和启用几个 CSS 类。 CSS 类允许您反转列并使文本、模块和按钮居中。

下面是在 Google Chrome 中选择响应式的页面。 一旦我将屏幕尺寸缩小到 980 像素以下，它就会更改为我选择的移动图标，并添加了带有我选择的动画的汉堡菜单。

在此屏幕中，我正在为移动菜单的背景颜色、悬停背景颜色和汉堡菜单设置样式。 我已将主菜单项的文本更改为全部大写，并保留了 CTA 文本标准。 我还更改了 CTA 菜单项的背景。 您还可以调整菜单和图标大小。

Divi 工具箱博客设置

博客设置允许您自定义侧边栏和小部件、帖子元、存档和类别页面、选择布局（从 6 个选项中）、隐藏存档侧边栏以及自定义阅读更多按钮文本。

对于单个帖子，您可以选择侧边栏布局、隐藏帖子标题、添加作者框、添加上一个和下一个链接、添加相关帖子以及自定义评论表单。 您还可以在导航到单个帖子、档案、类别、作者页面和搜索结果页面后添加自定义布局。

对于博客页面，我在侧边栏添加了阴影效果，更改了字体及其样式，并设置了搜索框的样式并增加了边框的大小。 它使用交替布局，我自定义了阅读更多按钮文本。

这个例子是布局 6。我再次自定义了元字体颜色并添加了悬停颜色。 我还自定义了阅读更多按钮背景。

单独的博客文章让您可以自定义您在博客设置中添加的每个元素。 在此屏幕中，我正在自定义相关帖子、下一个和上一个链接以及作者框。 您可以控制所有文本、颜色、阴影等。

在此示例中，我正在自定义评论表单。 您可以控制字段的颜色（焦点和非焦点）、边框、文本、颜色、按钮等。我更改了按钮背景颜色、字段的焦点颜色、向字段添加了边框，并更改了半径。

Divi 工具箱模块设置

Modules选项卡提供了添加跟随鼠标悬停效果的设置，添加了一个纤薄的电子邮件选择（它提供了三个不同选项的 CSS）、辅助按钮（它添加了一个新的自定义层）和许多调整。

调整包括用于手风琴和切换模块的动画三角形图标，删除定价表的水平底部边框和填充，在推荐内容下方移动纵向图像，隐藏水平滚动条，以及添加 CSS 以垂直对齐列和更改高度任何元素到其视口高度的 100%。

以下是选择加入的精简电子邮件。 它将所有字段放在一行中。 此示例还使用辅助按钮。 只有我添加了 CSS 类的按钮才会获得这些更改。 使用 CSS 类意味着我现在有两个全局按钮样式。

Divi 工具箱附加设置

Extras选项卡包括预加载器、弹出窗口、粒子背景、3D 倾斜效果和模块的视差滚动。

有 12 种预加载器可供选择。 如果需要，您可以让它们只出现在主页上，并选择它们的过渡类型和速度。 选择器屏幕显示预加载器的动画。 您可以在主题定制器中进一步定制它们。

使用菜单项、按钮、文本中的链接等中的任何链接触发弹出窗口。创建任意数量的窗口。 为弹出窗口选择任何预制布局。 在定制器中定制背景和关闭按钮。

这是移动的粒子。 您可以完全控制颜色、形状、粒子数量、速度、大小、线条大小、不透明度和交互性。 有两个用于粒子的 CSS ID，让您有两种不同的设计。

下面来看看倾斜功能。 您可以调整倾斜度、视角、比例、速度和眩光。 将其添加到任何部分、行或模块。

Divi 工具箱许可证

有两种许可证可供选择：

• 常规许可证（用于一个项目）– 49.00 欧元
• 扩展许可证（用于无限项目）– €169.00

结束的想法

这个插件的功能和设置给我留下了深刻的印象。 我特别喜欢它为不是使用 Divi 构建器创建的博客文章添加相关帖子、上一个和下一个链接以及作者框。 滚动条也是一个很好的接触。

您可以在 Divi 模块中访问一些设置，例如标题文本，但这为这些设置提供了更多详细信息。 我希望添加更多调整（例如，评论框的阴影效果、更多徽标选项、社交媒体图标放置等）。

如果您有兴趣以最简单的方式向 Divi 添加大量新效果，Divi Toolbox 值得一看。

我们希望听到您的意见。 您是否尝试过 Divi 工具箱？ 在下面的评论中让我们知道您的体验。

特色图片来自 vasabii/shutterstock.com