升級 WordPress 5.8 後在「外觀」→「小工具」將改用區塊編輯器取代傳統編輯器，官方表示未來將逐步讓各項功能支援區塊編輯器，實現可以從後台就編輯全站的願景，的確透過區塊編輯器能大幅增加可自訂性，即時預覽功能也很方便且直覺，但第三方支援的外掛往往沒能跟上新技術，導致升級後可能產生無法預覽或跑板等問題，更何況人的習慣是很難改變的，這點不能否認，我自己看到更動成區塊編輯器時也是覺得很不習慣，幸好官方有提供「Classic Widgets (傳統小工具)」，安裝後啟用即可恢復小工具原來的傳統編輯器，而且哪天想嘗試區塊編輯器時也只要停用（或者停用+移除）就能使用新版區塊編輯器更新小工具囉！官方有說明將提供完整技術支援及維護直至 2022 年，會視需要延長/縮短期限。

▲ 5.8 後新版的小工具區塊編輯器，有些第三方外掛的小工具可能會出錯，但觀察下來基本上都能正常使用，倒是有些不習慣。

▲ 只要去安裝及啟用「Classic Widgets (傳統小工具)」這個外掛...

▲ 就能將小工具恢復到原來的傳統編輯器。

CSS3「box-sizing: border-box; 」讓內距和邊框不改變元素的寬度與高度
📆 2018-09-22
📁 網站技術, CSS

Node.js：Gulp 運行 gulp-connect 套件，建立前端開發伺服器（Gulp 大展身手！）
📆 2019-03-25
📁 網站技術, 伺服器, 學業筆記, JavaScript, Node.js, Gulp

Docker Compose 快速安裝 Node-RED
📆 2025-04-25
📁 網站技術, 伺服器, 物聯網, Node.js, Node-RED

【網站設計】NProgress.js 美化用進度條
📆 2015-05-21
📁 網站技術, JavaScript

CSS 原生變數（Variables）介紹與使用教學：-- 宣告變數、var() 呼叫變數
📆 2019-03-22
📁 網站技術, CSS

Master Styles Language Service（Visual Studio Code 擴充功能）：Master 框架的語法突顯及完成提示
📆 2022-05-02
📁 軟體應用, 網站技術, HTML, CSS

Node.js：Webpack 基礎概念與 JS 封裝過程教學（使用 VS Code）
📆 2019-08-19
📁 軟體應用, 網站技術, JavaScript, Node.js, Webpack

PHP：$_SERVER 擷取當下網址的片段
📆 2022-02-10
📁 網站技術, PHP

《上一篇》台灣 COVID-19 公費疫苗預約平台「意願登記」簡易教學 《下一篇》PlurkBot「鈍 | 自律型AI」自動分析噗文並讚好或回覆誇獎文字