你是否正在猶豫要使用Divi還是Elementor,將你的網站外觀不再只是文章列表呢?
相信大多數人在使用Wordpress製作網站時,不論是部落格網站,或者是商業型品牌網站,都會遇到該如何製作、設計首頁的問題,而Divi跟Elementor這兩個頁面編輯器,正是目前世界上最熱門的兩個Wordpress編輯器。
這篇文章將會幫你比較出Divi及Elementor兩者的不同,協助你找到最適合你使用的頁面編輯器,如果你目前也有一樣的煩惱,那就跟我一起看下去吧!
本文重點目錄
一、Divi vs. Elementor 相同處
首先呢,Divi跟Elementor兩者其實有非常多的共通點,而這幾個共通點也是讓多數Wordpress使用者們,對Divi及Elementor趨之若鶩的特色:
1.視覺化編輯器
首先,Divi跟Elementor都是使用視覺化的編輯器,你可以在編輯時,直接對網站實際地樣式作調整,不像過去必須在後台用一句句的語法、程式碼製作網站。
需要增加網站的內容時,Divi只需要點選+號,就可以從元件列表,選擇想要加入的項目,直接進行編輯即可。而Elementor則是使用拖拉的方式,把元素用滑鼠拖拉進適當的位置後,一樣能夠輕鬆地調整網站。
2.電腦、平板、手機視角
Divi手機視角 Elementor手機視角
並且,Divi跟Elementor都可以切換到手機或平板視角,針對有不同瀏覽習慣的使用者,來為網站進行更細節的調整,盡可能讓不同的使用者,在瀏覽你的網站時,都能夠有更好的使用體驗。
3.列表顯示
Divi列表顯示 Elementor列表顯示
除了上一段提到的電腦、手機、平板視角以外,Divi跟Elementor還有提供列表型的顯示方式,像這樣的瀏覽模式,適合用來確認網站中篇幅較長的網頁,而我個人經常會利用列表模式,來快速將已經設定好樣式,複製到尚未設定過的元素。
4.個別頁面設計
Divi Theme Builder Elementor Theme Builder
而Divi跟Elementor也同時有提供主題性的編輯器,讓你可以為整個網站製作統一的選單列、底部欄,但同時,也能為幾個指定的頁面,特別製作不同的頁首、頁尾。
5.設計選項
Divi 樣式設計 Elementor 樣式設計
在各個元素的設計選單,我個人認為Divi跟Elementor除了位置以外,基本上該有的設計選項都一應俱全,非常足夠應對各種常見類型的網頁設計。
二、Divi vs. Elementor 相異處
前面把Divi跟Elementor的相同處說得差不多了,接下來我們進入到這兩個網頁編輯器的相異處:
1.主題版本及外掛版本
Divi在網頁編輯器上提供兩種版本,一個是主題,另一個是外掛,如果你有習慣使用的主題,只需要為其中幾個頁面作編輯,那麼就可以選擇外掛版本的Divi使用。如果你想要全方面的為網站設計,包含頁首、頁尾、網站整體,那就使用主題式的Divi。
而Elementor只提供外掛版本,只能針對個別頁面調整,並沒有提供太多全面的設計方式。
2.範本數量
Divi範本
Divi最有價值的其中一點,就是它提供非常大量的免費範本給會員使用,所有的範本都是一個組合包的概念,每一個主題都包含5到8頁以上的頁面範本,也就是說,你可以選定其中一個主題,將所有頁面都匯入到自己的網站後,調整玩文字跟圖片,就是一個完成度非常高的網站,對於新手而言是一大福音。
Elementor範本
而Elementor的範本則是多數主題只有提供一頁或者兩頁,不能像Divi一樣快速建立出網站的各個頁面,使用者如果有製作首頁以外的需求,就必須再自行設計出網站的其他頁面。
3.語言
語言的部分,Elementor則是略勝一籌,因為他提供英文以及中文的版本,而Divi只提供了英文,儘管用字都不難,但仍會讓有英語焦慮的使用者望之卻步。
4.網站表現
Divi速度測試 Elementor速度測試
我在一個網站上,同時安裝了Divi跟Elementor,並且用它們製作了內容幾乎一樣的兩個頁面,而以上的測試結果看下來,似乎差異並不大,整體表現上由Divi略勝一籌,但頁面完整顯示出來的速度,則由Elementor勝出。
5.價格比較
Elementor價格
Elementor提供了免費以及一年僅需美金49元的方案,吸引更多剛入門的使用者踏入,但是當使用者有超過一個以上的網站時,價格便不再享有優勢,而且,Elementor不提供終生版的價格,必須要每年不斷地付款,Elementor的使用者在長時間比較之下,花費會遠超過Divi。
Divi價格
而Divi的會員方案,則是都不限使用的網站數量,提供一年型$89(需每年續訂)跟終生型$249(買一次即可終生使用)這兩個方案。而透過以下連結購買,則可以有10%OFF的優惠價哦。
6.支援性
基於價格方面,Elementor有提供免費的版本,讓更多新手會優先嘗試,而這點也讓Wordpress中Elementor相關的支援外掛,比起Divi更多一些,創作者更願意將時間投入在開發市場似乎更大一些的Elementor之中。
三、總整理
現在,我再為這篇文章所提到的Divi跟Elementor的優缺點作一個總整理,讓你快速簡單地複習一下:
Divi | Elementor | |
---|---|---|
視覺化編輯器 | 有 | 有 |
電腦、平板、手機視角 | 有 | 有 |
列表顯示 | 有 | 有 |
個別頁面設計 | 有 | 有 |
設計選項 | 豐富 | 豐富 |
主題版本及外掛版本 | 主題版本及外掛版本 勝 | 僅外掛版本 |
範本數量 | 較多 勝 | 較少 |
語言 | 英文 | 英文及中文 勝 |
網站表現 | 整體表現較佳 | 完整載入速度稍快 |
價格比較 | 長期使用較便宜 勝 | 長期使用較貴 |
外掛支援性 | 較少 | 較多 勝 |
四、Divi vs. Elementor 該選誰?
這兩個頁面編輯器各有各的優缺點,而且每個人喜歡的介面都不相同,我個人在各別使用過後,更加偏好Divi,對於長時間都在建立網站的我來說,Elementor長期使用下來所需要累積的價格非常驚人,而且我更喜歡Divi的整體編輯器畫面。
如果你對於這篇文章有任何疑問或者建議,都歡迎你在底下留言給我喔:)
本文作者 – LiLing
90後的台灣女生,目前正於紐西蘭擔任多媒體設計師,擅於利用Wordpress建立網站,分享各種不必使用程式語法,也可以架設網站的101種方法。
用了elementor一段时间感觉还不错,不过版主推荐的Divi 也许可以试试看。
谢谢版主的分享。
我剛開始也是用Elementor,後來才跳槽到Divi
個人認為Elementor真的比較容易好上手,個人的網站大部分的頁面都是使用Elementor來設計,看了版主的分享原來Divi有終身型方案,感覺Divi真的比較實惠,看來可以嘗試看看Divi編輯器
謝謝版主的分享!
之前用過Elementor功能真的很強大,Divi編輯器是第一次聽到,多虧這篇文章多認識一種編輯器了
Divi的中文客群目前應該是偏少,但是在英語系國家超熱門的
好詳細的比較啊 非常感謝版主分享 之後有機會也想試看看DIVI
潛水版主多則精美文章長久,最近也想試看看自己動手做 WP 的好玩感,但不曉得版主有沒有推薦的「主機空間」指南呢?? 想說要把WP 架在哪才能像版主的文章點閱、瀏覽起來這麼順暢呢?? 謝謝版主~
哈囉雨晨,謝謝你的稱讚~
我自己是使用Cloudways,設定的過程你可以參考這篇文章:https://notjustdesigner.com/cloudways-website/
另外這兩天我會發布一篇關於主機選擇的文章,到時你也可以再參考看看那篇內容哦 🙂