WordPress divi主题

Divi 插件亮点:Divi 工具箱

by | May 17, 2022 | Divi主题使用教程 | 0 comments

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

在 Divi 市场中找到它

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

google广告开户

在 Divi 市场购买

Divi Toolbox 是一个第三方插件,它为 Divi 添加了许多新效果,这些效果通常需要 CSS、JavaScript、PHP 或许多单独的插件。 这些效果易于使用和定制,让您的 Divi 网站更加闪耀,从人群中脱颖而出。

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

Divi Toolbox 常规设置

Divi 工具箱选项屏幕已添加到 Divi 仪表板菜单中。 此处启用了设置,但在定制器中进行了调整。

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

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

WordPress divi主题

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

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

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

Divi 工具箱标题设置

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

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

fiverr建站WordPress程序员

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

Divi 工具箱页脚设置

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

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

独立站选品工具

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

Divi Toolbox 移动设置

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

这是选择了响应式的 Google Chrome 中的页面。 当我将屏幕尺寸小于 980 像素时,它就变成了我选择的移动图标,并添加了我选择的带有动画的汉堡菜单。

高质量外链购买

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

Divi Toolbox 博客设置

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

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

JasperAI 10000字免费额度试用

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

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

WordPress备份工具updrafplus

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

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

Divi 工具箱模块设置

模块 选项卡提供设置以添加鼠标悬停效果、添加纤细的电子邮件选择加入(它为三个不同的选项提供 CSS)、辅助按钮(添加新的自定义层)和许多调整。

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

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

Divi Toolbox Extras 设置

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

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

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

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

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

Divi 工具箱许可证

有两种许可证可供选择:

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

结束的想法

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

您可以在 Divi 模块中进行一些设置,例如标题文本,但这为这些设置提供了更多详细信息。 我希望看到更多调整(例如,评论框的阴影效果、更多徽标选项、社交媒体图标位置等)。

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

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

特色图片来自 vasabii / shutterstock.com

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