在途中為WordPress Admin和CSS自定義屬性設置外觀

針對WordPress 5.7里程碑列出了將CSS自定義屬性用於WordPress admin配色方案系統。 感覺很低調,大多數人都可以將其作為一次簡單的升級而與時俱進。 但是,此功能可能會造成漣漪,並在未來幾年內傳播並惠及生態系統。

Human Made的前端開發人員Kirsty Burgoine宣布了 CSS自定義屬性的介紹 用於WordPress管理員。 最初的工作落在一張票中 迭代管理配色方案。 第一階段將調色板從199種顏色減少到99種,從而創建了更合理的工作清單。

逐步設置wordpress-admin-css-custom-properties的外觀設置WordPress Admin和CSS自定義屬性的方法WordPress調色板 凱莉·喬伊斯·杜恩(Kelly Choyce-Dwan)

第二階段將研究如何實現有意義的CSS定製屬性系統。 這意味著要進行可怕的命名工作。 核心CSS團隊目前正在尋找有關如何最好地處理屬性名稱的反饋,並歡迎其他實施建議。

自定義屬性到位後,從長遠來看,新系統可能會打開無限可能。

往前想

我希望擁有WordPress管理員主題的希望死於每條關於自定義配色方案,富有想像力的模型以及沒有兌現其承諾的項目的大肆宣傳的新聞。 我很可能再次振作起來。

自WordPress 2.5起,開發人員已經能夠註冊自定義管理配色方案,但是它從來都不是理想的系統。

我最喜歡的插件之一是 管理員配色方案,由WordPress核心團隊的設計師維護。 它增加了幾種方案供用戶選擇。

在途中設置wordpress-admin-css-custom-properties的外觀1在路上設置WordPress Admin和CSS自定義屬性的外觀管理員配色方案插件中的巡航方案。

如今,用於在核心中生成管理配色方案的Sass簡化了該過程。 但是,第三方開發人員仍需要確保其自定義方案在WordPress版本之間保持更新。 該系統的構建並不是為了防止將來出現兼容性問題。

CSS自定義屬性會改變遊戲規則。 由於其廣泛使用並與現代瀏覽器兼容,因此自定義管理主題(至少是顏色設計)已成為現實。

自從東度(Dung Do)放出 短暫的DP儀錶板插件 在2013年。距離最初的Beta測試階段已經過去了八天,現在我再次充滿希望。

逐步設置wordpress-admin-css-custom-properties的外觀設置WordPress Admin和CSS自定義屬性的方法DP Dashboard插件的原始beta設計。

鑒於我多年來積累的一點智慧,我現在看到完全自定義的管理主題從未找到正確的道路。 我很高興我們從未失敗。 管理用戶界面需要為用戶一致地工作,並適應隨著時間的變化。 每次WordPress添加功能時,自定義主題都是維護的噩夢。 但是,基於CSS自定義屬性的系統意味著自定義不會隨著軟體UI的發展而中斷(或中斷的頻率要少得多)。

雖然目前的重點是配色方案,但沒有什麼可以阻止WordPress將來轉移到其他功能上。 可以為設計師建立一個全局樣式系統,以各種有趣的方式為管理員添加皮膚,而不會破壞任何內容。 次要選項(例如按鈕的邊框半徑,字體系列選擇或標題字體大小)很容易隨時間推移。

隨著阻止系統繼續替換WordPress管理員的某些部分,自定義管理員皮膚將更加容易維護。 由於塊系統中的所有內容都是作為組件構建的,因此它可以更好地應對將來的兼容性問題。

通往功能完善的管理員皮膚系統的道路漫長而曲折。 但是,這並非超出可能性範圍。

我期待主題作者可以輕鬆推出與前端匹配的管理員設計的日子。 可能與塊系統的theme.json集成。 我也不會在將來看到單獨的管理主題目錄。 在這一點上,用例可能太小眾了,但是將其保留在每個人的腦海中並沒有什麼壞處。

如果沒有其他問題,使用自定義屬性可以讓團隊清理admin CSS,並使添加自定義配色方案變得更加容易。 那是WordPress項目的勝利。

像這樣:

喜歡載入中……

資源

相關文章