Divi 基礎教學與評價: 付費會員最真實的心得分享 (用到最後居然很後悔!?)
Divi 是目前市面上最熱門的 WordPress 頁面編輯器之一,相信正讀著這篇文章的每位讀者多半早已對它有所耳聞。
而本篇文章將會與各位分享我作爲一位付費會員,在使用 Divi 將近半年後的所有心得體驗。
不過文章内容還蠻長的,如果趕時間、不想閲讀長篇内容,以下是我對 Divi 的簡評,讓大家可以快速瞭解我的使用體驗:
Divi 最大的優點就是它的價格是真的划算(極少數有買斷方案的頁面編輯器)。不過,Divi 最明顯的短板就是它提供的功能元素十分有限,每當預設的功能做不到自己想要的效果時,那基本上就只能自己輸入程式去做修改。也因此 Divi 對於零經驗的架站新手來説,操作難度偏高。
在接下來的内容,我將會以一個客觀的角度更深入地去分析 Divi 的優缺點,協助大家在決定購買前能確定這款工具是否真的適合自己。
那我們廢話不多説,馬上進入正題吧!Let’s Dive In!
内容目录
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:這是款社群分享外掛,啓用之後網站上就會顯示各大社群平臺的分享按鈕,方便讀者進行分享。
Divi 方案價格
服務方案
Divi 沒有任何免費方案,只有簡單試用的機會,目前主要有兩種付費方案:
- 年繳方案:每年 89 美元
- 終身方案:249 美元一次買斷
這兩種方案能獲取的工具及客戶服務都是一樣的,也不限網站數量,想在多少個網站上安裝 Divi 都行。
重點是如果購買的是終身方案,之後的每一次版本更新都不用使用者繳額外的費用哦~ 這就是我認爲 Divi 對架站接案者而言會很划算的主因。
退款政策
Divi 有 30 天無條件退款保證,如果在購買之後覺得不滿意,隨時可以在規定的期限内向客服要求全額退款。
特別優惠
雖然 Zac 到後來才認爲 Divi 不適合我,但我還是有跟 Elegant Themes(也就是 Divi 背後的公司)保持長期的合作關係。
因此如果你覺得 Divi 很適合你,或是單純想要試試看這款工具的話,透過我的連結購買就能獲得 20% 的折扣。
Divi 的四大優點
#1:可以一次買斷
在我看來, Divi 的第一大好處顯然是它那足夠全面的功能,還有提供買斷制的終身方案。
Divi 也並沒有限制安裝次數,使用者想在多少個網站上安裝 Divi 都 ok,要知道市面上大部分的頁面編輯器都只有訂閲制方案,且其中很多都更有限制網站數量的哦~
再加上我們購買 Divi 後還能獲得其他幾種不同功能的工具,因此我認爲 Divi 對於那些預算不高的新手,或是不喜歡訂閲制工具的接案者來説,無疑會是最划算的選擇~
#2:介面設計獨特
在我試用多個頁面編輯器當中,Divi 的操作介面應該是我看過設計最獨特的。
有架站經驗的朋友應該都知道,市面上大部分頁面編輯器的編輯欄位多半都位在左側邊欄上,讓使用者們將想要的功能元素拖放到想要的位置。
但 Divi 這邊做的很與衆不同的地方就是,如果想在頁面上添加新的元素,我們就只需點選 + 號的按鈕,接著再點選自己想要的功能内容就行了
另外值得一提的是,如果想要調整某個區塊的邊界(Margin)與邊框間距(Padding),我們是可以直接以拖動的方式來進行調整的。
簡言之,我認爲 Divi 的操作跟其他很多頁面編輯器相比之下直覺許多,也方便使用者做出非常細部的的調整。
#3:海量現成模板,也會持續更新
在寫這篇文章的時候,Divi 有將近 1800 的網頁模板可套用。
由於 Elegant Themes 也有持續不斷的加入新的模板設計,所以在各位看到此篇文章後,相信其模板的數量早已被大幅度刷新。
這些網頁模板也都已經根據各種產業類型分類好了,像是有教育、時尚與美容、健身減肥…等各種風格的模板設計供你選擇。
我們只需選擇好自己想要的模板設計之後,就能一鍵套用該套版並進一步可製成自己想要的模樣,十分方便。
#4:具備 A/B 測試功能
A/B 測試的英文是叫 A/B Test,也叫 Split Test,算是行銷界裏的專有名詞。
簡單來説,A/B 測試指的是就是行銷人可透過製作兩份不同版本的内容,並且進行測試,看看哪份内容的成效更好、更受潛在客群的歡迎。
Divi 的編輯器就有具備相當完善的 A/B 測試功能,這對於那些很常透過 WordPress 建立銷售頁面的行銷人無疑會是非常實用的一項功能。
Divi 的三大缺點(最後一個是讓我對 Divi 失去耐心的主因)
#1:沒有免費方案
我覺得 Divi 最明顯的第一個缺點莫過於它沒有提供免費方案,而是只有簡單的演示版本(Demo Site)可以試用。
我本人認爲這樣過於簡易的試用機會終究還是比較難讓使用者去確定說該工具是否有真正符合到他們的需求,所以很容易發生 “試用時很滿意,但購買後問題重重” 的情況。
#2:售後客服略差
説到 Divi 的客服,有一點讓我很不滿意的地方就是,售前客服和售後客服的回復速度差距非常大。
Divi 一直以來都有售前的客服在綫,主要協助回答潛在客戶在購買 Divi 前的各種問題,從下圖我們可以看到 Divi 的售前客服的回復時間只有幾分鐘。
我自己也有去嘗試向 Divi 的售前客服詢問問題,確實在幾分鐘内就獲得了客服的回應,非常快。
反觀 Divi 的售後客服,卻平均要付費會員等上一天的時間才能獲得客服的回應!這無疑會讓老是遇到技術性問題的會員等到心都涼了。
#3:功能元素有限
因爲我本身不是工程師,對程式語言可謂是一竅不通,自然的我是相當排斥任何需要常常自己輸入程式,以達到自己想要的效果的任何工具。
話雖如此,如果只是偶爾需要自己編程的話,我是可以接受的。
但問題就在於,Divi 的 Module(模塊/功能元素)相當有限,因此每當我想給網頁增添一項新功能時,只要編輯器沒有合適的模塊,那麽留給我的解決方法基本上只有 3 個:
- 到 Divi 的應用市集看看有沒有相關的外掛,也意味著我們可能需要額外花費
- 到英文臉書社團裏發貼文詢問,或是自己上網爬文找相關程式並手動輸入
- 詢問客服,但如果是很緊急的技術性問題,這基本上不會是我的首選解決方案,因爲就像我前面説的,他們的回復速度實在太慢了 T.T
雖然每次都能從其他熱心會員那裏獲得程式,或是在網上找到相關教學,但就像我前面説的,我是相當排斥程式語言的人,且重點是,很多時候我所獲得的這些程式也都不能達到我理想中的效果,甚至是完全不起作用。
這些種種情況都讓我對 Divi 漸漸失去耐心,直到最後忍不住了就 “重回到 Elementor 的身邊”,只能説它們倆帶給我的使用體驗真的有很大的落差。
Divi 基礎操作教學
如何購買、安裝,以及啓用 Divi?
購買 Divi 佈景主題
(一)首先,先點擊這裏的 Divi 連結(可享有 20% 折扣優惠)前往 Divi 官網。
(二)接著,你會看到以下兩種付費方案,分別是年繳方案 Yearly Access,以及終身方案 Lifetime Access。
如果還不確定 Divi 是否適合你,可以先到他們的 Demo 網頁去試用。
一旦確定要購買 Divi 之後,我會建議各位直接購買終身方案,好處就是以後都不用再另外付費更新,且如果購買之後覺得不適合,30 天内你都可以申請全額退款。
(三)在點選好自己想要的方案之後,就會進入結賬頁面,這邊 Divi 就會要求創建賬戶,以及輸入付款資訊。
完成付費後,我們的信箱就會陸續收到 Divi 發來的購買收據和感謝信。
(四)這時候我們就到 Divi 登入頁面,輸入我們剛注冊好的賬號和密碼登入到會員專區,接著就能看到 Elegant Themes 旗下所有產品的下載選項和相關操作教學。
安裝 Divi 佈景主題
(一)首先,我們點擊 Divi Theme 下方的 DOWNLOAD THE DIVI THEME 按鈕進行下載。
(二)完成下載之後,現在我們就來登入到自己的 WordPress 後臺,然後前往 外觀 ➜ 佈景主題。
(三)接著點擊 安裝佈景主題 ➜ 上傳佈景主題,並上傳我們剛下載好的 Divi 壓縮檔(不需要解壓縮哦~),再點擊 立即安裝 並啓用就行了。
激活 Divi 的使用憑證
(一)我們先到自己的 Divi 會員專區,然後點選 Account ➜ Username & API Key,接著我們就會看到 Username(使用者帳號)和 API Keys(使用憑證),可以先把這兩份資料複製起來,等下激活 Divi 的使用憑證時會用到。
(二) 緊接著,我們前往 WordPress 後臺,然後點選左側邊欄的 Divi ➜ Theme Options ➜ Updates,然後輸入自己的 Username 和 API Keys,好了之後記得按儲存設定,到這一步 Divi 的使用權限就已被激活囖~
✍️補充一:如果你的 Divi 會員專區沒顯示 API Keys,可以點擊下方的 GENERATE NEW API KEY 自行新增。
✍️補充二:另外就是如果你有在接網站架設的案子,常常會用到 Divi 幫客戶設計網頁,你也可以為不同的客戶新增不同的 API Keys 並放上相應標簽(Label),讓整體看起來更有條理,方便管理。
如何啓用 Divi 編輯器?
在安裝好 Divi 之後,我們在 WordPress 後臺新增頁面或文章時,就會在編輯區裏看到 Divi 編輯選項,點擊 Use Divi Builder 就可以開始使用 Divi 編輯器了。
接著系統就會顯示 3 種建立頁面的方法,分別是:
- Build From Scratch 從頭建立自己想要的頁面設計
- Choose From Premade Template 套用 Divi 提供的套版
- Clone Existing Page 複製現有的網頁設計
Divi Builder 操作介面總覽
下圖就來帶各位快速瞭解下 Divi Builder 的操作介面的各項功能:
- (1) 編輯區:這是我們編輯頁面的地方,可透過新增段落、欄位,以及小工具的方式,將頁面逐步設計成自己想要的外觀排版。
- (2) 設定:這邊就是一些主要的設定,像是可以復原舊版本、預覽頁面在各大設備上的響應程度…等。
- (3) 發佈:顧名思義,這就是我們在完后編輯之後,就可以到這裏儲存草稿或正式發佈頁面。
頁面的三大基本構成元素
Divi 頁面編輯器主要有 3 大基本構成元素,分別是 Section(區塊)、Row(段落),以及 Module(模塊/功能元素),整體看起來就是由大到小層層包裹的感覺。
換句話説,如果想從頭設計一個頁面,最一開始我們會先新增一個 Section,然後才在該區塊内相繼新增想要的 Row 排版,最後再新增 Module。
進一步編輯 Section、Row,以及 Module
在新增好 Section、Row,或是 Module 之後,我們都能在這些元素上看到一個 ⚙️ 齒輪的按鈕,點下去之後就能進一步編輯:
那無論是 Section、Row,還是 Module,Divi 都主要會以 Content、Design,以及 Advanced 這三個方向讓使用者進一步編輯這些元素。
- Content 内容設定:會依據不同的構成元素而相應出現可設定的内容項目,像是嵌入相關連結、背景畫面、輸入文字等等。
- Design 設計設定:主要是提供元素的外觀設計功能,像是調整按鈕的大小、給背景加陰影..等。
- Advanced 進階設定:各種較爲進階的功能,像是在不同裝置隱藏相關内容、給 Section 加上過渡效果、視差滾動效果…等,也有自訂 CSS,所以如果想要的呈現效果是 Divi 給不到的,可自己輸入相關程式來獲得。
Divi Module 功能元素
在撰寫本文時,Divi 目前具備的 Module 總共有 47 個,其中有 38 個適用於 Regular 區塊佈局,其餘的 9 個則是專爲 Fullwidth 區塊佈局。
Divi 後臺管理系統
回到我們的 WordPress 後臺,我們能看到左側邊欄上有出現 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 設計工具相關文章,並從中選擇適合自己的工具來設計自己的網站 Logo 哦~
社群平臺設定
如果經營部落格之餘,也有另外經營社群平臺,也可以選擇開啓社群分享功能,並貼上自己的社群連結。
啓用文章摘要功能 & 回到頂端按鈕
選擇啓用文章摘要功能可以讓系統自動選用文章的摘要作爲顯示内容,其好處是能預防發表在網站上的文章因爲顯示全文而導致頁面過長的問題。
而選擇啓用回到頂端按鈕則能讓讀者在閲讀文章時,可以一鍵點擊回到文章開頭的部分。
Theme Options 相關教學影片
如果想要學習更多 Theme Options 的使用方式,可以觀看以下 Elegant Themes 官方發佈的相關教學影片。
✍️補充: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 的模板構建工具。
由於 Default Website Template 屬 global 全站型態,因此透過這個工具設計的内容排版之後也會同步在我們的整個網站更新(注意是整個網站,不限任何頁面),這也意味著它非常適合用來客制網站的頁首和頁尾。
先來説説頁首的部分,只需點擊 Add Global Header ➜ Build Global Header,接著我們就會進入頁首的編輯頁面,完成編輯之後點擊右下角的 Save 將設計存儲起來。
客制網站頁尾的跟頁首實際上是大同小異的,各位也只需點擊 Add Global Footer ➜ Build Global Footer,完成之後再點擊 Save 按鈕將設計存儲起來就行了。
最後也記得要點擊 Save Changes,這時到網站前臺看一下,應該就能發現網站的頁首和頁尾已經同步更新成我們指定的設計。
Theme Builder 基礎教學(客製化獨立頁面)
如果你想針對某分類的文章客制内容排版,或者是你經營的是電商網站,想給特定的產品類別製作專屬的銷售頁,又或者是你想給自己的網站製作不一樣的 404 頁面,都能透過 Theme Builder 來做到。
首先,我們得先點擊 Add New Template 來新增模板建構工具。
然後選擇你想要之後該模板呈現的網頁,再點擊 Create Template。
那接下來就到了設計的階段,這個就跟前面的頁首和頁尾的操作邏輯差不多,同樣只需點擊想要客制的網頁部分,接著就會進入編輯頁面讓你用 Divi Builder 去進行設計了。
Theme Builder 相關教學影片
如果想要學習更多 Theme Builder 的使用方式,可以觀看以下 Elegant Themes 官方發佈的相關教學影片。
Theme Customizer(主題定制器)
Theme Customizer 簡介
稍有經驗的站長多半都看得出來 Divi 的 Theme Customizer 正是 WordPress 内建的外觀編輯器。
但如果你是零經驗的新手,可以將 Theme Customizer 理解成 Divi 與 WordPress 整合起來的另一個編輯器,可以讓使用者調整網站一些比較基本的外觀樣式。
Theme Customizer 相關教學影片
如果想要學習更多 Theme Customizer 的使用方式,可以觀看以下 Elegant Themes 官方發佈的相關教學影片。
Role Editor(權限分配)
Role Editor 簡介
Role Editor 是用來做權限分配的地方,主要分成 4 大角色,分別是:
- Administrator(管理員)
- Editor(編輯)
- Author(作者)
- Contributor(投稿者)
以上的角色通常來説越往下的,獲得權限就越少,如果你的網站背後是有一支團隊一起經營,或是你很常外包網站的一些業務,就能用 Role Editor 來分配相關權限。
Role Editor 相關教學
如果想要學習更多 Role Editor 的使用方式,可以觀看以下 Elegant Themes 官方發佈的相關教學影片。
Divi Library(資源庫)
Divi Library 簡介
在使用 Divi Builder 編輯頁面時,它有個叫 Save To Library 的進階功能。
這個 Save To Library 功能可以幫助我們把一些很常重複使用的内容元素(可以是任何 Section、Row,或 Module)存儲到 Divi Library。
之後若有用到同個内容元素時,就可以直接一鍵套用,而不是每次都得重新製作。
Divi Library 相關教學
如果想要學習更多 Divi Library 的使用方式,可以觀看以下 Elegant Themes 官方發佈的相關教學影片。
Support Center
雖然我前面有說我自己對 Divi 的售後客服不是很滿意,但不可否認他們在優化客戶協助系統方面確實做了不少努力。
而 Support Center 正是他們提供的協助資源之一,有效加快客戶解決問題的速度。
Support Center 主要分成 5 大部分,以下來給大家稍微講解下各個部分。
System Status 簡介
進入支援中心,我們第一個會看到的部分就是 System Status(系統狀態),Divi 會在這裏提供我們網站主機與佈景主題的相容程度,並顯示一些可能會影響 Divi 佈景主題相容性的潛在問題,以及相應的優化建議。
不過,雖然 Divi 有額外提供這些優化建議是件好事,但如果網站沒有遭受很大問題的話,像是網站速度過慢、或是很常無緣無故壞掉,我自己是不太建議各位去執行 Divi 所給的每項建議。
一來是會很耗時間,再來就是很容易弄巧成拙(原本想優化網站,但完成後反而出現更多問題的窘境)。
Remote Access 簡介
Remote Access 的功能簡單來説,就是將自己網站的登入權限暫時提供給 Divi 的技術人員,讓他們可以直接進入我們的網站解決任何棘手的問題。
再更詳細點來講解,這整個過程大概會是這樣:
- 網站遇到技術性問題,確定是 Divi 佈景主題引起的,你不知道如何解決
- 你尋找 Divi 客服説明情況並請求支援,對方請求你開啓 Remote Access,你便同意
- 之後系統就會自動生成一個通關碼並發送給 Divi 的技術人員,他們也會隨之獲得我們網站有限時間的登入權限
- Divi 的技術人員可以直接進入我們的網站,幫助我們解決目前遇到的技術問題
- 待問題解決之後,你便可以手動關閉 Remote Access,或是等它 4 天之後自動關閉也行
説實話,這項功能是我本身非常喜歡的支援工具,因爲它確實大幅度加快了問題解決的速度,也免除了使用者自己動手處理技術問題的麻煩事。
Divi Documentation & Help 簡介
這個部分 Divi 則是統整了一些基礎操作教學,協助新手們可以更快速掌握 Divi 的基礎操作。
Safe Mode 簡介
通常情況下,網站出現問題都是第三方軟體或自定義程式碼所導致的。
而啓用 Safe Mode 之後,系統便會自動幫我們暫時停用所有可能造成網站當機的外掛、子主題,以及自定義的 CSS/Javascript 程式碼。
如果 Safe Mode 啓用後,問題自然消失,基本上就可以確定該問題是由某個第三方軟體或自定義程式碼所引起的,接著就可以讓 Divi 技術人員進行排查的工作。
另外補充一點,我們在給網站排除問題的過程中,網站上的讀者並不會受到任何影響,除非網站已經故障到無法瀏覽。
Logs 簡介
最後,支援中心有個 Logs (調試記錄)的功能,主要負責記錄過往在我們網站上發生的的所有技術問題及當時運用的解決方案,有助技術人員更快速地解決網站目前遇到的問題。
在過去,Divi 的技術人員都需要親自向使用者索取 Logs 資料。
不過,不是每個人都知道該到哪取得這份資料,多數人會需要另外花時間去求組網站主機的客服,以便能獲得網站過往的調試記錄,
但顯然這般繁瑣的過程也就間接導致我們必定會浪費了更多時間,而 Divi 在支援中心加入了 Logs 便順利解決了這個問題。
如果拿 Divi 跟 Elementor 做比較,到底誰更勝一籌?
Elementor 和 Divi 可以説是中文架站界聲譽最高的兩款頁面編輯器。
説實話,它們在功能上的相似點蠻多的,比方説:
- 都屬拖拽式頁面編輯器,就算沒有編程背景也能做出美觀的網頁設計
- 都有開放讓那些懂程式語言的架站專家可以進一步調整進階設定
- 都有具備主題建構器,讓使用者可以更自由的調整網站的各個部位
- 都有提供大量各種類型的模板,協助使用者更快完成網頁設計
- 都有具備相當完善的整合功能,市面上也有不少擴充工具
- 都有支援響應式編輯,好讓我們的網頁在各大設備上(手機、平板,以及電腦)都能完好呈現
要説兩者最大的差異,我覺得會是它們所需的費用。
Elementor 有提供免費方案,但它的付費方案是訂閲制的,方案價格介於 $49 美元/年 ~ $999 美元/年,網站數量也會有所限制。而 Divi 則沒有免費方案,但可以一次買斷,買斷方案的價格也只需 $249 美元,且還不限網站數量。
雖然 Divi 看似會比 Elementor 來的划算,但説到底,我個人會推薦你使用 Elementor。原因就在於 Divi 對於大部分新手而言,操作難度會比 Elementor 高得多。
我有針對這個主題專門寫了一篇 Elementor vs Divi 對比文章,如果你想更深入的瞭解爲什麽我會認爲 Elementor 的使用體驗會比 Divi 還要好,可以點擊以下文章連結去閲讀我的詳細比較與分析。
延伸閲讀:Elementor vs Divi 全面比較,協助你找到最合適的頁面編輯器
其他有關於 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 相關的子主題、推薦,以及排版設計。
由於這個平臺所販售的產品只適用於 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 天内申請全額退款。
那我就先分享到這邊啦~ 希望我這篇文章所分享的資訊對你有幫助。
當然,如果對於 Divi 佈景主題還有任何疑問,可以在下方留言讓我知道,我會盡量給你最滿意的解答。