Elementor、Divi 使用經驗談,最適合新手的WordPress 頁面編輯器?

Elementor、Divi 使用經驗談,最適合新手的WordPress 頁面編輯器?

你是利用 WordPress 架設網站的新手嗎?你跟安布一樣不會寫程式語言嗎?此篇會分享我用過的兩款頁面編輯器,及實際使用心得。

好的頁面編輯器,可以幫助你快速建立具有質感、又有屬於自己風格的網站設計!

WordPress 頁面編輯器是什麼?

就像這個網站的「首頁」,就是一個頁面。

「頁面編輯器」能夠製作頁首(Header / Menu)、頁尾(Footer)、登陸頁(Landing Page)任何你看得到的網站頁面,

幫助進到網站瀏覽的觀眾,找到他們想看或你希望他們看的頁面或文章,有效提高網站轉換率。

頁面編輯器簡單的說,就是一個「幫助你編輯頁面的工具」

為什麼一個好用的頁面編輯器很重要?

如果你是公司的網站美編、替公司經營網站,沒有外包網站出去,那麼一款好用的頁面編輯器可以幫你省下很多摸索的時間

如果你是一個腦袋有很多創意、想法,而且很想要把他透過畫面,呈現出來的人,好用的頁面編輯器非常的重要!

一個功能不齊全的頁面編輯器,會因為功能不足、自己又不會寫程式語言( HTML 、 CSS ),而無法做出想要呈現出來的樣子。

為什麼好用的頁面編輯器很重要

我要如何知道自己需不需要?

以下情境幫助你檢測:你需要擁有更多功能的頁面編輯器嗎?

如果你平常有用電腦上網查資料的習慣,有時常發生以下這樣的經驗,

「一進到這個網站裡面,就不由自主的想多看幾眼!」
「有覺得這個網站做的很不錯欸!這種想法」

「網站太美,儘管好像不是你正要搜尋的,但還會多點幾下裡面的內容」
「這個網站架構很清晰,一眼就能找到自己想找的內容!」

沒錯!這就是一個用心製作的網站魅力!而你也完全被這樣子的網站吸引了!

如果你時常有這樣的經驗,那或許你內心也想做一個讓別人都很驚豔的網站設計,

我們不需要是程式語言高手,也能透過「好用的頁面編輯器」做出你喜歡的網站樣貌!

為什麼安布不說「專業的」頁面編輯器,而要說「好用的」頁面編輯器呢?

因為對於網站新手來說,專業的頁面編輯器不等於「好用」,所以挑選一個簡單好上手的頁面編輯器,會幫助新手在經營網站中省去很多研究的時間!

先試用免費版頁面編輯器

你也可以先用免費版本的頁面編輯器,例如 「Elementor 免費版」,如果功能不足以滿足你的需求,再購買 Elementor Pro。

延伸閱讀:Elementor 免費版下載教學

WordPress 內建的 Gutenberg 和頁面編輯器的差別?

Gutenberg(以下稱古騰堡)是 WordPress 內建的內容編輯器」(文章編輯器)。

有別於傳統的文章編輯器,它全新的操作介面、更直覺式的操作讓已經習慣傳統文章編輯器的用戶不太習慣,需要適應新介面,

如果你是最近加入 WordPress 的都是使用古騰堡內容編輯器唷!

但古騰堡只限於文章的編輯,他的根基就只是編輯文章,無法再更近一步的編輯頁面。

頁面編輯器就是為了補足它的缺點而存在的。

例如:

Elementor 是一款 WordPress 的頁面編輯器」,但它能夠編輯兩者:頁面與文章,它可以編輯所有網站你看到的任何頁面,只不過千萬不要拿它編輯所有文章,長久下來會降低網站速度。

所以我們會用:

  • WordPress 內建的「Gutenberg 古騰堡」內容編輯器來編輯文章。
  • 而使用 Elementor 頁面編輯器,製作首頁、Menu選單、特殊視覺化頁面⋯等等,提升整體網站的質感與專業度。

有哪些不錯的頁面編輯器?

以上三種都是屬於「直覺型的板塊」,可以拖拉工具至內文中你要的位置,再進行細部編輯。

安布自己用過 Divi 和 Elementor,以下會先個別介紹 、分析各自的優點及缺點,最後會分享安布的使用經驗。

Divi 介紹

Divi 是由 Elegant Themes 創建的 WordPress 主題,創立的宗旨是幫助非設計師建立精美的網站,而不用寫程式語言。

divi價格

✔ 一次獲得 Divi Theme (佈景主題) 和 Divi Builder (頁面編輯器)

要購買 Divi Builder 頁面編輯器,要與 Divi Theme 佈景主題一起購買,但是 Divi Builder 頁面編輯器也可以和任何的 WordPress 主題一起使用,所以如果你已經有目前的佈景主題,不想更換的話,也不會造成困擾。

✔ 年繳 89 美,無限制網站數量

年費89美元包含 Divi Theme (佈景主題) 和 Divi Buider (內容編輯器),而且沒有網站數量限制,也就是說如果你有兩個以上的網站就可以同時使用,不用再另外買,可以說是非常划算。

✘ Divi 支援中文,但中文語言包難找

而 Divi 雖然有支援中文,但你還是必須要找到中文語言包,才能把介面變成中文,但或許是 Divi 更新的速度太快了,中文語言包非常難找,而且如何把語言包放進 Divi 裡面也需要做一番功課,可能不太適合沒有一點程式語言知識的新手。

Elementor 介紹

Elementor 是 WordPress 的獨立的視覺產生器,可以用拖拉工具的方式,設計你正在編輯的頁面。(與 Divi 相同)

與 Divi 不同的是,Elementor 只是一個頁面編輯器,並沒有自帶主題,所以它與大部分的 WordPress 主題兼容。

Elementor 頁面編輯器

✘ 價格上比 Divi 貴一些

年繳 99 美,可以設置 3 個網站數量,與 Divi 的89美即可設置無限數量的網站相比,Elementor Pro 比較貴一點,也沒有終身授權的方案,如果長久使用下來,也是一筆費用。

✔ Elementor Pro 支援中文

在 WordPress 後台安裝好 Elementor 免費版本,介面依照你在 WordPress 設定的語言,會自動出現繁體中文,不用另外設定;但升級成專業版 Pro ,需要等一段時間(可能一天+),專業版本提供的小工具介面才會變中文的。

那如果等了許久還沒有變成中文,安布之後會寫一篇如何將 Elementor Pro 中文化,中文語言包安裝方式,並提供中文語言包的索取方式。

Elementor vs. Divi 比較

個人認為 Elementor 更好一些,因為:

  • Elementor 有免費版本,而 Divi 只有付費版,你需要花 89 美元才能獲得。
  • Elementor 有更多功能。例如,Divi 沒有彈出功能,而 Elementor Pro 有,以功能上來說, Elementor Pro 的 CP值較高。

以下整理了比較表格:

 DiviElementor優勝
受歡迎度安裝量超過130萬次超過140萬次的主動安裝
(因為有免費版)
Elementor
工具40+90+Elementor
模板900+300+Divi
能夠自定義頁首和頁尾不行可以Elementor
客服管道即時聊天室、Email僅能透過Email問問題Divi
主題Divi 頁面編輯器可與其他主題一起使用,但必須同時購買 Divi主題沒有主題Divi
是否有免費版沒有Elementor
支援中文無,需另外安裝中文語言包有,不需另外安裝Elementor
價格不限網站 89美元/年,
終身 249美元,
無限的網站(包括Divi主題)
專業版的最低價格為每年49美元(一個網站)、
每年199美元(1000個網站)。
沒有主題,
除非堅持使用免費版本,
否則從長遠來看,
Divi終身版本是絕對獲勝的
Divi

Elementor vs. Beaver Builder 比較

如果你搜尋 WordPress 的頁面編輯器,那你可能聽過 Beaver Builder。

Beaver Builder 也是一款不錯的頁面編輯器,但如果跟 Elementor 相比較的話,Elementor 仍然是比較好的選擇,因為:

  • Elementor 免費版本功能較多;Beaver Builder 的免費版本非常有限。
  • Elementor Pro 提供更多功能,而且價格較低。例如,Beaver Builder 沒有彈出功能,而且有些主題編輯功能需額外付費。

經驗談:Elementor 和 Divi 使用經驗

Wordpress頁面編輯器

安布分別用過三款「免費及付費」的頁面編輯器,依照順序分為:Wordpress 內建的 「Gutenberg」、Divi Buider、最後及現在用的是 Elementor Pro,後面兩款都是付費的。

為什麼最後選擇 Elementor?

你可能會問我為什麼買了 Divi 卻又換了 Elementor?安布花了兩個月的時間研究 Divi 怎麼使用,看了很多國外 Youtube 的教學再來實踐到自己的網站上,但是實在太耗時間了。

Divi 全英文介面、專業用語困難

由於安布實在找不到中文語言包,Divi 的全英文介面,有許多用語也不是這麼好懂,時常要透過操作才知道是改什麼地方,增加了一開始做網站的困難度,因為不單是要學習頁面編輯器的使用,Wordpress 設定、研究新外掛⋯等等,都需要花時間學習。

為什麼一開始會選擇 Divi 而不是 Elementor?

因為安布有想過要做第二個網站,但是 Elementor 一個站點就要花 49美,三個站點是一年 99 美,而且只有頁面編輯器沒有主題,尤其那時實際使用心得文並不多,所以就買了認為比較划算的 Divi,覺得自己可以研究起來,也錯過了30天內保證退費的時間點。

Divi 操作沒那麼直覺化、上手需要花很長一段時間

安布用 Divi 大概兩個月的時間,一開始熟悉了介面的英文用語,好不容易有點上手,但因為安布是一個對設計美觀上有點執著的人,一直調不成想要的樣子,花費了很多心力,最後實在覺得花太多時間在研究上,就果斷放棄了。

試用了才發現 Elementor 更適合新手使用

後來去試用 Elementor Pro(可以免費試用30天),發現怎麼這麼輕鬆就可以做到我要的樣子!原來文章編排設計可以這麼簡單!

結語

一個好用的頁面編輯器可以幫助你更快的產出新文章,但好不好用是根據每個人的背景經驗知識,會有不同的想法。

Divi 和 Elementor 各有愛好者,如果你正在尋找一個 WordPress 的頁面編輯器,又跟安布一樣是一個「架網站新手」,沒有任何程式語言的知識背景,那麼 Elementor Pro 或許也適合你。

這個網站是用 Elementor Pro 打造的,如果你跟安布一樣,是自己架設並經營網站,對於改善網站外觀、風格營造、排版優化有興趣,可以先試用 WordPress 免費的 Elementor 頁面編輯器外掛,可以幫助你在文章排版和網站外觀上,有更多的突破!

網站使用工具

你需要知道的使用 Elementor 技巧,安布通通告訴你!

Anbu Course
我是 Anbu
分享網站經營經驗

This Post Has One Comment

  1. Frank

    資訊很完整 謝謝分享 很有用

發佈回覆給「Frank」的留言 取消回覆