在從事網頁設計近 19 年之後,有些日子沒有新鮮感。 但是,也有一些時候,您會看到另一個 Web 開發人員解決問題的方法,並覺得您還沒有進入一個充滿可能性的世界。 而且,它很少是複雜的。 最好的開發人員讓它看起來很簡單,並且 Rich Tabor 的侘寂 點綴著那些讓仔細研究 WordPress 塊主題代碼再次令人興奮的小技巧。
今天早些時候,WordPress 主題目錄達到了 50 個區塊主題。 但是,我對審查隊列中等待的內容更感興趣。 塔博爾有 提交了他的項目 不到 24 小時前,但我還是把它轉起來了。 我必須看看哪一個多產 塊主題開發的作家 已建成。 雖然在加入 Extendify 之前,他曾為 GoDaddy 的 Go 主題做出過貢獻,但這是他個人帳戶提交的第一個主題。
我喜歡深入研究可以學到一些東西的主題。 這是我描述侘寂最好的方式。
它主要面向博客作者和作家。 它具有那些不想壓倒他們的內容的人會喜歡的設計類型。 然而,它有足夠的奇思妙想,不會是一個完全無聊的黑白事件。
Wabi 的獨特功能之一是其每個帖子的強調色選擇器。 該控制項位於帖子側邊欄中的「狀態和可見性」面板下,允許用戶從主題的調色板中進行選擇。 這種重音主要用於標題和帖子標題區域後面的背景。 但是,它散布在各種其他元素和塊周圍。
選擇帖子強調色。
我還沒有看到使用自定義帖子元數據的塊主題。 這可能是因為多年來依賴舊的元框系統後,很少有開發人員知道如何在後邊欄中創建組件。 該主題與重音相關的 JavaScript 結構良好,其他主題可以將其分開並在他們的設計中構建類似的功能。 如果這對任何人來說都是塊主題開發的阻礙,那麼值得深入研究用於製作此功能的僅 117 行 JavaScript。
添加到全局樣式的調色板中的一個不錯的觸感 Tabor 是強調色的自定義背景。 它不是顯示純色圓圈,而是所有可用變體的圓錐漸變。
調色板中的強調色輪。
這個細節可能看起來微不足道,但這是一個視覺提示,這種特殊顏色與其他顏色不同。 用戶仍然可以編輯它以設置默認值,但他們也可以在每個帖子的基礎上覆蓋它。
在一篇關於 創建自定義塊樣式 本周早些時候,我說過在構建 WordPress 主題時該功能沒有得到充分利用。 許多人並沒有為用戶提供獨特的設計變化來推動它前進。 Wabi 包含十幾種自定義樣式,但我還沒有看到任何類似它為圖像和視頻塊提供的樣式。
主題註冊右下、左下和中心樣式。 每個都會更改圖像在其