平凡以上

全站編輯主題想寫 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 之後就愛上了!全部網站都換成這個外掛。

https://tw.wordpress.org/plugins/insert-headers-and-footers/

開啟 自訂 功能

要開啟自訂,只需要打上以下程式碼

add_action( 'customize_register', '__return_true' );

就這樣!一行就解決~非常簡單!

記得右上角的 Content Type 要改成 PHP 呦~

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

文章導覽

接著閱讀

所有文章

相關主題

你可能也會想看

Comments

留言

有想法、問題或補充都可以留下來,我會整理成後續文章或課程更新的方向。