Divi 基础教学与评价: 付费会员最真实的心得分享(用到最后居然很后悔!?)

Divi 最大的优点就是它的价格是真的划算(极少数有买断方案的页面编辑器)。不过,Divi 最明显的短板就是它提供的功能元素十分有限,每当预设的功能做不到自己想要的效果时,那基本上就只能自己输入程式去做修改。也因此Divi 对于零经验的建站新手来说,操作难度偏高。

Divi是目前市面上最热门的WordPress 页面编辑器之一,相信正读着这篇文章的每位读者多半早已对它有所耳闻。

而本篇文章将会与各位分享我作为一位付费会员,在使用Divi 将近半年后的所有心得体验。

Divi 最大的优点就是它的价格是真的划算(极少数有买断方案的页面编辑器)。不过,Divi 最明显的短板就是它提供的功能元素十分有限,每当预设的功能做不到自己想要的效果时,那基本上就只能自己输入程式去做修改。也因此Divi 对于零经验的建站新手来说,操作难度偏高。

在接下来的内容,我将会以一个客观的角度更深入地去分析Divi 的优缺点,协助大家在决定购买前能确定这款工具是否真的适合自己。

Divi 是什么?

Divi 快速简介

Divi  是美国知名Elegant Themes 公司的旗舰商品,主要协助使用者以拖拉的方式自由编辑网站上的任何页面。

不过,在购买Divi 的付费方案之后,使用者实际上能获得5 种不同的工具,他们分别有:

(一)Divi Builder:页面编辑器,如果网站是用其他布景主题(例如:Astra),安装Divi Builder就能进行拖放式的编辑。

(二)Divi Theme:Divi Theme 就是大家常说的Divi 布景主题,已有内置页面编辑功能,因此如果网站上已安装Divi Theme,是不用再另外安装Divi Builder 的。

(三)Extra Theme:Elegant Themes 开发的另一款布景主题,主打杂志风的网站设计,同样也有内置Divi Builder。

(四)Bloom Email Opt-In Plugin:这是款电邮名单收集插件,可用来制作各种形态的订阅表单,以协助创作者收集读者的电邮名单。

(五)Monarch Social Share Plugin:这是款社群分享插件,启用之后网站上就会显示各大社群平台的分享按钮,方便读者进行分享。

Elegant Themes 旗下的产品
Elegant Themes 的软体配套包含了5 种不同的工具,Divi Theme 布景主题& Divi Builder 是其中两个工具。

Divi 方案价格

服务方案

Divi没有任何免费方案,只有简单试用的机会,目前主要有两种付费方案:

  • 年缴方案:每年89 美元
  • 终身方案:249 美元一次买断

这两种方案能获取的工具及客户服务都是一样的,也不限网站数量,想在多少个网站上安装Divi 都行。

重点是如果购买的是终身方案,之后的每一次版本更新都不用使用者缴额外的费用,这就是我认为Divi 对建站者而言会很划算的主因。

退款政策

Divi 有30 天无条件退款保证,如果在购买之后觉得不满意,随时可以在规定的期限内向客服要求全额退款。

特别优惠

虽然雷恩到后来才认为Divi 不适合我,但我还是有跟Elegant Themes(也就是Divi 背后的公司)保持长期的合作关系。

Divi 的四大优点

#1:可以一次买断

在我看来,Divi的第一大好处显然是它那足够全面的功能,还有提供买断制的终身方案。

Divi 也并没有限制安装次数,使用者想在多少个网站上安装Divi 都ok,要知道市面上大部分的页面编辑器都只有订阅制方案,且其中很多都更有限制网站数量的。

再加上我们购买Divi 后还能获得其他几种不同功能的工具,因此我认为Divi 对于那些预算不高的新手,或是不喜欢订阅制工具的接案者来说,无疑会是最划算的选择。

#2:界面设计独特

在我试用多个页面编辑器当中,Divi的操作界面应该是我看过设计最独特的。

有建站经验的朋友应该都知道,市面上大部分页面编辑器的编辑栏位多半都位在左侧边栏上,让使用者们将想要的功能元素拖放到想要的位置。

多数页面编辑器都是采用编辑栏位在左,然后预览画面在右的布局
其他知名页面编辑器,像是Elemantor和Thrive Themes 的编辑栏位多半都位在左侧边栏上,然后右边则是即时预览画面

但Divi 这边做的很与众不同的地方就是,如果想在页面上添加新的元素,我们就只需点选+ 号的按钮,接着再点选自己想要的功能内容就行了

点选+ 号按钮即可在页面上新增区块、段落,或者是功能元素
点选+ 号按钮即可在页面上新增区块、段落,或者是功能元素

另外值得一提的是,如果想要调整某个区块的边界(Margin)与边框间距(Padding),我们是可以直接以拖动的方式来进行调整的。

使用者可以直接拖动调整页面上任何元素的边界与边框间距
使用者可以直接拖动调整某个区块的边界与边框间距

简言之,我认为Divi 的操作跟其他很多页面编辑器相比之下直觉许多,也方便使用者做出非常细部的的调整。

#3:海量现成模板,也会持续更新

在写这篇文章的时候,Divi有将近1800 的网页模板可套用。

由于Elegant Themes 也有持续不断的加入新的模板设计,所以在各位看到此篇文章后,相信其模板的数量早已被大幅度刷新。

Divi 的模板库
在写这篇文章时,Divi 的模板库上有将近1800 个各种风格的网页模板

这些网页模板也都已经根据各种产业类型分类好了,像是有教育、时尚与美容、健身减肥…等各种风格的模板设计供你选择。

我们只需选择好自己想要的模板设计之后,就能一键套用该套版并进一步可制成自己想要的模样,十分方便。

#4:具备A/B 测试功能

A/B 测试的英文是叫A/B Test,也叫Split Test,算是营销界里的专有名词。

简单来说,A/B 测试指的是就是营销人可通过制作两份不同版本的内容,并且进行测试,看看哪份内容的成效更好、更受潜在客群的欢迎。

Divi的编辑器就有具备相当完善的A/B 测试功能,这对于那些很常通过WordPress 建立销售页面的营销人无疑会是非常实用的一项功能。

Divi 的AB 测试功能
Divi 的A/B 测试功能

Divi 的三大缺点(最后一个是让我对Divi 失去耐心的主因)

#1:没有免费方案

我觉得Divi 最明显的第一个缺点莫过于它没有提供免费方案,而是只有简单的演示版本(Demo Site)可以试用。

我本人认为这样过于简易的试用机会终究还是比较难让使用者去确定说该工具是否有真正符合到他们的需求,所以很容易发生“试用时很满意,但购买后问题重重” 的情况。

#2:售后客服略差

说到Divi的客服,有一点让我很不满意的地方就是,售前客服和售后客服的回复速度差距非常大。

Divi 一直以来都有售前的客服在线,主要协助回答潜在客户在购买Divi 前的各种问题,从下图我们可以看到Divi 的售前客服的回复时间只有几分钟。

Divi 售前服务的回复速度平均只要几分钟
Divi 的售前服务做得非常棒,购买前有任何问题都能在短时间内获得解答

我自己也有去尝试向Divi 的售前客服询问问题,确实在几分钟内就获得了客服的回应,非常快。

反观Divi 的售后客服,却平均要付费会员等上一天的时间才能获得客服的回应!这无疑会让老是遇到技术性问题的会员等到心都凉了。

Divi 售后客服的回复速度却平均要一天以上
Divi 的售后服务却很差,付费会员平均得等上一天的时间才能获得回应

#3:功能元素有限

因为我本身不是工程师,对程式语言可谓是一窍不通,自然的我是相当排斥任何需要常常自己输入程式,以达到自己想要的效果的任何工具。

话虽如此,如果只是偶尔需要自己编程的话,我是可以接受的。

但问题就在于,Divi 的Module(模块/功能元素)相当有限,因此每当我想给网页增添一项新功能时,只要编辑器没有合适的模块,那么留给我的解决方法基本上只有3 个:

  • 到Divi 的应用市场看看有没有相关的插件,也意味着我们可能需要额外花费
  • 到facebook社群里发贴文询问,或是自己上网爬文找相关程式并手动输入
  • 询问客服,但如果是很紧急的技术性问题,这基本上不会是我的首选解决方案,因为就像我前面说的,他们的回复速度实在太慢了。

虽然每次都能从其他热心会员那里获得程式,或是在网上找到相关教学,但就像我前面说的,我是相当排斥程式语言的人,且重点是,很多时候我所获得的这些程式也都不能达到我理想中的效果,甚至是完全不起作用。

这些种种情况都让我对Divi 渐渐失去耐心,直到最后忍不住了就“重回到Elementor的身边”,只能说它们俩带给我的使用体验真的有很大的落差。

Divi 基础操作教学

如何购买、安装,以及启用Divi?

购买Divi 布景主题

(一)首先,先点击这里的Divi 连结(可享有20% 折扣优惠)前往Divi 官网。

(二)接着,你会看到以下两种付费方案,分别是年缴方案Yearly Access,以及终身方案Lifetime Access。

Divi 售价(已有20% 折扣)
Divi 的付费方案就只有两种,上图显示的价格已经是有经过20% 的折扣

如果还不确定Divi 是否适合你,可以先到他们的Demo 网页去试用。

一旦确定要购买Divi 之后,我会建议各位直接购买终身方案,好处就是以后都不用再另外付费更新,且如果购买之后觉得不适合,30 天内你都可以申请全额退款。

(三)在点选好自己想要的方案之后,就会进入结账页面,这边Divi 就会要求创建账户,以及输入付款信息。

[Pic] Divi 购买教学- 建立账户& 进行付款
Divi 购买教学– 建立账户& 进行付款

完成付费后,我们的信箱就会陆续收到Divi 发来的购买收据和感谢信。

(四)这时候我们就到Divi 登入页面,输入我们刚注册好的账号和密码登入到会员专区,接着就能看到Elegant Themes 旗下所有产品的下载选项和相关操作教学。

Divi 会员专区
Divi 会员专区

安装Divi 布景主题

(一)首先,我们点击Divi Theme下方的DOWNLOAD THE DIVI THEME按钮进行下载。

下载Divi 布景主题的ZIP 压缩档案
下载Divi 布景主题的ZIP 压缩档案

(二)完成下载之后,现在我们就来登入到自己的WordPress 后台,然后前往 外观布景主题

(三)接着点击 安装布景主题上传布景主题,并上传我们刚下载好的Divi 压缩档(不需要解压缩),再点击 立即安装 并启用就行了。

到WordPress 后台安装Divi 布景主题
到WordPress 后台安装Divi 布景主题

激活Divi 的使用凭证

(一)我们先到自己的Divi 会员专区,然后点选Account   ➜ Username & API Key,接着我们就会看到Username(使用者帐号)和API Keys(使用凭证),可以先把这两份资料复制起来,等下激活Divi 的使用凭证时会用到。

[Pic] 激活Divi 使用凭证所需的两份资料:Username 和API Keys
激活Divi 使用凭证所需的两份资料:Username 和API Keys

(二) 紧接着,我们前往WordPress 后台,然后点选左侧边栏的Divi   ➜ Theme Options   ➜ Updates,然后输入自己的Username 和API Keys,好了之后记得按储存设定,到这一步Divi 的使用权限就已被激活

输入Username 和API Keys 激活Divi 的使用权限
输入Username 和API Keys 激活Divi 的使用权限

补充一:如果你的Divi 会员专区没显示API Keys,可以点击下方的GENERATE NEW API KEY自行新增。

补充二:另外就是如果你有在接网站建设的工作,常常会用到Divi 帮客户设计网页,你也可以为不同的客户新增不同的API Keys 并放上相应标签(Label),让整体看起来更有条理,方便管理。

如何启用Divi 编辑器?

在安装好Divi之后,我们在WordPress 后台新增页面或文章时,就会在编辑区里看到Divi 编辑选项,点击Use Divi Builder就可以开始使用Divi 编辑器了。

启用Divi 编辑器
启用Divi 编辑器

接着系统就会显示3 种建立页面的方法,分别是:

Divi 提供的3 种建立页面的方法
Divi 提供的3 种建立页面的方法
  • Build From Scratch 从头建立自己想要的页面设计
  • Choose From Premade Template 套用Divi 提供的套版
  • Clone Existing Page 复制现有的网页设计

Divi Builder 操作界面总览

下图就来带各位快速了解下Divi Builder的操作界面的各项功能:

Divi Builder 操作介面总览
Divi Builder 操作界面的布局
  • (1)编辑区:这是我们编辑页面的地方,可通过新增段落、栏位,以及小工具的方式,将页面逐步设计成自己想要的外观排版。
  • (2)设定:这边就是一些主要的设定,像是可以复原旧版本、预览页面在各大设备上的响应程度…等。
  • (3)发布:顾名思义,这就是我们在完后编辑之后,就可以到这里储存草稿或正式发布页面。

页面的三大基本构成元素

Divi 页面编辑器主要有3 大基本构成元素,分别是Section(区块)、Row(段落),以及Module(模块/功能元素),整体看起来就是由大到小层层包裹的感觉。

换句话说,如果想从头设计一个页面,最一开始我们会先新增一个Section,然后才在该区块内相继新增想要的Row 排版,最后再新增Module。

点选+ 号按钮即可在页面上新增区块、段落,或者是功能元素
点选+ 号按钮即可在页面上新增区块、段落,或者是功能元素
进一步编辑Section、Row,以及Module

在新增好Section、Row,或是Module 之后,我们都能在这些元素上看到一个⚙️ 齿轮的按钮,点下去之后就能进一步编辑:

点选⚙️ 齿轮的按钮就能进一步编辑Section、Row,以及Module
点选⚙️ 齿轮的按钮就能进一步编辑Section、Row,以及Module

那无论是Section、Row,还是Module,Divi 都主要会以Content、Design,以及Advanced 这三个方向让使用者进一步编辑这些元素。

Divi 编辑设定
Divi 编辑设定
  • Content 内容设定:会依据不同的构成元素而相应出现可设定的内容项目,像是嵌入相关连结、背景画面、输入文字等等。
  • Design 设计设定:主要是提供元素的外观设计功能,像是调整按钮的大小、给背景加阴影..等。
  • Advanced 进阶设定:各种较为进阶的功能,像是在不同装置隐藏相关内容、给Section 加上过渡效果、视差滚动效果…等,也有自订CSS,所以如果想要的呈现效果是Divi 给不到的,可自己输入相关程式来获得。

Divi Module 功能元素 

在撰写本文时,Divi 目前具备的Module 总共有47 个,其中有38 个适用于Regular 区块布局,其余的9 个则是专为Fullwidth 区块布局。

Divi 所提供的一些功能元素
Divi 所提供的一些功能元素

Divi 后台管理系统 

回到我们的WordPress 后台,我们能看到左侧边栏上有出现Divi 的选项,而这算是Divi 布景主题的后台管理系统。

Divi 的后台管理系统
Divi 的后台管理系统

接下来就带各位简单了解下Divi 的后台管理系统的各个重点功能,以及做好一些基本设定。

Theme Options(主题设定)

Theme Options 简介

Theme Options 是我们可以进一步调整更多Divi 布景主题的设定的地方,像是上传网站Logo、输入自己社群平台的网址,还有调整网站选单、网页排版…等等的设定。

Theme Options 基本设定

说实话,Divi 已经预先帮我们在Theme Options 做好大部分的设定了,因此我们这边该做的基本设定只有几项,且都在General 的区域。

上传网站Logo

首先,点击WordPress 左侧边栏上的Divi,然后再点选Theme Options ➜ General

我们接着就能看到第一排就是Logo 的选项,点击旁边的Upload就能上传自己的网站Logo 了。

上传网站Logo
上传网站Logo
社群平台设定

如果经营部落格之余,也有另外经营社群平台,也可以选择开启社群分享功能,并贴上自己的社群连结。

社群平台设定
社群平台设定
启用文章摘要功能& 回到顶端按钮

选择启用文章摘要功能可以让系统自动选用文章的摘要作为显示内容,其好处是能预防发表在网站上的文章因为显示全文而导致页面过长的问题。

而选择启用回到顶端按钮则能让读者在阅读文章时,可以一键点击回到文章开头的部分。

启用文章摘要功能(Use excerpts when defined) & 回到顶端按钮(Back To Top Button)
启用文章摘要功能(Use excerpts when defined) & 回到顶端按钮(Back To Top Button)

补充:Theme Options 有个SEO 的功能选项,让各位可以去做好基础的网站SEO 优化,不过这个部分我建议各位去使用其他SEO 插件会比较好(我自己是在用Rank Math),因为Divi 内置的SEO 功能还不够全面。

Theme Builder(主题建构器)

Theme Builder 简介

Theme Builder是Divi 近几年才推出的一项进阶功能,也是Divi 现今最大的卖点之一。

Divi Theme Builder 就像是沿用了原本Divi Builder 编辑器的功能,并进一步将它的功能扩散到了Divi 布景主题的所有元素。

也就是说使用者能利用Divi Theme Builder 去客制全站的各个部分,包括页尾、页首、文章排版、404 页面、产品页面…等,同时也能将客制好的内容呈现在自己想要的网页上。

不过,即便Divi Theme Builder 能做到的事情很多,但大部分人也只会用它来执行2 样事情,分别是

  • 客制网站的页首和页尾;
  • 以及依自身的需求去客制某页面/文章类别的排版。

Theme Builder 基础教学(客制网站的页首和页尾)

首次点开Theme Builder,我们能看到Divi 预设的Default Website Template 的模板构建工具。

Divi Theme Builder(主题建构器)
Divi Theme Builder(主题建构器)

由于Default Website Template 属global 全站型态,因此通过这个工具设计的内容排版之后也会同步在我们的整个网站更新(注意是整个网站,不限任何页面),这也意味着它非常适合用来客制网站的页首和页尾。

先来说说页首的部分,只需点击Add Global Header ➜ Build Global Header,接着我们就会进入页首的编辑页面,完成编辑之后点击右下角的Save将设计存储起来。

Divi Theme Builder 基础教学:客制网站的页首
Divi Theme Builder 基础教学:客制网站的页首

客制网站页尾的跟页首实际上是大同小异的,各位也只需点击Add Global Footer ➜ Build Global Footer,完成之后再点击Save按钮将设计存储起来就行了。

最后也记得要点击Save Changes,这时到网站前台看一下,应该就能发现网站的页首和页尾已经同步更新成我们指定的设计。

Divi Theme Builder 基础教学:正式启用客制好的网站页首和页首
Divi Theme Builder 基础教学:正式启用客制好的网站页首和页首

Theme Builder 基础教学(客制化独立页面)

如果你想针对某分类的文章客制内容排版,或者是你经营的是电商网站,想给特定的产品类别制作专属的销售页,又或者是你想给自己的网站制作不一样的404 页面,都能通过Theme Builder来做到。

首先,我们得先点击Add New Template来新增模板建构工具。

Divi Theme Builder 基础教学:新增模板建构工具
Divi Theme Builder 基础教学:新增模板建构工具

然后选择你想要之后该模板呈现的网页,再点击Create Template

Divi Theme Builder 基础教学:依自身的需求选择想要套用该模板的网页或文章。
Divi Theme Builder 基础教学:依自身的需求选择想要套用该模板的网页或文章。

那接下来就到了设计的阶段,这个就跟前面的页首和页尾的操作逻辑差不多,同样只需点击想要客制的网页部分,接着就会进入编辑页面让你用Divi Builder 去进行设计了。

Theme Customizer(主题定制器)

Theme Customizer 简介

稍有经验的站长多半都看得出来Divi 的Theme Customizer 正是 WordPress 内建的外观编辑器。

但如果你是零经验的新手,可以将Theme Customizer 理解成Divi 与WordPress 整合起来的另一个编辑器,可以让使用者调整网站一些比较基本的外观样式。

Role Editor(权限分配)

Role Editor 简介

Role Editor(权限分配)
Role Editor(权限分配)

Role Editor 是用来做权限分配的地方,主要分成4 大角色,分别是:

  • Administrator(管理员)
  • Editor(编辑)
  • Author(作者)
  • Contributor(投稿者)

以上的角色通常来说越往下的,获得权限就越少,如果你的网站背后是有一支团队一起经营,或是你很常外包网站的一些业务,就能用Role Editor 来分配相关权限。

Divi Library(资源库)

Divi Library 简介

在使用Divi Builder 编辑页面时,它有个叫Save To Library 的进阶功能。

Divi Builder 的Save To Library 功能
Divi Builder 的Save To Library 功能

这个Save To Library 功能可以帮助我们把一些很常重复使用的内容元素(可以是任何Section、Row,或Module)存储到Divi Library。

之后若有用到同个内容元素时,就可以直接一键套用,而不是每次都得重新制作。

被我们储存起来的内容元素,其资料都能在Divi Library 找到
被我们储存起来的内容元素,其资料都能在Divi Library 找到

Support Center

虽然我前面有说我自己对Divi 的售后客服不是很满意,但不可否认他们在优化客户协助系统方面确实做了不少努力。

而Support Center 正是他们提供的协助资源之一,有效加快客户解决问题的速度。

Support Center 主要分成5 大部分,以下来给大家稍微讲解下各个部分。

System Status 简介

Divi Support Center:System Status(系统状态)
Divi Support Center:System Status(系统状态)

进入支持中心,我们第一个会看到的部分就是System Status(系统状态),Divi 会在这里提供我们网站主机与布景主题的相容程度,并显示一些可能会影响Divi 布景主题相容性的潜在问题,以及相应的优化建议。

不过,虽然Divi 有额外提供这些优化建议是件好事,但如果网站没有遭受很大问题的话,像是网站速度过慢、或是很常无缘无故坏掉,我自己是不太建议各位去执行Divi 所给的每项建议。

一来是会很耗时间,再来就是很容易弄巧成拙(原本想优化网站,但完成后反而出现更多问题的窘境)。

Remote Access 简介

Divi Support Center:Remote Access(客服人员远程支援)
Divi Support Center:Remote Access(客服人员远程支持)

Remote Access 的功能简单来说,就是将自己网站的登入权限暂时提供给Divi 的技术人员,让他们可以直接进入我们的网站解决任何棘手的问题。

再更详细点来讲解,这整个过程大概会是这样:

  • 网站遇到技术性问题,确定是Divi 布景主题引起的,你不知道如何解决
  • 你寻找Divi 客服说明情况并请求支持,对方请求你开启Remote Access,你便同意
  • 之后系统就会自动生成一个通关码并发送给Divi 的技术人员,他们也会随之获得我们网站有限时间的登入权限
  • Divi 的技术人员可以直接进入我们的网站,帮助我们解决目前遇到的技术问题
  • 待问题解决之后,你便可以手动关闭Remote Access,或是等它4 天之后自动关闭也行

说实话,这项功能是我本身非常喜欢的支持工具,因为它确实大幅度加快了问题解决的速度,也免除了使用者自己动手处理技术问题的麻烦事。

Divi Documentation & Help 简介

Divi Support Center:Documentation & Help(操作教学文章与影片)
Divi Support Center:Documentation & Help(操作教学文章与影片)

这个部分Divi 则是统整了一些基础操作教学,协助新手们可以更快速掌握Divi 的基础操作。

Safe Mode 简介

Divi Support Center:Safe Mode(安全模式)
Divi Support Center:Safe Mode(安全模式)

通常情况下,网站出现问题都是第三方软体或自定义程式码所导致的。

而启用Safe Mode 之后,系统便会自动帮我们暂时停用所有可能造成网站死机的插件、子主题,以及自定义的CSS/Javascript 程式码。

如果Safe Mode 启用后,问题自然消失,基本上就可以确定该问题是由某个第三方软体或自定义程式码所引起的,接着就可以让Divi 技术人员进行排查的工作。

另外补充一点,我们在给网站排除问题的过程中,网站上的读者并不会受到任何影响,除非网站已经故障到无法浏览。

Logs 简介

Divi Support Center:Debug Logs(调试记录)
Divi Support Center:Debug Logs(调试记录)

最后,支持中心有个Logs (调试记录)的功能,主要负责记录过往在我们网站上发生的的所有技术问题及当时运用的解决方案,有助技术人员更快速地解决网站目前遇到的问题。

在过去,Divi 的技术人员都需要亲自向使用者索取Logs 资料。

不过,不是每个人都知道该到哪取得这份资料,多数人会需要另外花时间去求组网站主机的客服,以便能获得网站过往的调试记录,

但显然这般繁琐的过程也就间接导致我们必定会浪费了更多时间,而Divi 在支持中心加入了Logs 便顺利解决了这个问题。

如果拿Divi 跟Elementor 做比较,到底谁更胜一筹?

Elementor和Divi可以说是中文建站界声誉最高的两款页面编辑器。

说实话,它们在功能上的相似点蛮多的,比方说:

  • 都属拖拽式页面编辑器,就算没有编程背景也能做出美观的网页设计
  • 都有开放让那些懂程式语言的建站专家可以进一步调整进阶设定
  • 都有具备主题建构器,让使用者可以更自由的调整网站的各个部位
  • 都有提供大量各种类型的模板,协助使用者更快完成网页设计
  • 都有具备相当完善的整合功能,市面上也有不少扩充工具
  • 都有支持响应式编辑,好让我们的网页在各大设备上(手机、平板,以及电脑)都能完好呈现

要说两者最大的差异,我觉得会是它们所需的费用。

Elementor 有提供免费方案,但它的付费方案是订阅制的,方案价格介于$49 美元/年~ $999 美元/年,网站数量也会有所限制。而Divi 则没有免费方案,但可以一次买断,买断方案的价格也只需$249 美元,且还不限网站数量。

虽然Divi 看似会比Elementor 来的划算,但说到底,我个人会推荐你使用Elementor。原因就在于Divi 对于大部分新手而言,操作难度会比Elementor 高得多。

其他有关于Divi 的常见问题

#1:新手是否会很难掌握Divi 吗?

假设你是没接触过WordPress 的新手,那么刚开始使用Divi对你来说就会显得有些复杂难用。

不过这个是很正常的,因为我们在接触任何新事物时,往往会花些时间去摸索一番。

但如果你是有WordPress 的建站经验,只是没用过Divi 来搭建网站,那么你上手的速度相对的会快上许多。

#2:Divi Theme 跟Divi Builder 是同一款产品吗?

很多人常常会误以为Divi Theme 和Divi Builder 指的是同一款产品,但它们并不是哦!

确切地说,Divi Builder 是一款独立的页面编辑插件,适用于大部分的布景主题;而Divi Theme 则是一款带有Divi Builder 的布景主题。

也就是说,如果网站上已安装Divi Theme,是不用再另外安装Divi Builder 的。

然而,若你正在用着其它布景主题(例如Astra),只需安装Divi Builder 就能获得拖放式的页面编辑功能。

#3:WordPress 以外的建站平台(例:Wix、Squarespace…等)能否用Divi Builder?

并不能,目前Elegant Theme 旗下的所有产品,包括Divi Builder,都只适用于WordPress。

#4:Divi 会不会给对网站速度造成影响?

这或许是最多人担心的问题,那我也不瞒大家说,这点确实是Divi 之前最惹人诟病的缺点之一。

这是因为旧版的Divi 会给我们的网站增添了很多额外的CSS 及Javascript 编码,进而加重网站的负担,拖慢网站的加载速度。

Elegant Themes 当然也知道这一点,所以就在今年(2021)8 月份时,Elegant Themes 就给Divi 整体的性能做了一次大升级,而网站速度正是他们最著重的部分。

在我实际体验过之后,我不敢说安装Divi 的网站有绝对的速度保证,因为会影响网站速度的因素其实还有很多,像是站上内容与资源的多寡、主机的品质、安装的插件数量…等等都会影响网站的速度。

不过相较于其他布景主题,Divi 的效能算是在水准之上,编辑的过程中也很少出现卡顿的问题。

补充:每当我们用Divi Builder 来编辑页面或文章时,背后其实会产生很多程式码,而大量的程式码会间接影响网站速度。

因此,如果你经营的网站是部落格形式的,会定期发布文章,那文章内容建议还是使用WordPress 内建的内容编辑器去编辑文章。

平时用Divi 来设计/编辑特定的页面就好,要不然后期的文章篇数越来越多时,网站速度会很容易被牵连到。

#5:Divi 会影响网站SEO 吗?

如果是以SEO 的角度来看,在选择布景主题的时候,我们需要考量的部分主要有两点,分别是:

  • 网站速度:主打轻量设计,不会给网站带来太大负担、拖慢网站速度。
  • 响应式设计:网页能在所有设备上(电脑、手机& 平板)完美的呈现出来。

虽说市面上还能找到比Divi 更轻量的布景主题,但最近刚完成大更新的Divi 在效能上有很大改进,且它一直以来也都有符合Google 要求的响应式设计的标准。

所以我认为Divi 对于上列的两大重点都有顺利达标,并不会给我们的网站带来负面的SEO 影响。

#6:Divi Marketplace 是什么?

Divi Marketplace是Elegant Themes 专门为Divi 布景主题开创的线上市集,主要售卖Divi 相关的子主题、推荐,以及排版设计。

Divi Marketplace
Divi Marketplace

由于这个平台所销售的产品只适用于Elegant Themes 旗下的布景主题,因此他们也只允许Divi 的付费用户进行购买。

另外值得一提的是,Elegant Themes 有特别声明Divi Marketplace 只会开放给第三方厂商,而他们自己是不会在该平台上售卖任何自家公司开发的软体(怕惹人诟病)。

也因此,当你购买产品之后有遇到任何问题,就会由相关的第三方厂商来给予协助。

如果你对产品的服务真的很不满意, Divi Marketplace 的所有产品均有提供30 天的退款保证,这大大降低了使用者购买到不适合自己的产品,却无能为力的情况。

#7:Divi 是否有支持中文

目前Divi 的操作界面有支持30 多种发语言,其中也包括中文,不过Divi 只支持简体中文,繁体中文暂时还不支持。

如果想将Divi 的操作界面切换成简体中文,可以直接到WordPress 的左侧边栏上点选 设定一般,然后将网站界面语言改成简体中文就行了,Divi 的操作界面也会跟着变成简体中文。

总结:Divi 好用吗?到底值不值得购买?

Divi最大的优势在于它所需的费用真的非常便宜,市面上也没几个页面编辑器有提供买断制的方案。

话虽如此,再划算的付费工具也并不一定会适合每一个人。

文章一开始就有明确提到,由于Divi 的Module(模块/功能元素)比较少,如果想要在网页上加入较复杂的功能,但Divi 又恰好没有相应的Module,无法做到自己实际想要的效果,那大致上自己就得上网爬文寻找相关的程式去做调整了

我当初在使用Divi 时,就很常遇到以上提到的状况,所以才会在文章一开始就说Divi 会比较适合有一定编程基础的建站老手和网页设计师,新手& 没有编程背景的建站者的话多半会比较难适应Divi 的使用方式

不过,如果你觉得我说的这些都不是大问题,自己也一直很想尝试用Divi 来设计网页,那么它确实是一款很值得一试的页面编辑器,除了功能相当全面,更有无数个模板可以套用。

另外也别忘了Divi 是有30 天满意保证的,使用之后觉得不满意都可以在购买后的30 天内申请全额退款。

那我就先分享到这里,希望我这篇文章所分享的信息对你有帮助。

作者:Ryan,如若转载,请注明出处:https://www.reansail.com/ecommerce-site/1107