作息調整之故,電子報發布更改至星期六,如有不便,敬請見諒><
魚編
更多即訊息

文章最後更新時間為 2021-06-24

文章請用區塊編輯器來撰寫,拜託別使用 Elementor 之類第三方頁面編輯器,這樣才能確保文章的安全。雖然有工程師跟我說「很歡迎大家使用 Elementor 來寫文章,多累積一點,這樣子才有案子接,有錢賺」,因此若不想未來多花錢,現在就要改變自己的習慣。

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

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

文章是文章,頁面是頁面

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

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

文章的英文是 Post,頁面英文是 Page,舉例來說頁面就像百貨公司的櫥窗,而文章就是百貨的櫃位,櫥窗只有少數,而櫃位可以無數;櫥窗的重點就是展示這一季重要產品及品牌形象,櫃位的重點是銷售產品;櫥窗可以一年換個五六次都算還好,單一櫃位更換就是個大事,若是全店櫃位都要更換,那間百貨也可以暫時關門不用營業了,因此雖然頁面跟文章操作介面一樣,但規模完全不同,頁面是面子,文章是裡子。

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

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

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

若是還是不太清楚的話,WordPress 正體中文社團有前輩提供了兩者的差異對照表,大家就可以更明瞭兩者間的差異了

頁面與文章差異對照表
感謝 Facy Full 提供頁面與文章差異的對照表

用 Elementor 寫文章的痛點是

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

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

同時 Elementor 本身就是個容易產生龐大巢狀結構的編輯器,以圖片來說,區塊編輯器只有一層 div,而 Elementor 則是有多層的 div,不知不覺就整體架構就龐大起來了,整體架構龐大了,自然就拖累了網站速度,同時又消耗了主機資源,進而給主機造成負擔。

贊助商連結

因此使用 Elementor 不僅是主機資源不能太低,連處理的電腦規格也不能太差,我的狀況就是筆電老舊,因此後臺只要一開多 Elementor 頁面要來編輯,筆電就會開始呈現停擺狀態,這也是我當初放棄 Elementor 的理由之一,不可能為了 Elementor 去買台新筆電。

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

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

撤掉 Elementor 後的網站前端呈現模式

而後台部分則變成傳統編輯器模式,可以選擇切換成區塊編輯器樣式。

撤掉 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( 古騰堡 ) 有這個機會。

同時 Gutenberg( 古騰堡 ) 是有機會跟其他外掛產生衝突,我之前就有發生過,後來選擇刪除掉,而區塊編輯器不會跟任何外掛產生衝突,就算有衝突,也是該外掛要改進,畢竟區塊編輯器是 WordPress 核心功能,跟核心相衝者只是自行檢討跟更正。

最後總結,區塊編輯器是 WordPress 核心程式內建的功能,一般使用者使用這種就夠了,Gutenberg( 古騰堡 ) 是官方推出的實驗版外掛,開發者或是有點技術的人則可以使用,兩者可謂是本同末異。

延伸閱讀推薦:

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

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

close
.png

WANT MORE?

梅屋每周六將會發送電子報,將一周有趣事物整理起來與你分享!

梅屋不發送垃圾郵件!歡迎參閱我們的隱私權政策

4 thoughts on “[心得] WordPress 文章編輯請用區塊編輯器,別再用 Elementor /第三方頁面編輯器來寫文章了”

  1. 請問下,我剛開始一個新網站,目前文章數量好險還只有6,想趕緊換回區塊編輯器,請問該複製一篇來重新編輯還是原文直接轉成區塊編輯器呢?

    原本在頁面編輯器上的樣式設定,有什麼方式可以直接轉成區塊編輯器的設定嗎?

    謝謝

    1. Jamie,您好~
      因為現在手邊沒有Elementor,只能憑印象回覆您
      關於第一點,可以直接原文轉成區塊編輯器,然後再重新排版即可
      至於第二點,Elementor上的樣式是無法直接轉成區塊編輯器的樣式的,畢竟兩者是不同系統,只能重新編輯了
      希望以上兩點都有回答到您:)

Leave a Comment

發佈留言必須填寫的電子郵件地址不會公開。

Scroll to Top