Divi vs. Elementor 兩大WordPress編輯器優缺點比較

by

Divi vs. Elementor 兩大WordPress編輯器優缺點比較

by

你是否正在猶豫要使用Divi還是Elementor,將你的網站外觀不再只是文章列表呢?

相信大多數人在使用Wordpress製作網站時,不論是部落格網站,或者是商業型品牌網站,都會遇到該如何製作、設計首頁的問題,而Divi跟Elementor這兩個頁面編輯器,正是目前世界上最熱門的兩個Wordpress編輯器。

這篇文章將會幫你比較出Divi及Elementor兩者的不同,協助你找到最適合你使用的頁面編輯器,如果你目前也有一樣的煩惱,那就跟我一起看下去吧!

一、Divi vs. Elementor 相同處

首先呢,Divi跟Elementor兩者其實有非常多的共通點,而這幾個共通點也是讓多數Wordpress使用者們,對Divi及Elementor趨之若鶩的特色:

1.視覺化編輯器

首先,Divi跟Elementor都是使用視覺化的編輯器,你可以在編輯時,直接對網站實際地樣式作調整,不像過去必須在後台用一句句的語法、程式碼製作網站。

需要增加網站的內容時,Divi只需要點選+號,就可以從元件列表,選擇想要加入的項目,直接進行編輯即可。而Elementor則是使用拖拉的方式,把元素用滑鼠拖拉進適當的位置後,一樣能夠輕鬆地調整網站。


2.電腦、平板、手機視角

並且,Divi跟Elementor都可以切換到手機或平板視角,針對有不同瀏覽習慣的使用者,來為網站進行更細節的調整,盡可能讓不同的使用者,在瀏覽你的網站時,都能夠有更好的使用體驗。


3.列表顯示

除了上一段提到的電腦、手機、平板視角以外,Divi跟Elementor還有提供列表型的顯示方式,像這樣的瀏覽模式,適合用來確認網站中篇幅較長的網頁,而我個人經常會利用列表模式,來快速將已經設定好樣式,複製到尚未設定過的元素。


4.個別頁面設計

而Divi跟Elementor也同時有提供主題性的編輯器,讓你可以為整個網站製作統一的選單列、底部欄,但同時,也能為幾個指定的頁面,特別製作不同的頁首、頁尾


5.設計選項

在各個元素的設計選單,我個人認為Divi跟Elementor除了位置以外,基本上該有的設計選項都一應俱全,非常足夠應對各種常見類型的網頁設計。


二、Divi vs. Elementor 相異處

前面把Divi跟Elementor的相同處說得差不多了,接下來我們進入到這兩個網頁編輯器的相異處:

1.主題版本及外掛版本

Divi在網頁編輯器上提供兩種版本,一個是主題,另一個是外掛,如果你有習慣使用的主題,只需要為其中幾個頁面作編輯,那麼就可以選擇外掛版本的Divi使用。如果你想要全方面的為網站設計,包含頁首、頁尾、網站整體,那就使用主題式的Divi。

Elementor只提供外掛版本,只能針對個別頁面調整,並沒有提供太多全面的設計方式。


2.範本數量

Divi範本

Divi最有價值的其中一點,就是它提供非常大量的免費範本給會員使用,所有的範本都是一個組合包的概念,每一個主題都包含5到8頁以上的頁面範本,也就是說,你可以選定其中一個主題,將所有頁面都匯入到自己的網站後,調整玩文字跟圖片,就是一個完成度非常高的網站,對於新手而言是一大福音。

Elementor範本

Elementor範本

而Elementor的範本則是多數主題只有提供一頁或者兩頁,不能像Divi一樣快速建立出網站的各個頁面,使用者如果有製作首頁以外的需求,就必須再自行設計出網站的其他頁面。


3.語言

語言的部分,Elementor則是略勝一籌,因為他提供英文以及中文的版本,而Divi只提供了英文,儘管用字都不難,但仍會讓有英語焦慮的使用者望之卻步。


4.網站表現

我在一個網站上,同時安裝了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的優缺點作一個總整理,讓你快速簡單地複習一下:

DiviElementor
視覺化編輯器
電腦、平板、手機視角
列表顯示
個別頁面設計
設計選項豐富豐富
主題版本及外掛版本主題版本及外掛版本 僅外掛版本
範本數量較多 較少
語言英文英文及中文
網站表現整體表現較佳完整載入速度稍快
價格比較長期使用較便宜 長期使用較貴
外掛支援性較少較多

四、Divi vs. Elementor 該選誰?

這兩個頁面編輯器各有各的優缺點,而且每個人喜歡的介面都不相同,我個人在各別使用過後,更加偏好Divi,對於長時間都在建立網站的我來說,Elementor長期使用下來所需要累積的價格非常驚人,而且我更喜歡Divi的整體編輯器畫面。


如果你對於這篇文章有任何疑問或者建議,都歡迎你在底下留言給我喔:)

本文作者 – LiLing

90後的台灣女生,目前正於紐西蘭擔任多媒體設計師,擅於利用Wordpress建立網站,分享各種不必使用程式語法,也可以架設網站的101種方法。

相關文章

👋

Hi, I’m LiLing

在紐西蘭任職多媒體設計師,擅於利用Wordpress建立網站,搭配Divi主題,分享各種不必使用程式語法,也可以設計網站的101種方法。

🙌

社團交流

歡迎你加入Divi使用者討論平台,有任何問題都歡迎在上面向我提問:)

👩🏻‍💻

免費領取Divi入門手冊

領取Divi新手設計入門手冊

8 Comments

  1. 一弦

    用了elementor一段时间感觉还不错,不过版主推荐的Divi 也许可以试试看。

    谢谢版主的分享。

    Reply
    • LiLing

      我剛開始也是用Elementor,後來才跳槽到Divi

      Reply
  2. Kelvin Foo

    個人認為Elementor真的比較容易好上手,個人的網站大部分的頁面都是使用Elementor來設計,看了版主的分享原來Divi有終身型方案,感覺Divi真的比較實惠,看來可以嘗試看看Divi編輯器
    謝謝版主的分享!

    Reply
  3. 尹辰

    之前用過Elementor功能真的很強大,Divi編輯器是第一次聽到,多虧這篇文章多認識一種編輯器了

    Reply
    • LiLing

      Divi的中文客群目前應該是偏少,但是在英語系國家超熱門的

      Reply
  4. bodynewlife

    好詳細的比較啊 非常感謝版主分享 之後有機會也想試看看DIVI

    Reply
  5. 雨晨

    潛水版主多則精美文章長久,最近也想試看看自己動手做 WP 的好玩感,但不曉得版主有沒有推薦的「主機空間」指南呢?? 想說要把WP 架在哪才能像版主的文章點閱、瀏覽起來這麼順暢呢?? 謝謝版主~

    Reply
    • LiLing

      哈囉雨晨,謝謝你的稱讚~
      我自己是使用Cloudways,設定的過程你可以參考這篇文章:https://notjustdesigner.com/cloudways-website/
      另外這兩天我會發布一篇關於主機選擇的文章,到時你也可以再參考看看那篇內容哦 🙂

      Reply

Leave a Reply to 尹辰 取消回覆

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *