全站編輯主題想寫 CSS,找不到自訂怎麼辦?一行 code 把他叫回來!
2022年10月11日・TungLin・約 2 分鐘閱讀
WordPress 更新 5.9 開始支援全站編輯 Full Site Editing,結果它的介面竟然少了 WordPress “自訂” 這個選項,這樣要怎麼寫 CSS 啦! 雖然區塊主題的宗旨是透過不寫程式的方式來做到全站式的編輯,不過在這個過渡時期也是非常希望能有點老方法來...
WordPress 更新 5.9 開始支援全站編輯 Full Site Editing,結果它的介面竟然少了 WordPress “自訂” 這個選項,這樣要怎麼寫 CSS 啦!
雖然區塊主題的宗旨是透過不寫程式的方式來做到全站式的編輯,不過在這個過渡時期也是非常希望能有點老方法來完成工作!例如想加個陰影,你區塊就沒支援陰影的選項啊!

要把畫面這個自訂叫出來寫 CSS 真的不困難,其實只需要打一行程式碼就好了!希望 WP 趕快更新全站編輯也可以寫 CSS 的功能,不然好麻煩~
寫 PHP 的方法
懶得自己寫一個外掛只為了塞幾行程式碼,我是使用 WP code 這個外掛來寫 PHP。原本他還只能插入頁首頁尾,自從可以寫 php 之後就愛上了!全部網站都換成這個外掛。
開啟 自訂 功能
要開啟自訂,只需要打上以下程式碼
add_action( 'customize_register', '__return_true' );
就這樣!一行就解決~非常簡單!

記得右上角的 Content Type 要改成 PHP 呦~
開啟後就可以看到懷念的格子撰寫 CSS 了,不知道未來全站編輯會怎麼更改,不過現階段這個擋一下的方式我挺喜歡的!

文章導覽
接著閱讀
相關主題
你可能也會想看
2026年4月29日
AI Coding 新手真正缺的不是工具,而是一套 Vibe Coding 流程
看了很多 AI coding 影片、試過 ChatGPT 和各種工具,卻還是做不出能用的網站或 Web App?你缺的可能不是技術,而是一套能把想法做成產品的方法。
2026年4月29日
AI 不該只停留在聊天視窗:用 n8n 打造真正能做事的 AI Agent
很多人每天使用 ChatGPT,卻發現真正麻煩的工作沒有變少。問題不在 AI 不夠強,而是它還沒有接上你的工作流程。
2024年7月6日
藍新金流在 next.js 轉址失敗解決方法
藍新金流在完成交易後,有個 ReturnURL 參數可以協助轉址,是使用 form submit 的方式來 redirect。 然而直接填入網址後,在 next.js 裡面會發現出現奇怪的錯誤! x-forwarded-host header with value does no...
Comments
留言
有想法、問題或補充都可以留下來,我會整理成後續文章或課程更新的方向。