當我第一次嘗試WordPress中的區塊樣式功能時,我印象深刻。作為主題建立者,這是一種允許使用者選擇與設計相關的類的簡單方法,而他們實際上不需要知道幕後發生了什麼。在第一週左右,我遇到了許多其他人遇到的問題。我想結合兩個或多個類/樣式來提供廣泛的使用者選項。
這是在2018年底或2019年初——大約在WordPress5.0釋出的時候。自那以後,其他人要求能夠組合風格,Highrise Digital的聯合創始人基思·德文 (Keith Devon)上週通過Twitter再次提出了這個問題。但是,這些多次請求從未導致核心程式碼的更改。
這隻蝸牛的步伐是有益的。在其他功能尚未成熟時過早地使用某些功能可能會產生不必要的遺留包袱。
在過去的幾年裡,我重新評估了我對組合區塊樣式的立場。隨著編輯器的發展,圍繞使用者將擁有的選項出現了更清晰的願景。雖然我最初想結合區塊樣式,但我不再那麼確定了。造成這種情況的主要原因是core已經通過區塊選項淘汰了許多,並且將來會在其他控制元件中繼續這樣做。當 WordPress自己處理這個問題時,它會建立一個所有主題都可以依賴的標準。
通過我在空閒時間構建的那些激情專案之一,我目前為圖片區塊提供了六種樣式:
- 圓角
- 翻轉:水平
- 翻轉:垂直
- 寶麗來
- 寶麗來:向左傾斜
- 寶麗來:向右傾斜
寶麗來風格的影象向左傾斜。
有時混合和匹配其中一些可能是有意義的。例如,Flip: Horizontal樣式與所有其他樣式都非常適合,並且在組合時不會引起問題。我也可以通過新增選擇來滿足所有可能的變化。
一些組合會完全失效或不美觀。例如,圓形樣式不適用於寶麗來樣式。然而,這些都是簡單的風格,幾乎沒有觸及可能的表面。
其中大部分都不是我想隨主題一起釋出的區塊樣式。例如,可以通過WordPress支援的border-radius選項輕鬆處理圓角樣式。寶麗來風格只是影象上一些填充和框陰影的一個奇特名稱。這些都是標準設計功能,最終應該成為基本編輯器體驗的一部分。
目前,提供此類樣式的主題正在填補WordPress尚未這樣做的空白。短期內,主題作者必須迎合他們的使用者群。然而,在未來,WordPress應該提供一套更強大的工具來涵蓋基礎知識。對於基本上相同的區塊樣式(例如,寶麗來 vs. Framed vs. Borders),真的沒有理由讓每個主題都有不同的、非標準的slug(即類名)。它會產生跨主題相容性問題,我們應該在可能的情況下避免這些問題。
區塊樣式對於引入實現這些基本設計選項的快速方法很方便,但我正在研究它們應該是長期的。如果核心WordPress發展到它使大多數這些樣式過時的地步,主題作者應該如何使用該功能?
這就是更專業的塊樣式有意義的地方。目標是相同的:填補WordPress留下的空白。
一個難以使用簡單設計選項複製的示例是標籤雲區塊的標籤/標籤樣式,如下面的螢幕截圖所示。
tag/標籤的tag樣式。
我也有同一個區塊的Pill Outline樣式:
標記的Pill Outline區塊樣式。
顯然,這兩種風格不會一起工作。建立一個使用者可以同時選擇兩者的系統會導致一些有問題的結果。任何兩個塊樣式變得越複雜,它們就越有可能相互衝突。
現在,為區塊樣式提供多選功能還為時過早。我們需要讓這件事發揮作用,讓核心設計工具有機會迎頭趕上。我們可以重新評估WordPress打包的大多數區塊何時具有更廣泛的樣式選項。
那時,開始使用區塊變體可能更有意義,這是一種允許開發人員預配置塊屬性的API。如果存在一組可靠的設計選項,那麼為使用者提供多種開箱即用的組合將很簡單。
同時,我希望看到對區塊樣式UI的重新評估。Shaun Andrews有一篇深入的文章Thinking Through: Switching Block Styles,探討了我們如何對其進行迭代的各種選項。via wptavern
評論留言