迪维 vs 阿瓦达 2022

已发表: 2017-11-14
迪维 vs 阿瓦达 2022

优点

Divi 的优点

  • Divi Builder 是一个精致的解决方案,具有数百个自定义选项
  • 提供超过 1,100 种预制布局
  • Divi Library 和 Divi Theme Builder 功能非常棒
  • 优雅的主题会员资格物超所值。

缺点

Divi 的缺点
  • 许多主题选项分为主题选项页面和 WordPress 定制器。

Avada 的优点

  • Fusion Builder Live 是一个多合一的页面构建器和主题定制器。
  • 它带有各种各样的高质量预制布局。
  • 提供的配置选项数量令人难以置信
  • 每次购买都会提供终身更新

Avada 的缺点

  • 许可证仅授予对一个网站的使用和支持

概括

Divi 和 Avada 值得被视为市场上最好的两个 WordPress 主题。 它们都带有专业的预制布局,对 WooCommerce 有很好的支持,并拥有高级页面构建器来帮助您自定义您的网站。

Divi 和 Avada 值得被视为市场上最好的两个 WordPress 主题。 它们都带有专业的预制布局,对 WooCommerce 有很好的支持,并拥有高级页面构建器来帮助您自定义您的网站。

Divi 和 Avada 被广泛认为是市场上最好的两个 WordPress 主题。

这两个多用途的“一体化”WordPress 主题都具有用户友好的拖放页面构建器,并带有漂亮的预制网站布局。 这使您可以通过单击按钮创建任何类型的网站。

优雅主题于 2013 年推出 Divi。这不是市场上第一个“一体化”WordPress 主题,但它是第一个让一切都正确的一体化设计,它鼓励其他主题开发人员加强他们的游戏。

在过去几年中,Elegant Themes 不断完善和改进 Divi,将其旗舰页面构建器 Divi Builder 置于主题的核心。

Divi 无疑仍然是最好的 WordPress 主题之一,但是 WordPress 用户应该考虑其他替代方案,例如 X Theme 和 Genesis Framework。

在这篇评论中,我想向您展示 Divi 与 Avada 的比较。

Avada 于 2012 年由 Theme Fusion 发布,比 Divi 推出早一年。

它的销量约为 600,000,是迄今为止 ThemeForest 上最畅销的 WordPress 主题,以三比一的比例超过了第二名的 X Theme。

使用 Avada 几分钟后,为什么 WordPress 主题如此受欢迎就很清楚了。 它是一个多功能的解决方案,其集成的页面构建器 Fusion Builder Live 非常出色。

让我们仔细看看 Divi 和 Avada 可以做什么,看看它们的比较。

文章部分

  • 易于设置
  • 后端页面构建
  • 前端页面构建
  • 内容和布局
  • 其他功能和设置
  • 表现
  • 支持和文档
  • 成本
  • 最后的想法

易于设置

多合一 WordPress 主题旨在让任何人都可以使用它们,无论他们的技术经验如何。

但是,初学者可能需要一些额外的帮助,尤其是在第一次设置时。

Divi – 易于设置

如果您是 Divi 的新手,您可能会对“Divi”的含义感到有些困惑,因为优雅主题经常使用这个词来描述主题、页面构建器和整体包。

为避免混淆,有时将 WordPress 主题称为 Divi 主题,以将其与 Divi Builder 页面构建器区分开来。

要在您的网站上激活 Divi 主题,您只需将文件上传到 WordPress 主题文件夹并从 WordPress 主题页面激活设计。

激活 Divi

激活后 Divi 主题不会将您重定向到另一个页面,但是您现在将在 WordPress 管理菜单的底部看到 Divi 的管理菜单。

菜单链接到关键配置区域:主题选项、主题生成器、主题定制器、角色编辑器、Divi 库和支持中心。

Divi 主题管理菜单

Divi Builder 直接内置于 Divi 主题中,但它也可作为独立的 WordPress 插件提供给那些想要将 Divi Builder 与其他 WordPress 主题一起使用的人。

独立 Divi Builder 的管理菜单几乎相同。 它只是缺少指向 WordPress 定制器的链接,并且主题选项页面被替换为具有较少选项的插件选项页面。

Divi Builder 管理菜单

如果您的网站上正在使用 Divi Builder WordPress 插件并且您激活了 Divi 主题,则 Divi Builder WordPress 插件将自动停用。

Divi Builder 停用菜单

要为 Divi 启用自动主题更新,请转到 Divi 选项区域中的更新页面并输入您的优雅主题用户名和 API 密钥。

Divi 更新页面

Divi 和 Avada 等多合一 WordPress 主题倾向于使用比其他设计更多的资源来确保某些功能正常工作。

如果您的主机设置配置不正确,您可能会发现导入预制布局的过程很慢。

因此,在激活后检查 Divi 支持中心以检查您的设置状态是谨慎的做法。

此页面还具有安全模式和错误日志。

Divi 支持中心 - 系统状态

Avada – 易于设置

Avada 对其 WordPress 主题采用了更适合初学者的方法。

激活 Avada

将 Avada 上传到 WordPress 主题文件夹并激活设计后,您将被带到 Avada 欢迎页面。

欢迎页面显示有关 Avada 最新版本的介绍视频,并提醒您注册购买。

还建议您激活两个 WordPress 插件:Fusion Core 和 Fusion Builder。

Avada 欢迎页面

您在欢迎页面导航菜单中看到的所有页面都可以在 Avada 管理菜单中找到。

令人讨厌的是,Avada 没有将其放置在“外观”菜单周围,而是将其菜单放置在 WordPress 仪表板管理页面下方的管理菜单顶部。 这会将重要的 WordPress 功能(例如帖子、媒体和页面)的重要链接推到 WordPress 管理菜单的下方。

如果这让您感到沮丧,您可以使用免费的 WordPress 插件管理菜单编辑器来更好地组织您的 WordPress 管理菜单。

Avada 主菜单

要接收主题和插件更新并访问 Avada 的主题演示系列,您需要通过令牌密钥注册您的购买。

Avada 注册产品

必须激活 Fusion Core 和 Fusion Builder 才能使 Avada 正常运行。 您可以通过 WordPress 插件页面执行此操作。

也可以在这里找到 Avada 的 Fusion White Label Branding 插件,以及四个高级插件和一系列推荐的免费插件。

Avada 插件页面

激活 Fusion Builder 后,您将在 Avada 管理菜单下方看到 Fusion Builder 管理菜单。

Fusion Builder 管理菜单

Fusion Slider 管理菜单显示在下方,并且有用于投资组合和常见问题解答自定义帖子类型的菜单。

融合滑块管理菜单

与 Divi 一样,Avada 需要良好的托管设置才能高效工作。

系统状态页面可以帮助您检测主机配置问题。 它显示有关您的 WordPress 安装和服务器环境的信息,并让您生成系统报告。

Avada 系统状态

尽管 Avada 确实向用户提供了更多的菜单和信息,但我觉得开发人员通过将用户重定向到欢迎页面来让 WordPress 初学者进入他们的主题做得更好。

结论 - 易于设置

Divi 或 Avada 都很难设置,但是 Avada 通过将新用户重定向到信息丰富的欢迎页面来帮助初学者更多。

Divi 需要更改的设置较少,并且将大多数配置选项放在一个区域,但激活 Divi 后对初学者没有任何帮助。

获胜者:阿瓦达

后端页面构建

在 Divi 和 Avada 的核心,您会发现市场上两个最好的拖放页面构建器:Divi Builder 和 Fusion Builder。

这两种解决方案都简化了创建精美网站设计的任务,并提供了后端和前端编辑器。

Divi – 后端页面构建

激活 Divi Builder 后,您将在 WordPress 编辑器顶部看到一个“使用 Divi Builder”按钮。 这是指 Divi Builder 前端 Visual Builder 编辑器。

使用 Divi Builder 按钮

然后,您将看到一个使用 Divi Builder 编辑布局的选项。

使用 Divi Builder 进行编辑

如果您已登录,您还可以从 WordPress 管理栏在您网站的前端启动 Divi Builder Visual Builder。

启用可视化生成器

默认情况下,所有帖子、页面和自定义帖子类型都启用 Divi。 如果出于任何原因未显示 Divi Builder,请检查 Divi 选项区域以确保为该帖子类型启用 Divi。

Divi Builder 帖子类型

Divi 最有趣的新增功能之一是 Divi 布局块。 此块允许您将 Divi 布局直接插入 WordPress 块编辑器。

如果您想使用 Divi,这是一个很棒的功能,但使用 WordPress 块编辑器作为创建布局的主要方式。

Divi 布局块

过去,Divi Builder 是一个后端页面构建编辑器。 这个编辑器,现在称为 Legacy Builder,在 Divi Builder 中仍然可用。

如果 Divi 主题已激活,您可以通过转到主题选项区域中的构建器部分并单击高级选项卡来启用旧版构建器。

然后,您可以禁用最新的构建器体验选项并启用经典编辑器。

如果您使用的是独立的 Divi Builder WordPress 插件,这些选项可以在插件选项页面的高级选项卡中找到。

主题选项中的高级 Divi Builder 设置

Legacy Builder 具有与 Visual Builder 中可用的线框视图模式相似的外观。

作为后端编辑器,您无法实时查看对布局所做的更改。 但是,这有助于您更快地创建页面结构,因为干扰更少。

编辑器顶部显示常规设置和导入和导出设置。 下面是保存到库、加载布局和清除布局的选项。 还有用于撤消更改、重做更改和查看编辑历史记录的按钮。

我相信优雅主题通过将 Visual Builder 设为 Divi Builder 的默认编辑器做了正确的事情,但是后端编辑器仍然能够创建漂亮的布局,并且很容易看出为什么一些网站所有者仍然喜欢这个界面。

Divi Builder Legacy Builder 界面

Avada – 后端页面构建

让我们将注意力转向 Fusion Builder。

Fusion Builder Live 是在 Avada 中创建和编辑布局的主要方式,但我首先想向您展示后端编辑器的工作原理以及 Fusion Builder 如何与 WordPress 块编辑器一起工作。

插件激活后,您将在 WordPress 编辑器中看到 Fusion Builder 和 Fusion Builder Live 按钮。

Fusion Builder 的开发人员正计划改进与 WordPress 块编辑器的集成,但目前,激活 Fusion Builder 将使经典编辑器成为默认编辑体验。

启动 Fusion Builder

在 Fusion Builder 设置页面中,您可以通过启用“Fusion Builder 自动激活”来自动加载后端 Fusion Builder 编辑器。

在 Fusion Builder 中创建新帖子或页面时,系统会询问您是要添加容器还是预构建页面。

在 Fusion Builder 中添加新帖子

在 Fusion Builder 的顶部,您可以在构建器和 Fusion Builder 库之间切换。 该库包含完整的网站主题演示和保存的模板、容器、列和元素(模块)。

此区域还允许您修改 CSS、保存布局、删除布局和查看编辑历史记录。

从功能的角度来看,后端的 Fusion Builder 编辑器与 Divi 中的 Legacy Builder 有很多共同之处,但是其暗灰色的配色方案确实使界面看起来有些过时。

Fusion Builder 后端编辑器

Fusion Builder Live 可以从 WordPress 工具栏在您网站的前端启动。 您还可以通过选择“编辑页面”返回您首选的后端编辑器。

Fusion Builder Live WordPress 工具栏

虽然没有与 WordPress 块编辑器直接集成,但当您添加或编辑内容时,您可以选择是要使用 Fusion Builder、Fusion Builder Live 还是 WordPress 块编辑器 (Gutenberg)。

当您使用经典编辑器或 Fusion Builder 编辑器时,无法直接切换到块编辑器。

在 Fusion Builder 中添加新内容

无论您使用 WordPress 经典编辑器、WordPress 块编辑器还是 Fusion Builder,如果您在 WordPress 后端创建内容,您都会看到 Fusion Page Options 框。

这些设置允许您自定义网站上的每个帖子、页面或自定义帖子类型。 您在此处定义的任何内容都将覆盖 Avada 主主题选项页面中的设置。

此处为您的标题、布局、内容区域等提供了数十种设置。

融合页面选项框

与 Divi Builder 一样,Fusion Builder 默认为所有帖子、页面和自定义帖子类型启用。 您可以在 Fusion Builder 设置页面中查看启用了哪些帖子类型。

Fusion Builder 帖子类型

如您所见,从功能的角度来看,Fusion Builder 在您的网站后端为您提供了与 Divi Builder 一样多的设计选项。

结论 - 后端页面构建

即使您将在网站的前端编辑大部分内容和布局,我鼓励您熟悉每个后端编辑器的工作原理,因为它可以让您快速更改已保存的布局。

您还需要了解如何从您的网站后端启动 Divi Visual Builder 和 Fusion Builder Live。

毫无疑问,Divi Builder 在 WordPress 管理区域中得到了更好的实施。 它对 WordPress 块编辑器有很大的支持,并且后端 Legacy Builder 更加丰富多彩。

相比之下,Avada 继续禁用 WordPress 块编辑器,并将过时的经典编辑器设为默认编辑器。

获胜者:迪维

前端页面构建

您没有购买 Divi 或 Avada 来在您的网站后端创建布局,是吗?

如果您想要这些高级 WordPress 主题的完整体验,您应该使用它们的集成前端编辑器。

Divi - 前端页面构建

为了与后端 Legacy Builder 编辑器区分开来,Divi Builder 的前端编辑器称为 Visual Builder,但大多数人简称为 Divi Builder,因为它是默认的编辑体验。

如果您正在编辑已包含内容的页面,Divi Builder 将完全启动,允许您修改布局。

如果页面为空白,Divi Builder 将为您提供三个选项。 您可以选择从头开始创建布局、选择预制布局或克隆现有页面。

我建议初学者选择预制布局,因为它可以让您了解 Divi Builder 可以做什么并了解界面的工作原理。

Divi Builder 选择屏幕

Divi Builder 菜单显示在页面底部,分为三个部分。

当您将鼠标悬停在布局的任何部分时,您将看到元素的轮廓以及用于更改设置、样式、位置等的按钮。

Divi Builder 界面

一个布局是由许多部分构成的。 部分可以包含很多行,行可以包含很多列,列可以包含很多模块。

当您将鼠标悬停在页面上的任何这些项目上时,您将看到一个框,其中包含移动、修改其设置、复制它、将其保存到库、删除等选项。

更改设计的任何方面(无论是部分、行、列还是模块)的过程都是相同的。

Divi Builder 扩展模块设置

Divi Builder 菜单是页面构建体验的重要组成部分。

如果按 Divi Builder 菜单中间的大 X,菜单将消失。 仅保留一个带有三个点的按钮,以便您可以加载菜单备份。

Divi Builder 菜单最小化

在菜单的左侧,有用于放大和缩小设计以及在桌面、平板电脑和智能手机模式下查看设计的按钮。 Divi Builder 是为所有设备开发的响应式解决方案,但它仍然有助于查看移动访问者将如何查看您的布局。

Divi Builder 设置菜单也可从此处获得。

在此设置框中,您可以启用悬停模式、单击模式和网格模式。 这些模式改变了您与 Visual Builder 交互的方式。

在这里可以启用和禁用许多其他设置,例如默认查看模式、页面创建流程和构建器界面动画。

Divi Builder 界面设置

在左侧,您还将找到“线框视图”。

这是我最喜欢的 Divi Builder 功能之一,因为它可以让您从布局中剥离所有视觉元素并查看页面结构。

它使移动模块和行的任务变得更加简单,因为一切都不那么拥挤。

线框视图模式

在 Divi Builder 菜单的中心,有从库加载、保存到库和清除布局的按钮(稍后我将详细介绍布局)。

右侧是加载页面设置框的选项。 此框可以在您的页面周围移动或捕捉到您的页面大小。

可以选择编辑页面标题、特色图片和背景颜色。 拆分测试功能也在这里。

设计和高级选项卡中提供了数十种样式选项。 撤消和重做按钮也集成到该区域中,以便您可以恢复所做的任何更改。

Divi Builder 页面设置

您可以在编辑历史记录框中查看您所做的所有编辑,并恢复到任何以前的状态。

Divi Builder 编辑历史

中间菜单中的最后一个选项是便携性。

可移植性框允许您使用 JSON 文件格式导出和导入布局。

这对于进行布局备份和将 Divi Builder 布局传输到其他网站很有用。

Divi Builder 便携盒

可以使用 Divi 菜单右侧的保存按钮随时保存布局。

该区域还有用于搜索、图层和帮助的按钮。

搜索工具可用于查找所有 Divi Builder 特性和功能。 此处也列出了有用的教程,但您还可以通过帮助按钮找到视频教程和有用的键盘快捷键。

图层是一种新工具,可帮助您查看所有布局部分。 这是检查页面结构的快速方法,它允许您修改部分设置。

Divi 菜单的右侧

Avada – 前端页面构建

Avada 的前端编辑器称为 Fusion Builder Live。

此页面构建器专为 Avada 构建,无法单独下载,令人失望,因为它是市场上最好的 WordPress 页面构建器之一。

Theme Fusion 没有将网站设计选项集成到 WordPress 定制器中,而是直接在 Fusion Builder Live 中构建了一个主题定制器。 这意味着您可以通过编辑器编辑任何内容,无论是帖子或页面,还是网站页眉、页脚、侧边栏或徽标的设计。

在 Fusion Builder Live 中编辑文本块

Fusion Builder Live 的主菜单位于每个页面的顶部,设置显示在页面左侧的侧边栏中。 主菜单中的第一个按钮隐藏了这个侧边栏,让您可以看到完整的布局。

与 Divi Builder 一样,您只需将鼠标悬停在页面的一部分上即可进行自定义或将其移至其他位置。

当显示侧边栏时,您的布局将在主画布区域内缩小,但由于选项显示在页面左侧而不是弹出设置框中,因此感觉不那么拥挤。

Fusion Builder 实时列选项

如果您愿意,您可以在可移动的图标框中显示元素的设置(在 Divi 中,元素称为模块)。

您只需在首选项框中将元素编辑模式从“元素”更改为“对话框”。

对话框编辑模式

顶部菜单中的第二个按钮加载 Fusion Builder 库,旁边是一个选项,用于查看您对页面所做的所有更改。

在 Fusion Builder 中编辑历史记录

下一个按钮会加载 Fusion Builder Live 首选项框。

这里有十几个设置可以改变编辑器的工作方式。 您可以在此处将元素设置从侧边栏移动到主画布区域。

您还可以从此框将主侧边栏移动到页面的右侧,并禁用粘性页眉和透明页眉。

Fusion Builder Live 首选项框

如果您单击菜单中的 + 按钮,您可以创建新帖子、页面和其他自定义帖子类型,而垃圾桶按钮可以让您清除布局。

在 Fusion Builder 中添加新内容

几个有用的选项位于主菜单的右侧。

第一个按钮用于支持。 单击它会显示指向入门指南和 Theme Fusion 支持中心的链接。 此处还显示了有用的键盘快捷键。

下一个按钮用于响应。 这将在桌面模式以及平板电脑和智能手机的横向和纵向模式下显示您的布局。

Fusion Builder 实时支持按钮

Fusion Builder Live 还具有线框视图模式,可使用后端编辑器显示您的布局。

在我看来,Divi Builder 中的线框视图模式更好,因为它更丰富多彩且更易于使用。

最后一个按钮允许您预览、发布和保存布局。

乍一看,预览按钮似乎只是隐藏了选项侧边栏,但此功能也禁用了编辑,因此轮廓和设置按钮不会出现。

线框视图模式

Theme Fusion 将关键设置集成到 Fusion Builder Live 编辑器中的方式非常棒。

设置侧边栏列出了数百个主题布局设置。 它的工作方式与 WordPress 定制器相同。

这些相同的选项也可以在主 Avada 主题选项页面中找到,但是通过在实时编辑器中进行更改,您可以实时查看所做的更改。

Fusion Builder Live 主题选项

还记得 WordPress 管理区域中帖子和页面下方显示的 Fusion Page Options 框吗?

这些相同的选项可以在 Fusion Builder Live 设置边栏中找到。 它们可用于对您的页面及其布局进行特定更改。

Fusion Builder 实时页面选项

总而言之,Fusion Builder Live 是一个出色的解决方案,其界面易于学习。 遗憾的是它没有单独出售。

结论 - 前端页面构建

Divi Builder 和 Fusion Builder Live 都提供了出色的编辑体验,让您轻松创建漂亮的布局。

在创建页面布局和样式页面时,Divi Builder 是更精致的解决方案。

它为模块、列、行和部分提供了更多的样式选项。 其他功能,例如线框视图模式,也得到了更好的实现。

请务必查看我们对 Divi Builder 的完整评论,以更全面地了解它的功能。

获胜者:迪维

内容和布局

Divi 和 Avada 都带有精美的预制网站设计和布局,只需单击一个按钮即可将其导入您的网站。

它们还允许您自定义网站页眉、页脚、侧边栏等。

Divi – 内容和布局

Divi Builder 提供超过 1,100 种布局,其中许多组合在一起形成网站布局包。

优雅的主题每周都会为 Divi 添加新的布局,并且越来越多的第三方网站和市场提供预制的 Divi 布局。

Divi 预制布局

如前所述,当您在空白页面上启动 Divi 时,可以选择预制布局。

您还可以从 Divi Builder 主菜单加载 Divi 库。

加载 Divi 库

Divi 库包含您保存的所有预制和自定义布局。 您使用 Divi Builder 创建的页面也可以在此处访问。

布局被分配到十几个类别之一,但您也可以通过搜索框找到合适的布局。

查找 Divi 布局

Divi 提供超过 150 个网站布局包。

这些包包含您网站的许多不同区域的布局,例如您的主页、博客索引、在线商店、关于页面等。

请务必完整预览布局以准确查看它们的外观。

如果选择“替换内容”,新布局将替换您的整个布局。 如果未选中,则新布局将附加到现有内容的底部。

加载 Divi 预制布局

Divi 提供 40 多个内容模块。 有用于图像、视频、地图、定价表、分隔线、号召性用语等的模块。

Divi 还为 WooCommerce 提供了独特的内容模块,可帮助您列出商店中的产品。

插入 Divi 内容模块

当您将模块添加到页面时,将显示其设置框。 这里有许多功能和样式设置需要调整。

您对模块所做的任何修改都可以保存到 Divi 库中以供以后使用。

Divi Builder 地图模块设置

从 Divi Builder 主菜单中,您可以将布局保存到库中,清除布局,并通过可移植性框以 JSON 格式导出布局。

Divi Library 是 Divi Builder 的一项重要功能,我建议您利用它。

将 Divi 布局添加到库

Divi 库存储您保存的所有已保存的模块、列、行、容器和布局。 您可以从 Divi Builder 或 Divi 主管理菜单中列出的 Divi 库页面访问您保存的布局。

Divi 库布局列表

当您选择编辑布局时,您将在线框视图模式下看到您的布局。

如果您愿意,可以在桌面、平板电脑或移动模式下查看布局。 您还可以从此处使用 Divi Visual Builder 启动布局。

编辑 Divi 库布局

Divi Theme Builder 与 Divi Library 结合使用,让您更好地控制您的网站设计。

它允许您从头开始创建布局,或从库中选择布局,并将其指定为页眉、正文或页脚。 然后,您可以准确指定这些布局的显示位置和不显示位置。

例如,您可以为您的新闻博客文章分配一个模板,为教程分配一个模板,为您的主页分配另一个模板,并为您的 about 页面分配不同的模板。

这使您可以完全控制网站不同区域的样式。

在 Divi 主题生成器中添加新模板

当 Divi 推出时,主题处理了所有事情,但今天的结构非常不同。

Divi 主题实际上是一个最小的 WordPress 设计,充当 Divi Builder 和其他 WordPress 页面构建器的画布。

Divi Theme Builder 等功能表明,Elegant Themes 正在进一步扩展 Divi Builder 的设计功能,但 Divi Theme 继续支持 WordPress Customizer。

Divi 中的 WordPress 主题定制器

数以百计的自定义设置可用于 WordPress 定制器中的 Divi。 您可以调整许多不同的样式设置,例如间距、字体和颜色,并实时查看结果。

但是请注意,您的帖子和页面的内容仍将由 Divi Builder 控制。

Divi 布局设置

不幸的是,Divi Theme 还没有完全接受 WordPress 定制器。

有十几个设计设置只能通过 Divi 主题选项页面进行修改。 这包括关键设置,例如您的网站徽标。

令人费解的是,为什么优雅的主题在两个不同的区域之间拆分了主题自定义选项。

Divi 主题选项 - 设计

Avada – 内容和布局

Avada 提供 62 个主题演示。

主题演示包括网站许多不同区域的布局,相当于 Divi 的布局包。

Avada 主题演示

Avada 主题选项页面列出了所有主题演示。 可以按类别或使用搜索框过滤演示。

虽然 Divi 拥有 150 多个完整的网站布局包,但 Avada 可以说拥有更好的设计种类。

与 Divi 一样,有商店、博客和企业的布局,但也有针对 SEO、加密货币、电子竞技和讨论论坛等小众主题创建的主题演示。

每个设计也可以使用完整的网站预览。

Avada 主题演示

当您单击导入主题演示时,Avada 会让您知道需要激活哪些 WordPress 插件才能使其正常运行。

如果您希望您的网站与您在预览中看到的内容相匹配,您还需要导入演示内容。 Avada 允许您选择要导入的内容,并且可以选择删除以前导入的内容,例如帖子和页面。

在 Avada 中导入主题演示

Avada 在您导入之前会显示一条警告,提醒您导入将替换您当前的 WordPress 主题。

主题演示导入警告

Avada 会将您的网站名称更改为您导入的主题演示的名称。

虽然这确实会提醒您上次导入的设计,但每次导入布局时都必须将您的网站名称改回来,这很烦人。

Avada 咖啡馆名称更改

还可以通过库按钮在 Fusion Builder 中获得演示。

Fusion Builder 库列出了主题演示以及您为模板、容器、列和元素保存的任何布局。

如果通过这种方式导入主题demo,只能导入单个页面,并且没有导入demo内容的选项。

在这方面,我相信优雅主题在将预制布局集成到 Divi Builder 中做得更好。 在 Avada 中,您需要跳出编辑器才能完全导入网站布局。

Fusion Builder 库

元素是您添加到布局中的内容的构建块。

WordPress 在 Gutenberg 编辑器中将它们称为块,而 Divi 将它们称为模块,但它们都指的是同一个东西。

Fusion Builder 中提供了大约 60 个元素,比 Divi Builder 中的元素多 50%。

在下面添加元素

提供了各种各样的元素,例如图表、内容框、图像轮播、定价表和推荐。

Fusion Builder 元素列表

当您选择一个元素时,其设置将显示在您的设置侧边栏中。

每个元素都有设计定制选项。 但是,Divi Builder 提供了更多样式和自定义选项。

Fusion Builder YouTube 元素

当您单击添加元素时,您还可以添加新行。 有许多不同的嵌套列设置供您插入到布局中。

Fusion Builder 嵌套列

插入列后,您可以使用内容元素填充它们。

在 Fusion Builder 中将元素添加到列

尽管 Divi Builder 为您的布局提供了更多样式和自定义选项,但 Fusion Builder Live 的集成主题定制器不仅弥补了这一点。

只需单击一个按钮,您就可以在修改帖子或页面的布局与调整页面级别或网站级别的数百种不同设置之间切换。

在 Fusion Builder 中更改背景颜色

Avada 选项页面有数百个设置。 其中大部分也可以在 Fusion Builder Live 中找到,您可以随时使用“Edit Live”按钮跳转到 Fusion Builder Live 界面。

Avada 的主选项页面包含一些附加设置,因此在第一次配置您的网站时,值得仔细阅读此处的每个部分。

Avada 中的标题内容选项

可以从 Fusion Builder 设置页面启用和禁用单个内容元素。

在此页面中,您可以将 Fusion Builder 设置为默认编辑器,并为某些帖子类型启用和禁用 Fusion Builder。 您还可以使用 XML 文件格式导入和导出 Fusion Builder 内容。

在整个 Fusion Builder Live 中,您将看到将部分布局保存到 Fusion Builder 库的选项。

保存元素

您可以命名您保存的布局并将它们标记为全局。 保存后,它们可以随时加载到 Fusion Builder 中。

将元素保存到库

Fusion Builder 库页面位于 Fusion Builder 主菜单中。

您保存的所有项目都可以在此处访问和修改。

Fusion Builder 库列表

默认情况下,将使用后端 Fusion Builder 编辑器加载保存的项目,但是您也可以选择使用前端 Fusion Builder Live 编辑器进行修改。

编辑保存的元素

Avada 还拥有一个主题构建器,可让您将布局分配给页面标题栏、内容区域和页脚。 这些布局被标记为部分,可以使用后端或前端 Fusion Builder 编辑器进行编辑。

与 Divi Builder 不同,无法指定页面布局的显示位置。

Fusion Builder 主题生成器

这两个编辑器都有我喜欢的功能,但是 Fusion Builder Live 的设置侧边栏确实将实时编辑提升到了一个新的水平。 从一个界面更改布局、页面设置和网站设计的能力可以节省大量时间。

结论 - 内容和布局

Divi Builder 的图书馆系统及其广泛的页面构建器自定义选项列表使其成为更好的 WordPress 页面构建器。

将预制布局集成到 Divi Builder 中的方式也更好,但 Avada 提供了最佳的整体设计和编辑体验。

Divi 在 Divi 主题选项页面和 WordPress 定制器之间拆分关键设计设置,而 Avada 允许您使用 Fusion Builder Live 编辑器从一个中央位置控制所有内容。 这是一项了不起的功能,使 Fusion Builder Live 脱颖而出。

获胜者:阿瓦达

其他功能和设置

谈论 Divi 和 Avada 中的所有功能是不可能的,因为它们是如此庞大的 WordPress 主题,但是在本节中,我想谈谈 Divi 和 Avada 中尚未提及的其他一些有用的功能。

Divi – 其他功能和设置

优雅的主题已将大部分功能迁移到 Divi Builder,但是当 Divi 被激活时,您还将在 WordPress 管理菜单中看到一个新的“项目”自定义帖子类型。

Divi Builder 已经有一个投资组合内容模块,但是项目帖子类型为您提供了更多的项目显示和分类方式的灵活性。

Divi 还为帖子和页面添加了一些附加选项,用于分配侧边栏的位置并定义是否显示导航菜单和标题栏。

分页设置

如前所述,主主题选项区域有许多在 WordPress 定制器中找不到的设计选项。

选项区域还具有导航菜单、Divi Builder、单个帖子和页面、468X60 横幅广告和 SEO 的各种设置。 也有向页面添加自定义代码的选项。

Divi 主题 SEO 选项

Divi 角色编辑器在 Divi Builder 和 Divi 主题中可用。

使用角色编辑器,您可以准确指定用户在 Divi Builder 中可以做什么和不能做什么。 只需单击一个按钮,即可为用户组启用和禁用数十种功能。

Divi 角色编辑器

Avada – 其他功能和设置

在 Avada 中添加幻灯片的方法数量近乎荒谬。

在 Fusion Builder 内部是一个 Slide 元素,用于将幻灯片集成到您的布局中,但 Avada 在主题中还内置了两种 Slider 自定义帖子类型。

这些是 Elastic Slider 和 Fusion Slider,其中 Fusion Slider 是 Avada 主题演示使用的帖子类型。

如果这对您来说还不够,Avada 还附带了 Layer Slider 和 Slider Revolution。

这些高级滑块 WordPress 插件是 WordPress 用户可用的两种最畅销的高级滑块解决方案。

在 Fusion Slider 中编辑幻灯片

Avada 中还提供了投资组合和常见问题解答帖子类型。

Avada 投资组合类型

也可以在 Avada 中创建自定义图标集,并且 CodeCanyon 上有 10 个 Avada 插件扩展,可添加会员、自定义字段、评论、推荐等功能。

Fusion Builder 附加组件

请注意,为了获得对 Avada 附带的任何高级插件的全面支持,您需要单独购买该产品的许可证。

结论 - 其他功能和设置

Divi 和 Avada 处于不断发展的状态,因此您可以期待在未来几年内添加更多功能。

虽然 Divi 为您提供了最多的页面构建样式选项,但 Avada 让您可以更好地控制您的网站。

获胜者:阿瓦达

表现

快速加载的网站将提高您的搜索引擎排名并让访问者在您的网站上停留更长时间,但是准确测试 WordPress 主题的速度可能很困难,因为要考虑的因素太多。

此外,如果您想将 Divi 和 Avada 的速度与其他 WordPress 主题进行比较,则需要全面做出许多假设才能进行公平比较。

Divi 和 Avada 都能够构建快速加载的 WordPress 网站,但是如果您使用它们的前端编辑器创建富媒体布局,您的页面将会变慢。 当然,任何 WordPress 主题都是如此。

为了帮助您提高网站性能并减少页面构建者可以添加的负载,Divi 和 Avada 的开发人员在其主题中添加了许多功能,以帮助您生成更少的数据库查询和 HTTP 请求。

Divi – 性能

在 Divi 主题选项区域的常规设置页面中,有启用响应式图像以及缩小和合并 CSS 和 Javascript 文件的选项。

Divi 主题缩小选项

在 Divi Builder 设置页面中,还有一个启用静态 CSS 文件生成的选项。

Divi 中的静态 CSS 文件生成

Avada – 性能

Avada 有十几个性能设置。 这些可以通过主主题选项页面或在 Fusion Builder Live 中进行修改。

该主题可让您设置 JPG 图像的质量并在一定宽度上优化较大的图像。

延迟加载也可用,您可以从页脚加载样式表。

Avada 中的 CSS 和 Javascript 选项

Avada 还提供了多种工具来优化 CSS 和 Javascript 文件。

Avada 中的性能选项

结论——性能

Divi 和 Avada 都能够为快速加载的 WordPress 网站提供支持,但您仍然必须遵循推荐的 WordPress 优化技术。

请务必检查两个 WordPress 主题中的系统状态页面,以确保您满足高效运行它们的要求。 如果服务器响应时间很慢,您可能需要考虑升级到更快的托管解决方案。

如果您的页面包含许多图像,WordPress 图像优化插件会很有用。

WP Rocket 等缓存插件和 KeyCDN 等内容交付网络可以进一步减小页面大小。

获胜者:领带

支持和文档

在提供强大支持方面,Elegant Themes 和 Theme Fusion 在 WordPress 世界中处于领先地位。

Divi – 支持和文档

在 Divi 支持中心内,可以选择让优雅主题员工远程访问您的网站。 这可以帮助支持团队解决您遇到的任何问题。

您将在下面看到优雅主题支持区域的直接链接和几个视频教程,以帮助您入门。

Divi Builder 中还提供帮助图标,以解释每个功能的用途。

Divi 文档和远程帮助

优雅的主题文档区域令人难以置信。 有数百个书面教程和视频教程来指导您使用 Divi 和其他产品。 优雅主题博客也经常发布教程。

您还可以通过 Facebook 群组、社区论坛和本地聚会与其他 Divi 用户联系。

如果您需要进一步的帮助,您可以 24/7 创建支持票并获得帮助。

与大多数 WordPress 主题不同,Elegant Themes 为无限数量的用户提供支持。 这对于拥有许多员工的公司很有用。

优雅主题会员区

Avada – 支持和文档

Avada 有专门的支持和常见问题解答页面,列在 Avada 和 Fusion Builder 管理菜单中。

由于 Avada 是通过 ThemeForest 销售的,因此您必须使用 Theme Fusion 创建一个支持帐户才能打开支持票证。

要了解有关 Avada 的更多信息,您应该参考 Avada 支持页面上列出的入门指南、文档区域和视频教程。

此页面还链接到 Avada 票务支持页面、社区论坛和 Facebook 群组。

此页面还解决了几个常见问题。

Avada 支持和常见问题解答

一旦您开始探索 Avada 和 Fusion Builder 文档区域,您就会开始欣赏它的广泛性。

此处涵盖了 Avada 主题和 Fusion Builder 的各个方面。

Avada 视频教程

结论 – 支持和文档

可用于 Divi 和 Avada 的大量文档意味着您很少需要寻求帮助,但是如果您需要,这两个 WordPress 主题都提供了 24/7 支持票。

获胜者:领带

成本

成本是所有网站所有者必须与特性和功能一起考虑的一个因素。

Divi 或 Avada 的价格都具有竞争力,但哪种解决方案更有价值?

成本 - 迪维

优雅的主题会员资格使您可以访问 Divi 主题和独立的 Divi Builder WordPress 插件。

它还包括杂志 WordPress 主题 Extra、电子邮件选择加入和潜在客户生成 WordPress 插件 Bloom,以及社交媒体 WordPress 插件 Monarch。

优雅主题的定价政策很简单。

他们的年度会员费用为 89 美元,并提供一年的支持和更新。 会员资格到期后,您可以继续使用所有优雅主题产品,但只有在您的会员资格有效时,您才能获得支持和更新。

终身会员费用为 249 美元,并提供终身支持和更新。

两种会员计划都允许无限制的网站使用,并提供 30 天退款保证。

优雅的主题计划

Divi 可能是您注册优雅主题的原因,但他们所有的产品都是高品质的,使会员更具吸引力。

Extra 是 Divi Theme 的皮肤,具有额外的类别构建器功能。 这可用于为每个帖子类别创建独特的布局和样式。 例如,您可以为主页设计一种设计,一种用于新闻设计,另一种用于教程设计。

与 Divi Theme 一样,Divi Builder 直接内置于 Extra。

Bloom 是一种电子邮件营销解决方案,可让您以六种不同的方式显示时事通讯注册表单。 您可以定义何时显示表单,例如在用户滚动到页面的某个点之后或发布评论后。

它支持 19 种不同的电子邮件营销服务,并附带数百种预制的时事通讯表格。

社交媒体 WordPress 插件 Monarch 也是一个很棒的解决方案。

它允许您在五个不同的位置显示来自 20 多个社交媒体网络的共享按钮。 每个按钮都可以根据您的需要进行设计和定制。

优雅的主题产品

成本 – Avada

Avada 在 ThemeForest 上的零售价为 60 美元。

它提供无限更新和六个月的支持,额外支付 18 美元可延长至 12 个月。

Avada 软件包中还包含许多高级 WordPress 插件。

Avada 销售页面

Avada 已在 ThemeForest 常规许可证下发布,该许可证被 ThemeForest 归类为一次性产品。

Envato (ThemeForest) 和 WordPress 之间在此许可政策上存在许多公开分歧,因为它违反了 WordPress 发布的 GNU 公共许可证并声明不应限制使用。

尽管如此,Avada 的开发人员在其网站上声明“您创建的每个网站都需要一次购买 Avada”。

简而言之,如果您想在多个网站上使用 Avada,您需要为每个网站购买单独的许可证。

Avada 常规许可证

如果您单独购买它们,Avada 附带的高级 WordPress 插件将花费您超过 100 美元。

Convert Plus(24 美元)是 Avada 中提供的电子邮件营销 WordPress 插件,它允许您以 12 种不同的方式显示电子邮件注册表单。 它具有数百个预制的时事通讯表单模板,并与所有主要的电子邮件营销服务集成。

Advanced Custom Fields 是一个非常流行的字段管理 WordPress 插件,在 WordPress.org 上有超过一百万的下载量。 Avada 附带的高级自定义字段专业版(49 美元以上)引入了新功能,例如转发器字段、ACF 块、内容字段、克隆字段等。

市场上两个最受欢迎的 WordPress 滑块插件是 Layer Slider(25 美元以上)和 Slider Revolution(29 美元),它们都包含在 Avada 中。

这些插件允许您使用现代拖放界面构建带有图层的高级滑块,并附带数百个预制模板来帮助您入门。

转换加接口

结论——成本

当以不同的定价模式出售时,比较两个 WordPress 主题的成本从来都不是一件容易的事。

Divi 和 Avada 都附带了额外的高质量 WordPress 产品,但只有您可以决定这些额外产品是否为您提供价值,因此请务必考虑您将如何使用 Divi 和 Avada 来帮助做出明智的决定。

优雅的主题会员资格可以无限使用,因此如果您计划建立许多网站,Divi 是更便宜的选择。

如果您只需要一个网站的 WordPress 主题,Avada 会更便宜,因为它只需 60 美元就可以买到,并且附带终身更新。

在成本方面,Divi 略微超越了 Avada,因为它遵守通用公共许可证并为无限数量的用户提供支持。

获胜者:迪维

最后的想法

虽然我确实喜欢 WordPress 定制器,但 Theme Fusion 在将主题定制选项直接集成到 Fusion Builder Live 方面做得非常出色。 它工作得非常好,并减少了您修改网站所花费的时间。

因此,如果您正在寻找一种允许您从一个界面控制网站设计各个方面的解决方案,我会选择 Avada。

Divi 继续领先的地方是 Divi 图书馆系统。 多年来,Elegant Themes 改进了此设置,以简化保存布局、进行自定义和重用设计的任务。

因此,如果您主要是在寻找一个 WordPress 页面构建器来帮助您创建时尚的内容和专业的布局,那么 Divi 是更好的选择。

Divi 和 Avada 都是出色的解决方案,因此真正归结为最适合您的 WordPress 主题。

以下是 Divi 和 Avada 比较的回顾:

迪维阿瓦达领带
易于设置X
后台页面搭建X
前端页面搭建X
内容和布局X
其他功能和设置X
表现X
支持和文档X
成本X

您最喜欢的 WordPress 主题是哪个?

请在下面的评论区告诉我们。

如果您喜欢这篇文章,我鼓励您在 Twitter 和 Facebook 上关注我们。 您还应该查看我们广泛的免费和高级 WordPress 主题。

祝你好运。
凯文