調整組塊上的填充。
什麼時候 古騰堡9.0登陸 本周初，它進行了實驗 填充控制 用於組塊。 除非他們的主題使用experimental-custom-spacing標誌選擇支持該功能，否則大多數用戶將看不到它。
這不是我們第一次看到塊上的padding選項。 古騰堡8.3 介紹了它的封面。 從那時起，實施沒有任何改變。
自定義間距/填充選項的問題在於它創建的內聯樣式不會根據主題的設計進行調整。 幸運的是，該功能仍處於試驗階段。 這意味著我們有時間重新評估其工作方式。
除非我們沒有消除任何剩餘的幻想，主題將在WordPress的未來中扮演重要角色，並且前端設計已完全根植於核心，否則主題作者需要某種程度的控制。 而且，即使主題正在像恐龍一樣前進，塊級上的自定義填充數字也會在以後產生設計一致性問題。 在站點的當前設計中，使用100像素的填充可能很有意義，但是在未來的設計中，可以使用96像素。 今天，當用戶使用自定義填充添加數十個或數百個塊時，它將對明天的間距和節奏造成嚴重破壞。
除此之外，普通用戶幾乎沒有設計規則的概念。 擁有標準化的間距系統將使主題作者可以控制輸出，同時使最終用戶可以自定義外觀。
我認為WordPress需要某種 設計框架。 例如，Tailwind CSS具有特定的填充類。 Bootstrap和幾乎所有其他CSS框架也是如此。 Web開發社區一直走這條路。 這是一條通俗易懂的路徑，WordPress並不是通過使用內聯樣式進行創新。
如果WordPress平台打算將這種功能交到用戶手中，那麼它應該以允許設計師做自己的事情的方式，而不是將用戶推向內容中的半永久性嵌入式樣式湯。
在古騰堡之前，我完全反對WordPress引入任何類型的CSS或設計框架的想法。 但是，該平台一直在朝著成為基於UI的設計工具邁進，而不僅僅是一種管理內容的方法。 用戶將在全球範圍內一直到各個模塊擁有與設計相關的選項。 用戶應該絕對有能力在這樣的系統中調整塊的填充。 他們不需要了解CSS。 相反，對於大多數使用情況，用戶應該能夠根據需要的間距是較大還是較小，而不是特定的CSS值來調整填充。
我提出了一整套標準化的填充類。 對於保證金或其他與設計有關的選擇，將來也是如此。 Gutenberg / WordPress應該為這些類創建一組默認值，主題作者可以根據其設計覆蓋這些默認值。
這不是一個新概念。 Automattic的開發商Dave Smith介紹了 在2019年補丁 使用命名選擇器在Group塊上間隔的代碼。 他給出了以下選擇絕對值絕對值方法的理由：
假設您是主題設計師。 您可以用適合設計的間距來製作CSS。 即使終端用戶是在「塊編輯器」中創建頁面布局的，您也要確保整個主題之間的一致性。
使用我在這裡採用的方法，當選擇大小時，僅將類添加到DOM中的Block。 這使主題創建者有機會在CSS中提供適合其主題的自定義尺寸。 如果他們選擇不這樣做，則會提供合理的默認值。
通過像素方法，我們將Block的用戶鎖定為絕對值，並要求他們做出很多他們可能不想做出的決定。 這也可能導致不一致的視覺體驗。
這艘船已經航行並沉入了自定義顏色和字體大小。 古騰堡有機會將這些選項的班級名稱標準化，但留給了主題作者。 結果，整個主題市場都沒有標準，這意味著選擇由主題提供的「大」字體大小或「藍色」文字顏色可能不會帶入用戶的下一個主題。 現在，隨著WordPress轉向全站點編輯，我們正處於與設計相關的更多選項的風口浪尖。 現在是時候考慮與設計相關的類名稱的一些標準，並提供所有主題都可以使用的框架了。
Gutenberg仍然可以像提供顏色和字體大小一樣提供自定義的填充選項。 選擇走這條路的用戶將做出明確的選擇，以超出標準進行工作。 但是，讓我們不要走這條路，允許用戶將絕對間距值設置為默認選項。
像這樣：
喜歡載入中……