看看优雅的主题 Divi 2.4

已发表: 2015-06-22

分割缩略图 Divi 是目前优雅主题最强大和最先进的 WordPress 主题,它刚刚进行了历史上最大的升级。 Divi 为您提供可用于创建有趣的布局和内容区域的构建块。 您可以添加文本、滑块、地图、简介、手风琴、定价结构等等。 您几乎可以创建您需要的任何类型的网站。 当然,它是响应式的。

从它发布的第一天起,我就成为了 Divi 用户。 在这篇文章中,我分享了我对 Divi 的看法,并了解了 2.4 版中的新功能。

2.4 中的新功能

Divi 2.4 是 ET 未来产品线的基础。 它有超过 1000 个模块设计和定制器设置,并添加了一些有趣的功能:

  • 全局设置——更容易进行站点范围的调整
  • 流体网格 – 页面布局没有固定宽度。 使用流体网格,您可以创建自己的宽度。
  • 高级构建器设置——每个模块都有来自简单 UI 的高级 CSS 设置。
  • Divi Library – 高级布局。

主题选项

主题选项

所有 ET 主题都使用一个名为 epanel 的选项屏幕。 epanel 的功能会根据主题的功能而变化。 Divi 的面板很广泛。 它具有基本的功能,例如 logo、favicon、固定导航栏、抓取第一张图片、博客样式、要显示的帖子数量等。它添加了很多选项,包括:

  • WooCommerce 商店页面
  • MailChimp 键
  • 阿韦伯授权
  • 社交媒体图标
  • 社交媒体网址
  • 谷歌字体
  • 平滑滚动 - 允许下一行及其内容在滚动时淡入
  • 响应式简码
  • 返回顶部按钮
  • 自定义 CSS
  • 和更多

导航设置包括页面、类别、主页链接、下拉菜单等。它具有布局设置、广告管理、SEO 自定义、高级代码集成和文档。 您可以仅通过面板进行大量自定义。

主题定制器

主题定制器

主题定制器从前端工作,并添加了许多滑块来调整字体大小、样式、行、按钮、颜色、动画、页眉大小、页脚大小、背景图像等等。 您可以进行所有调整并在它们发生时查看效果(所见即所得——所见即所得)。

您可以将您的联系信息和社交链接放在标题中。 标题对于企业来说是一个特别好的选择,因为它将重要信息放在前面和中心,并且当读者向下滚动时它会留在屏幕上。 它还包括布局和地形。 就像标准自定义一样,您可以选择导航、小部件和静态首页。

它甚至可以让您调整平板电脑和手机的移动设置,并且每个设置都独立于所有其他设置并且彼此独立。 您可以在模拟移动设备的屏幕中看到效果,以便在发布之前查看它的外观。 这是一个很好的功能,因为您不必使用移动设备来检查网站在您刚刚进行的调整后的外观。 我真的很高兴看到这包括在内。

模块定制器

模块定制器

您可以使用 Module Customizer 自定义前端模块的外观。 自定义包括大小、宽度、高度等的滑块。您还可以选择字体、样式、动画、动作等。

迪维图书馆

迪维图书馆

Divi 库包含您创建的布局。 您可以编辑任何布局并从此菜单创建新布局。

Divi Builder

Divi Builder

当您使用 The Divi Builder 时,Divi 的真正魔力就会发生。 您可以通过选择可视化编辑器上方标记为 Use The Divi Builder 的按钮来使用它。 以前的版本有 Page Builder,它只适用于页面。 Divi Builder 适用于所有帖子类型。

  • Divi 还将帖子设置添加到您的编辑器中,因此您可以根据需要选择页面布局、点导航、隐藏导航和隐藏每个帖子的帖子标题。

您可以加载页面布局或修改默认布局。 布局由具有行和列的部分组成。 然后将模块放置在列中。 您可以通过拖放任何部分、行、列或模块来更改布局。

部分

部分

可以添加、删除、克隆和修改部分。 您可以修改背景的外观和反应,添加背景图像,使背景透明,选择其颜色,播放视频,选择其整体大小,是否可以被其他播放器暂停,是否有内部阴影,如果它使用视差效果,并设置特殊的CSS。 使用这些设置,您可以使相同的简单布局看起来独一无二。

您还可以创建每个部分的克隆 - 包含相同的行、模块、内容和设置。 当然,您可以随心所欲地修改新部分。

有四种不同类型的部分。 您可以添加标准部分、全角部分、专业部分或从库中添加。

行

您可以添加新行和修改现有行。 然后可以将列放置在行上,构建您的布局。

列

这些列是添加模块的地方。 有 11 种不同的列布局可供选择。

专业部分

专业部分

还有9个专业栏布局。 其中包括侧边栏的各种选项。

从库加载

从库加载

您可以从 32 个预定义的布局或您创建的布局中加载布局。 每一个都可以修改。 布局包括各种数量的列、网格、轮播、侧栏、主页、商店、企业、投资组合、博客、维护模式、即将推出、登陆页面、销售页面、案例研究、产品功能、关于页面、联系页面、购物页面等等。

从库 2 加载

您的页面是通过放置行、在这些行中放置列、然后在这些列中放置模块来构建的。 您可以添加新行、通过拖放移动行或删除行。 预制布局已经为您制作了这些。 我选择了 Homepage Basic,它给了我一个带有滑块、标题、四个简介和号召性用语的布局。

模块

模块

模块是特殊的内容类型(如小部件)。 您可以添加新模块,按您想要的任何顺序拖放它们,或删除它们。 您还可以添加各种类型的内容。 您可以拥有任意数量的模块,并以您想要的任何组合使用它们。 您使用同一模块的次数不受限制。 例如,如果您想要一个充满地图的屏幕,只需添加任意数量的地图模块即可。

有40个模块:

  • 全角标题
  • 全角菜单
  • 全角滑块
  • 全幅作品集
  • 全角地图
  • 全角代码
  • 全角图像
  • 全角帖子标题
  • 图片
  • 画廊
  • 视频
  • 视频滑块
  • 文本
  • 模糊
  • 标签
  • 滑块
  • 见证
  • 定价表
  • 呼吁采取行动
  • 声音的
  • 注册
  • 登录
  • 文件夹
  • 可过滤的投资组合
  • 吧台
  • 圆形计数器
  • 号码计数器
  • 手风琴
  • 切换
  • 联系表
  • 侧边栏
  • 分频器
  • 博客
  • 店铺
  • 倒计时器
  • 地图
  • 社交媒体关注
  • 帖子标题
  • 代码

这是足够的模块,您可以为您的网站创建一些有趣的布局和功能。 模块是 Divi 的优势之一。 通过将模块放在列中,您可以从字面上创建一个独一无二的布局。 使用模块,Divi 将让您创建几乎任何您想要的网站。

每个模块都有自己的设置。 它们中的大多数都有编辑器、高级设计设置和 CSS 设置,因此您可以添加它们的内容并修改它们的外观和感觉。 以下是一些模块及其功能:

文本

文本

文本为您提供基本的编辑器和文本颜色和方向选择、高级设计设置(宽度、高度、颜色、边距等的滑块)和自定义 CSS。 大多数模块都包含这些或类似的功能。

模糊

模糊

我点击 Blurb 看看我可以添加什么样的内容。 在这里,我可以给它一个标题、URL、确定 URL 的工作方式、给它一个图标、选择颜色、字体等,然后使用标准的 TinyMCE 编辑器添加内容。 高级设计设置包括与文本模块相同的设置,但添加了图像设置。

地图

地图

地图为您提供了一张漂亮的地图,您可以将其显示为常规地图(带或不带地形)或在卫星视图中查看(带或不带标签)。 您可以添加图钉,以便突出显示地图上的特定位置。 您只需输入地址并选择添加新引脚。 高级设置为您提供带有百分比控制的灰度过滤器。

博客

博客

博客模块很有趣。 它允许您将博客文章放置在您选择的任何宽度的单个列中。 我喜欢这个的原因是你可以有一个静态的首页,并且仍然显示你选择的特定类别的博客文章。 您可以显示任意数量的内容,还可以显示摘录、作者姓名、日期、类别、分页、特色图片、阅读更多按钮等。 这将形成一个有趣的杂志式布局。 它包括与文本模块相同的高级设计设置,但具有一些额外的背景颜色和标题设置。

帖子标题

帖子标题

这是新模块之一。 它使您可以设计帖子标题的外观并选择包含的内容和不包含的内容。 高级设计功能与文本模块基本相同,但有一些额外的设置,例如背景颜色。

帖子标题 2

这是帖子标题模块的高级设计设置。

使用 Divi 作为常规主题

使用 Divi 作为常规主题

当然,您不必使用任何这些功能。 您可以像使用任何其他主题一样使用 Divi。 只需在面板中选择您想要的设置并像平常一样创建内容 - 使用标准编辑器。 这使得一个简单而干净的网站或博客足够优雅,可以按原样使用。

语言支持

语言支持

Divi 内置了对 30 多种语言的支持,并且可以翻译成其他语言。 这包括前端和构建器,当启用 RTL 语言时,它甚至从右到左显示。

获得Divi

获得Divi

Divi 是 ET 个人计划的一部分,该计划每年收费 69 美元,包括访问所有主题、永久更新、支持和无限制使用。 如果您取消订阅,您可以保留从 ET 下载的所有内容。

在我看来,仅 Divi 就值得这个价格(尤其是当您考虑到这种口径的大多数主题的成本远高于此时),但是当您考虑到包括 87 个主题并且还在增加时,加入优雅主题至少一年是不行的脑筋急转弯。

再往前走

ET 议程上的下一个版本是 Divi Builder 插件,这是一个名为 Extra 的杂志主题,它将共享相同的建筑元素,但以杂志布局为重点,然后是 Divi 3.0。 显然,ET 完全致力于 Divi 和 Divi builder 平台的成功。 现在我已经看到了 Divi 2.4,我无法想象 Divi 3.0 中的改进和功能。

Divi Builder 插件

Divi 的一个缺点是,一旦您创建了页面布局,您就无法在不重新创建页面和帖子的情况下切换主题。 ET 使用免费插件解决了这个问题,无论您使用什么主题,该插件都能保持布局。 即使您不使用 ET 的主题,您也可以保留所有布局和模块。 这个插件应该很快就可以使用了。

最后的想法

Divi 可以创建复杂的布局,但仍然很容易使用。 它没有很大的学习曲线。 您可以轻松添加元素并将它们拖放到您想要创建自己的自定义布局的任何位置,并使用滑块修改它们的外观。 它们可以像您希望的那样复杂或简单。

以您想要的方式获得布局可能需要一些时间,但至少您可以将布局保存为模板或使用预制布局,这可以为您节省大量开发时间。 进行高级风格的调整比以往任何时候都更容易,并且每个设置都有一个撤消按钮,因此您不必担心犯错误。 使用 Divi 制作的网站在任何设备上看起来都令人印象深刻,而且加载速度很快。 我强烈推荐来自优雅主题的 Divi 2.4。

了解有关 Divi 的更多信息并在此处下载

你呢? 你试过迪维吗? 你的经历和我一样吗? 你有什么要补充的吗? 在下面的评论中告诉我们。