[ WP ] 文章撰寫請使用區塊編輯器

[hongyiting (魚兒魚兒水中游)]

本來在相關 WordPress 社團中看到有人用 Elementor 寫文章就覺得膽戰心驚，沒想到居
然連 WordPress 小聚都遇到用 Elementor( 第三方頁面編輯器 ) 寫文章的人，從網路解
釋到實體，解釋到心累，乾脆寫一篇專文解釋下為甚麼「不要用 Elementor ( 第三方頁面
編輯器 ) 來寫文章」，為了你的文章好，請愛用區塊編輯器ORZ

好讀圖文版：https://wp.me/parT3e-4cm


這邊要先註明下此篇文章雖然是講 Elementor，但 Elementor 只是眾多第三方頁面編輯
器其中之一，同時屬於第三方頁面編輯器的有 Beaver Builder、Divi Builder、Fusion
Builder等，只是 Elementor 是現在最主流也是最多人不小心誤用拿來寫文章的第三方頁
面編輯器，故方才挑它出來講。



文章是文章，頁面是頁面
首先我們要先來釐清甚麼是文章跟頁面的差異，很多人對於頁面跟文章的搞不清楚，看後
台介面都是一樣，就覺得這兩者都是一樣的，於是把第三方頁面編輯器拿來寫文章就變得
理所當然。

文章與頁面，這兩者雖然本質上都是在展示內容，但其目的跟功能完全是不一樣的，只要
分清楚兩者的差異後，就不會覺得拿第三方頁面編輯器來寫文章是件理所當然的事情了，
了解後你之後覺得這件事非常的驚悚。

文章的英文是 Post，頁面英文是 Page，舉例來說頁面就像百貨公司的櫥窗，而文章就是
百貨的櫃位，櫥窗只有少數，而櫃位可以無數；櫥窗的重點就是展示這一季重要產品及品
牌形象，櫃位的重點是銷售產品；櫥窗可以一年換個五六次都算還好，單一櫃位更換就是
個大事，若是全店櫃位都要更換，那間百貨也可以暫時關門不用營業了。

頁面的重點就在於展示該網站希望讓訪客進來就立刻知道的資訊，如同櫥窗一般是形象與
資訊是重點，並因應不同頁面的需求而有不同版面配置，因此整體設計很重要，版面排版
配置上就會遠比文章來得複雜，而早期 WordPress 所使用的TinyMCE/Classic Editor/傳
統編輯器架構對於較為複雜的編排配置，有先天性的困難，才會衍伸出第三方頁面編輯器
來協助幫忙達到想要的版面編排牌方式。

而文章如同百貨櫃位一樣，商品才是重點，而文章的重點就是內容，原則上文章只有文字
跟圖片，頂多文章比較長在加上影片、目錄、註解之類的，不太需要幫文章弄到甚麼版面
配置，更不會有甚麼按鈕、表格填寫之類的特殊元件需要安插在內，配置方面以全站統一
的格式為主，不含側邊資訊欄位就是單一欄位。

因此文章跟頁面雖然在後台的編輯器都一樣，但是目的跟功能不一樣，名稱也就不一樣，
所以頁面才會需要使用第三方頁面編輯器的輔助，而文章並不需要。




用 Elementor 寫文章的痛點是
理解完文章跟頁面的區別，大家應該可以了解第三方頁面編輯器之所以叫頁面編輯器，就
是因為它是為頁面服務，而 Elementor 從一開始就是為頁面服務的，而不是文章，因此
將它挪用來寫文章就會發生很多問題，這些問題的產生就只能怪站長/設計師的基本概念
不清所導致。

使用 Elementor 撰寫文章的最主要的問題是，第三方頁面編輯器對主機的資源需求本來
就比區塊編輯器還要大，只要開啟就會額外增加主機負擔，頁面頂多才數十頁，感覺不會
明顯，而文章遠遠不止數十篇，等上百篇文章都用 Elementor 撰寫，若不硬生生拖累網
站速度，也只能說你家主機規格夠高，才能沒感覺。

同時 Elementor了內嵌很多 div，以圖片來說，區塊編輯器只有一層 div，而
Elementor 則是有多層的 div，不知不覺就整體架構就龐大起來了，整體架構龐大了，自
然就拖累了網站速度，於是又增加了消耗了主機資源，形成了主機的負擔。

之前大家不推用 Elementor 寫文章另一個原因是，當你未來想更換其他編輯器時，把
Elementor 換掉之後，網站前端會多很多莫名其妙的程式碼，而這些程式碼還只能手動清
除。

不過撰寫這篇文章時，特別去實驗了下，發現 WordPress 5.5 版本的在撤掉 Elementor
後，前端頂多排版稍微跑掉，沒有像之前出現莫名的程式碼。


雖然還是要手動處理，但遠比之前好多了，不過若是有上百篇文章要這樣一一處理重新整
理編排時，當中的辛苦，只要經歷過一次，就不會想要有第二次的機會了，想當初改過上
百篇文章的辛酸，當中辛苦真得是硬是咬著牙熬過去。



用 Elementor 寫文章是有前提的
但也不是不可用 Elementor 寫文章，要用 Elementor 寫文章的話，那其性質有點類似百
貨公司的臨時櫃，講究的是時效跟目的性的，例如像是團購文、課程招募文之類的。

使用 Elementor 可以做出比較炫目的效果達到吸睛目的文章，也比較容易達到想要的效
果，相對這類型文章過超過時間後的沒多少人會去看，意義也不大，影響到網站效能就直
接刪除即可的前提下，用 Elementor 寫文章也無不可。



文章請愛用區塊編輯器
綜合上述內容後，可以歸納出 3 點為什麼不要用頁面編輯器寫文章的原因：

1.文章與頁面的目的與功能不同，各司其位，各就其職，誰也別搶誰的飯碗
2.大量用 Elementor 撰寫的文章會增加主機資源的消耗，拖累網站速度
3.使用第三方頁面編輯器撰寫文章，之後撤換，文章會需要重新編輯，數量一多會想死

因為以上幾點原因，加上文章保存永久性，還是極力大建議，撰寫文章請愛用區塊編輯器
，區塊編輯器是官方核心內建的功能，以目前來看是未來很長一段時間的主流，這點可在
WordPress 5.0 後的幾次升級重點都是在區塊編輯器看出，足以可見官方在這方面的重視
。

同時使用區塊編輯器不僅在頁面載入速度上相對於第三方頁面編輯器快很多，之後在搬家
時也只需要將其直接匯出即可，單純簡單很多。

我永遠記得前輩跟我說的一句話[使用區塊編輯器就不用擔心內容不見]，因為謹記這句話
，當我差點被 Elementor 編輯文章教學文給迷走時，才能緊急拉回理智，避開了更大的
災禍。

且不管未來如何發展，相較於非官方的第三方頁面編輯器，至少核心內建的區塊編輯器，
在後續的維修與安全性比起第三方頁面編輯器實在高太多了，跟著官方走，煩惱少憂愁。



區塊編輯器不是 Gutenberg( 古騰堡 )
這邊要來補充說明下的是，很多人容易弄混淆的區塊編輯器跟 Gutenberg( 古騰堡 )，它
們常常被認為是同樣的東西，雖然兩者都是要編輯內容，但兩者還是不一樣的，區塊編輯
器是 WordPress 核心程式內建的，是當你採用 WordPress 5.0以上版本 建站完畢就會擁
有，不需要另外去下載來使用。

而 Gutenberg( 古騰堡 ) 是官方推出的區塊編輯器的先期實驗版本，需要另外去下載使
用，官方有任何想放在區塊編輯器內的新功能都會在放在 Gutenberg( 古騰堡 ) 中，待
新功能完善後就會在之後升級時一併放進去區塊編輯器內。

不過官方也有說明他們不建議在網站中使用 Gutenberg( 古騰堡 ) 未整併進區塊編輯器
內的新區塊，畢竟官方也沒法保證新區塊未來一定會併進去，雖然機率不高，也就是說在
區塊編輯器中不會有任何區塊被消失掉，而 Gutenberg( 古騰堡 ) 有這個機會，這也是
兩這間最明顯的差異所在。

最後總結，區塊編輯器是 WordPress 核心程式內建的功能，Gutenberg( 古騰堡 ) 是官
方推出的實驗版外掛，兩者可謂是本同末異。


以上文章部分內容是總結自 WordPress 正體中文社團各位前輩在不同社團中的勸世留言
，之前有將其收藏起來，趁此機會將其統合，希望不要在有人將在把第三方頁面編輯器拿
來寫文章了。


不管是 Elementor 還是其他第三方頁面編輯器，選擇哪一種都是站長/設計師的設計規劃
，無所謂好或不好，只是別拿來寫文章，每篇文章都是絞盡腦汁才生出來，想要好好保護
它，請愛用區塊編輯器。

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 111.184.245.75 (臺灣)
※ 文章網址: https://www.ptt.cc/bbs/Blog/M.1609228158.A.EFC.html
推 puretruthson: 警世文，謝謝
推 ioci: 推推 感謝分享
→ ossian: 不論頁面或文章，本質都是由HTML&CSS建構，從此觀點切入，
→ ossian: 每個想要使用Wordpress的人都該熟悉HTML&CSS
→ ossian: 但，問題是，有可能讓每個人都熟悉HTML&CSS嗎？
→ ossian: 答案是否定的，這就是為什麼需要區塊編輯器及Elementer
→ ossian: 工具只是用來輔助想法的實踐，而不是用來區分優劣對錯。