Divi 插件亮点:Divi Supreme

已发表: 2020-10-09

在 Divi 市场中找到它

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

在 Divi 市场购买

Divi Supreme 是 Divi 的第三方插件,它添加了许多设置以向 Divi Builder 添加新功能以及许多新模块。 在本文中,我们将研究 Divi Supreme,看看它可以做什么,并帮助您确定它是否是您的 Divi 工具箱中需要的插件。

安装

安装

安装简单明了。

  1. 从 Divi Marketplace 购买并下载插件
  2. 导航到插件>添加新>上传插件
  3. 单击选择文件
  4. 在您的计算机上找到插件的 zip 文件并选择它
  5. 点击立即安装
  6. 点击激活
  7. 转到 WordPress 仪表板中的Divi Supreme Pro > License并输入您的许可证密钥

通用设置

通用设置

Divi Supreme 添加了一个带有多个选项卡的菜单屏幕,可以按照您想要的方式自定义设置。 常规设置选项卡包括启用计划元素的切换、弹出窗口、库小部件、阅读更多内容链接、库短代码和响应式查看器。 让我们来看看其中的几个。

预定元素

预定元素

Scheduled Elements 提供了一个包含确切时间的日历,因此您可以安排在这些时间显示或隐藏它。 您还可以选择它适用于哪个用户。 这将添加到所有部分、行、列和模块。

弹出

弹出

弹出功能已添加到模块中。 您可以选择弹出类型、从库中选择布局、选择打开和关闭触发器、自动关闭、进出动画、位置、宽度、叠加、关闭按钮、图标、颜色等。

阅读更多

阅读更多

阅读更多添加指向某些模块的链接,以在点击时显示其内容。 选择在移动设备上显示链接、折叠高度、文本、字体、颜色、阴影、自定义 CSS 等。

图书馆小工具

图书馆小工具

库小部件可让您将 Divi 库中的任何布局放置在侧边栏、页脚或使用小部件的任何其他地方。

图书馆小工具

此示例显示侧栏中的演示布局。 我使用的布局不是为这个空间设计的,但有趣的是它可以使用 Divi 布局来构建侧边栏。

响应式查看器

响应式查看器

响应式查看器向构建器工具栏添加了新工具,提供更多查看选项。 当您选择查看平板电脑或手机模式时,新的屏幕尺寸会添加到工具栏中。 它还添加了一个字段,您可以在其中输入自定义尺寸。

简单的主题生成器

简单的主题生成器

Easy Theme Builder 可让您配置标题、在滚动时更改标题元素的颜色以及自定义缩小的元素。

固定标题

固定标题

默认情况下,使用主题生成器创建的标题会随站点滚动。 在上面的例子中,我已经向下滚动页面并且标题已经滚动。

固定标题

标题现在是固定的,所以当我滚动标题时,标题保持原位。

滚动

滚动

对于滚动,我更改了两个部分的背景颜色。 我还添加了框阴影以显示在滚动上。

滚动

这是我滚动前的 Theme Builder 标题。 我已将其设置为“固定”并将内容向下推。 这个标题有两个部分。

滚动

这是滚动后的标题。 这两个部分根据我的设置更改了它们的背景颜色。

收缩

收缩

缩小允许您在滚动时指定菜单的大小并将徽标更改为新图像。 向节、行、模块添加填充,并指定要缩小的图像的百分比。

收缩

这是我的 Theme Builder 标题及其默认设置和新徽标。

收缩

我已将大小设置为增加,因此很容易看到差异。 我添加了 8px 的填充并将图像设置为 80%。 它现在已将徽标更改为我的新图像。

社交媒体设置

社交媒体设置

社交媒体设置可让您输入 Facebook 应用 ID 并更改语言,以便您的模块使用与您的网站相同的语言。

杂项

杂项

杂项设置允许您在卸载时删除插件的数据,允许 JSON 文件上传、SVG 上传,以及更改 Divi Supreme 菜单名称和图标。

分区模块

分区模块

Divi Supreme 为 Divi Builder 添加了 42 个新模块。 它们为图像、文本、按钮、联系表单、社交媒体网络等添加了许多新功能。让我们看看其中的一些。

最高营业时间

最高营业时间

最高营业时间包括一周中每一天的子模块,允许您单独命名它们、显示不同的时间并设置它们的样式。 您也可以像我在这里所做的那样将它们一起设计。 它使您可以独立控制日期和时间字体。 您还可以在字段中输入您想要的任何文本。

至尊按钮

至尊按钮

Supreme Button 为您提供了两个按钮,您可以将它们搭配在一起或单独设计。 它还添加了分隔符文本、每个按钮的灯箱和工具提示。 每个元素都有自己的样式选项。 您可以使用所需的确切功能,因此您不必同时使用两个按钮、分隔符文本等。

至尊卡

至尊卡

Supreme Card 创建看起来像博客文章的卡片。 添加图像、标题、描述、按钮和徽章。 每个元素都可以独立设置样式。 我添加了一个图像,增加了标题的字体粗细,更改了徽章颜色和字体大小,更改了按钮的颜色,使按钮变圆,并为按钮添加了框阴影。 这是堆叠视图。

至尊卡

您还可以 inline 并选择宽度、顺序对齐和水平内容对齐(调整图像的垂直位置)。 这显示左对齐顺序和中心对齐水平对齐。 对齐选项非常适合在交替布局中创建 CTA。

至尊卡

这是正确的对齐方式。 我还对图像进行了一些调整,例如添加圆角、红色边框和框阴影。 您还可以向图像添加叠加层。

至尊卡轮播

至尊卡轮播

Supreme Card Carousel 提供与 Supreme Card 相同的功能,但在滑块上增加了多张卡片。 它为您提供了样式选项,因此您可以独立设置卡片的样式。 它还为轮播添加了样式选项,包括箭头和点导航,以及标准滑块功能。 这显示了我添加的图像的默认设置。 这是堆叠对齐。

至尊卡轮播

这是内联对齐。 我为每个子模块添加了背景颜色,以便独立。 我还更改了箭头的大小和颜色以及点导航的颜色。 箭头调整还可让您控制位置、上一个图标和下一个图标。

最高双标题

最高双标题

Supreme Dual Heading 为文本提供三个部分:前、中、后。 默认情况下,中间文本是不同的颜色。 所有三个都使用相同的设置,但您可以独立设置它们的样式。 您还可以将它们显示为内联或以您想要的任何组合堆叠。 内联是默认设置。 我增加了前后文本的字体大小,减少了后文本,并使中间文本加粗。

至尊嵌入式谷歌地图

至尊嵌入式谷歌地图

嵌入的 Google 地图可让您添加想要固定的地址并选择缩放级别。 不需要其他设置。 它使用 ctrl+ 进行缩放,因此用户可以滚动过去而无需页面停止缩放地图。

至尊嵌入式谷歌地图

它没有任何地图元素的自定义设置,但它具有所有标准设计选项。 在这个例子中,我添加了一个框阴影并调整了过滤器。

至尊嵌入式推特时间线

至尊嵌入式推特时间线

嵌入式 Twitter 时间线允许您指定 Twitter 用户名以将该用户的 Twitter 帖子嵌入到您的布局中。 限制推文数量,显示页眉、页脚、边框、滚动条并去除背景颜色。 它包括标准设计设置。 它还包括一个明暗主题。

至尊脸书评论

至尊脸书评论

Facebook 评论嵌入了 Facebook 页面的评论,并允许用户使用他们的 Facebook 帐户发表评论。 选择要显示的评论数量,选择浅色或深色方案,并选择评论的排序方式。 用户可以在 Facebook 上点赞、回复和关注此人。 它包括标准设计设置。

至尊图标列表

至尊图标列表

Supreme Icon List 包括子模块,您可以在其中添加内容并为每个项目选择一个图标。 您可以独立设置文本和图标的样式。 您还可以在每个项目后面添加背景,包括颜色、渐变、图像和视频。

最高形状

最高形状

Supreme Shapes 允许您从下拉列表中选择一个形状并设置其大小。 它有 17 种不同的形状可供选择。

最高形状

设计选项可让您更改颜色、使用边框和添加阴影。 它还包括标准设计设置。 我在上面的例子中改变了颜色并添加了一个阴影。

购买

购买

Divi Supreme 可在 Divi Marketplace 购买,价格为 79 美元。 价格包括无限制的网站使用和一年的支持和更新。

结束的想法

Divi Supreme Pro 是一个有趣的 Divi 插件。 它添加了大量新功能和模块,但仍然易于使用。 所有的功能都很有用。 一些添加了效果,而另一些添加了大大扩展 Divi 的功能。 如果您希望在不需要大量插件的情况下扩展您的 Divi 站点或工具箱,Divi Supreme Pro 值得一看。

我们希望听到您的意见。 您是否尝试过 Divi Supreme Pro? 请在评论中告诉我们您对此的看法。

精选图片来自 VectorKnight/shutterstock.com