5分鐘架設高質量網站-頁面編輯器懶人包 (WordPress Page Builder)

這篇文章想讓你知道 WordPress Page Builder 威力強大 !

1.讓你快速認識為何需要 WordPress Page Builder
2.WordPress 初學者讓你快速選擇頁面編輯器。
3.分享自身使用 Builder 經驗。
4.Builder 比較與分析。

現在 wordpress 架設網站是非常熱門的事情,很多人會到 Envatohosted  購買主題,直接套版比較快,在購買套版安裝完畢時,你會發現有這些佈景主題都有分主佈景主題與子佈景主題,甚至包含許多外掛,對於新手省去尋找外掛的時間。


使用頁面編輯器會思考這幾點:

好的 Builder 發現自己有無限的可能。

設計的天馬行空都沒關係。
  1. 介面:Builder 介面是否能夠輕鬆建構一個漂亮頁面。
  2. 活耀度:有些 Builder 只能在同一欄,無法讓你活耀修改,甚至欄位無法重疊,導致設計頁面時有限制,甚至無法接受你改寫 CSS 和 JS。
  3. 樣式元素:有些 Builder 提供許多模組樣式,如:倒數計時、價格模組、icon設計..等等。
  4. 方便度:有些提供許多「樣式元素」,但是設計時要你自己串API或是找icon非內建在程式中,要到某個網站查詢要得icon。
  5. 自訂模板組合:每個網站有自己的固定風格,如:部落格每頁頁尾都會有一個 CTA (Call To Action/行動呼籲)這個東西,但我不可能每次都設計一次,因此會存在模組器中,快速的完成頁面編輯。

你的想法可能跟我不一樣,在選擇編輯器前哪些點你比較注重哪些呢?
觀迎與我分享呦 ~


市面上常見 Builder 有哪些?

你還是個網頁雕刻師嗎 ? (佩服~佩服。

Builder 的出現讓雕刻師輕鬆不少,甚至讓設計師圓一個夢想。
快速設計讓你嚇到吃手手…..

以下 8 個都是市面上常見的 Builder ,個人推薦的 Builder 如下

5分鐘架設高質量網站-頁面編輯器懶人包 (WordPress Page Builder) 1網頁設計

  • Elementor
  • WPBakery Page Builder
  • Beaver Builder
  • Thrive Architect
  • SiteOrigin Page Builder
  • Divi Builder
  • Themify Builder
  • Brizy

分析與比較

頁面編輯器 介面
操作
元素
比較
特點比較
Elementor 前台 53+
  • 建面方便,快速建立。
  • 模組較多100+。
  • 內建維護模式功能。
  • 設計元素崁入與重疊方便。
Thrive Architect 前台 30+
  • 元素設計以導覽路徑邏輯,
  • 比其他前台編輯修改容易。
  • 快速統一設定頁面,如:
    字體大小/顏色,快速設定。
  • 內建記住常用色彩。
Beaver Builder 前台 31+
  • 建面方便,快速建立。
  • 市佔率目前排行第2。
Divi Builder 前台 46+
  • 建面方便,快速建立。
  • 設計A/B頁面快速,內建的
  • 鎖住功能讓人方便設計。
Themify Builder 前台 35+
  • 設計頁面會比較有設計感。
  • 內建的統一設計字體。
  • 修改RWD很方便。
Brizy 前台 16+
  • 可以快速設計,拖拉方便。
  • 模組設計白與黑方便套用。
  • 可搭配 Elementor 和 Divi。
WP Bakery
Page Builder
偏後台 52+
  • 輕鬆設計操作容易,但需要
    多測試才能呈現心儀樣式。
  • 大多都使用後台設計,動畫
    特效蠻多的。
Site Origin
Page Builder
後台 21+
  • 偏向需腦中有構圖。
  • 設計會被侷限,設計活耀會被降低。
  • 比較適合用在Blog中。
  • 支援多外掛。

 

 

頁面編輯器 網格總數(最大) 免費版 大概價位
Elementor 25 US$49
WPBakery Page Builder 15 US$46
Beaver Builder 23 US$99
Thrive Architect 22 US$67
SiteOrigin Page Builder 21 US$29
Divi Builder 22 US$89
Themify Builder 22 US$67
Brizy 21

 


什麼是網格..?

柵格設計系統(又稱網格設計系統、標準尺寸系統、程序版面設計、瑞士平面設計風格、國際主義平面設計風格),是一種平面設計的方法與風格,現在是設計主流。

最後,這篇文章希望可以幫助到你找到需要的 Builder !

× < class='eael-toc-title'>目錄