fbpx
Bluehost 主機最新優惠

什麼是 WordPress Block Editor(區塊編輯器)?

這是時代交替必然發生的結果,在 WordPress 5.0 版本更新之後,經典的舊版編輯器已替換為全新的 Block Editor(區塊編輯器),並持續快速地改良和完善功能,差不多每個小版本的改動,其核心都是圍繞著【區塊 Block】,但新手們對這個轉變的基礎認知又有多少?也許有人說毋須了解這類基礎知識,也可以愉快地使用 WordPress 撰寫文章,但觀念的底子和基礎不穩,會為往後選擇各種方向時,做出錯誤決策的機率提高。最後,希望新手們養成喜歡閱讀技術文件和說明的重要性,祝大家閱讀愉快。

關於 Block Editor(區塊編輯器)的各類延伸有很多,我們這篇文章盡量保持簡單,但您可以從這篇文章了解 WordPress 開發核心的脈絡和路線圖。沒有任何東西是突然變出來的,新的編輯器在不停改良的過程中,也是會遇上失敗和不如人意的地方,也許讓我們持續觀察下去。

Block Editor(區塊編輯器)無須要安裝

如果您使用 WordPress 5.0 版本或之後較新的版本,這是內建和預設的編輯器,它不是以【外掛】的形式存在,所以您在網站的外掛清單是找不到它蹤影,區塊編輯器被歸類在 Core files(核心文件)裡,這個隨著官方 WordPress 版本的更動而改變,一般被 WordPress 官方認為非常重要的功能和服務,就會被納入核心文件之內,而非讓使用者自由決定是否安裝外掛。所以新手請不要再查問「如何安裝區塊編輯器」?因為不需要獨立安裝喔。

字詞相似 / 同義字 / 翻譯品質和文化差異

由於中文使用的地區出現大量不同的翻譯,不過其實是指向相同的(Block Editor)區塊編輯器,可能因應圖片、影片和媒介會出現不同的翻譯名稱,下方盡量整理一份清單,但無法盡錄,但應該已經足夠論述本篇文章的需要。

(Block Editor)英文(區塊)中文
Block Editor區塊編輯器
(推薦使用這個稱呼)
Gutenberg EditorGutenberg 編輯器
(推薦使用這個稱呼)
古騰堡編輯器
(直接翻譯的繁體中文譯文)
古腾堡编辑器
(直接翻譯的簡體中文譯文)
Classic Editor傳統編輯器
(推薦使用這個稱呼)
舊版編輯器
WordPress Editor文章編輯器
文字編輯器
TinyMCE 編輯器
(泛指舊版編輯器)
WordPress 編輯器的統稱
WordPress 視覺化編輯器

關聯文章推薦:什麼是 Classic Editor (傳統編輯器)?

解決 WordPress 5.0 之前的舊版兼容性問題

Classic Editor (傳統編輯器) 是一款由 WordPress 團隊維護的官方外掛,這個外掛能將 WordPress 的編輯器及編輯內容的畫面還原為舊版。使用這個外掛還能擴充舊式編輯文章畫面、加入舊式中繼資料區塊,或其他需要舊版編輯器的功能。

Classic Editor (傳統編輯器) 是一款 WordPress 官方外掛,官方會提供的完整技術支援及維護直至 2022 年,或視需要延長/縮短期限。

學習曲線變短,如果您從未接觸過【傳統編輯器】

傳統編輯器只提供很簡單的文章編輯功能,這做就【頁面編輯器】如 Elementor 等的大流行,但現在新版的編輯器,就大量的功能和服務集於一身,新手不用再學習數套不同的編輯器,就能同時編輯(文章 Post)和(頁面 Page),更加吸收不同的外掛廠方加入開發列隊。結論是我們可以減少學習工具的數量,並投入更多時間去創作部有價值的內容裡。

新編輯器仍有很多改進空間,但漸入佳景

當然,用家可能有時會發現區塊編輯器有不少(臭蟲 Bug)和(錯誤 Error),但這實屬正常,因為它仍然是新近研發中的項目,但現在看來已經非常成熟,能夠進入商業應用的階段,看著 WordPress 的路線圖來說,大家可以期盼更強大的功能出現。

舊的編輯器介面

學習曲線變短,如果您從未接觸過【傳統編輯器】

舊版的編輯器,提供技術支援和協助是知名的 TINY 開發團隊,在 WordPress 5.0 之前,很多站長還會額外安裝 TinyMCE 編輯器擴充外掛,還有其他同類型的編輯器外掛,來補完原生簡陋的預設編輯器,所以您可以在很多開源工具看到相似的介面,因為從前發展開源的編輯器開發團隊沒有太多。

由於新版的 WordPress 是直接停用這個編輯器,可能了解或看過這個編輯器的朋友會變少,尤其是 2019 年之後加入 WordPress 這個大家庭的新進,這個產品也許會成為老一輩老用的集體回憶。

延伸閱讀:

新的編輯器介面

新編輯器仍有很多改進空間,但漸入佳景

在 WordPress 5.0 之後,官方預設會【強制】您使用這個新版的編輯器,透過推壘不同的區塊內容,組成一篇完整的文章和頁面,這種撰寫內容的方法,符合現代主流的編寫方式,也更容易維護和增修內容,達到更方便管理網站的目的。加上愈來愈多的區塊開發商加入,市場上已經找到超過 100 個區塊外掛,當中發展成熟約有 20 多個以上,往後我們會盡量逐一介紹。

如何新增文章?

如何新增文章?

新手不妨試試新增一篇文章,不用害怕失敗,努力寫文章下去就正確了。您可以從上圖標記的 3 個地方新增一篇新文章,選一個對您最舒服的方式即可,我個人比較推薦【方法 3】,因為可以從任何頁面都新增文章,不需要一定返回網站後台,但前題是您需要保持登入的狀態。

關聯文章推薦:如何使用 WordPress 建立一篇文章(Post)

WordPress 裡的文章(Post)是什麼?

如果您希望經營一個部落格,理論上這是您網站最重要的核心組成部分,相當於 Facebook 的 Post 貼文,也是您最經常會處理的工作之一。當網站的外觀和頁面建構完成,剩下的就是新增和更新文章,您可能分配很多不同的媒體插入進文章之中,例如文字、圖片、表格和版面原素等。


3 個主要編輯區域

3 個主要編輯區域

區塊編輯器的介面很清爽易懂,多用數次就是發現很順手,但(區塊 1)的位置有時會改動,現在固定在左則是從 WordPress 5.6 版本開始,從前都是以不固定的方式出現,視乎您的內容寫到那,就在那出現。

區域 1:新增區塊區

這裡會提供很多不同的【區塊 Block】功能,預設就有大量可供使用,但沒有上限,隨著您安裝更多外掛和區塊擴充,這區域會不斷長大,所以要好好控制數量,安裝【足夠】就好了。

區域 2:文章內容區

文章區域和從前的舊版相似,也是【所見即所得】的形式存在,您可以在這裡不停累積【區塊 Block】內容,也可以插入表格、圖片、影片、欄位和短碼。

區域 3:文章設定區

設定區比較特別,除了文章的基礎結構調整,您點選不同的區塊,設定區也會隨著改變。常見可以調整版形、字形、大小、顏色、對齊、圖片、影片和 CSS 外觀設定等等。

發佈文章的最低要求

發佈文章的最低要求

條件 1:最少有一個【標題 Title】

標題為您文章的重點和中心思想,簡短和扼要地描述您的重點,包含 SEO 裡的關鍵字和產品名稱、描述等等,好的文章命名對您網站排名和傳播有極大的影響,值得慢慢深思熟慮。

條件 2:內容字數沒有限制

文章可以只有一包說話、字句或段落,如果您不考慮 SEO 排名等因素,文章可以很簡短扼要,隨要附上適量圖片和超連結就可以。

如何新增【區塊 Block】?

如何新增【區塊 Block】?

在【區塊編輯器】的介面,任何您可以有出現【+】號的地方,都可以新增區塊,隨著版本的變更,【+】號位置可能會出現變動,隨著【Template 範本】的出現,組合和群組型的區塊已經出現,它們由一系列的區塊組成,達到獨特的目的為主導,但由於超出這篇的範圍,我們在往後的章節再深入探討。

WordPress 官方【區塊】外掛目錄

WordPress 官方【區塊】外掛目錄

一般傳統的【外掛】開發團隊,如果當中的功能可以透過【區塊 Block】的形式置入到內容裡,在 WordPress 官方目錄有特別的專區,標明是【瀏覽:適用於區塊編輯器,提供區塊以供區塊編輯器使用的外掛】,為什麼要特別聲明和區隔出來,這樣我們可以看到官方未來 5 至 10 年的發展重心,將會傾向區塊,大家也可以從不同的發佈消息從了解到這一趨勢愈來愈明顯。

關聯文章推薦:什麼是 Classic Editor (傳統編輯器)?

解決 WordPress 5.0 之前的舊版兼容性問題

由於 WordPress 發展了近 10 年,大部分新手未必了解這當中的發展過程,當中不少的【變革】至今仍然影響著我們,包含這次介紹的【傳統編輯器】,這可能對新手來說,是沉悶的教學,但請讓我們回到數年前,大約是 2018 年,籌備已久的新型的 WordPress 5.0 版本橫空出世,夾帶著大量的改動和創新的舉動,打算震蕩一波業界。但事實是,使用者的反應不如 WordPress 官方的預期,最讓老用戶不適應的是,他們仍然鐘情那個舊舊的和復古的編輯器,就是今天我們論述的主角 – 傳統編輯器。

關聯文章推薦:什麼是 Qubely?強化區塊編輯器的功能

Qubely 是功能齊全的區塊編輯器支援和擴充功能工具包

預計在 2021 年至 2025 年之間,新型的 WordPress 區塊編輯器(Block Editor)的支援和擴充功能的工具包將會大放異彩,從之前推出 Gutenberg Editor 或俗稱的【古騰堡編輯器】發展至今,已經有大量開發廠商加入研究更強更快的區塊(Block)。當中我們找到非常亮眼的代表【Qubely】,還有很多後起之秀正睦續冒起當中,在可見的將來,大家可能會進入【完全不需要使用和依賴像 Elementor 等的第三方頁面編輯器】的工具,也可以制作快速和令人驚歎的網站作品。

參考資料和引用文獻

學員人數:5,500+ 人(持續增加之中)

中文語系的 WordPress - Facebook 社團列表

在〈什麼是 WordPress Block Editor(區塊編輯器)?〉中有 3 則留言

發表您的留言

加入我們的 Facebook 學習社團免費的教學資源、交流和解決問題!

是否覺得孤軍作戰和學習很無趣味?
何不加入學習社團和其他
熱愛網站設計的朋友交流?
分享您建站的喜與樂
學習最新的知識和技術