十月中旬釋出的Gutenberg 11.7是我們一段時間以來最激動人心的版本之一。全域性樣式系統迭代繼續給人留下深刻印象。更輕鬆的導航體驗使新增連結變得更加容易，並且欄目區塊的間距控制提供了最古老的願望清單專案之一。
站點Logo區塊支援雙色調過濾器，使其與其他與影象相關的塊相提並論。另外，主題作者可以通過他們的檔案 theme.json 設定預設過濾器。
愛還有其他一些變化，例如重新整理的漸變選擇器設計和文章導航區塊的排版控制元件。工具欄中的塊對齊控制元件現在還顯示“None”選項。這應該使使用者更容易從以前的選擇恢復。
更輕的導航體驗
“新增導航專案”功能帶來了搜尋
構建導航選單一直是區塊系統中令人沮喪的體驗之一。迭代改進使它變得更好，但新增連結的實際過程一直是痛苦的，至少在10月14日推出Gutenberg 11.7之前是這樣。
在該區塊的先前迭代中，使用者必須經過兩步過程才能新增任何選單項。之前有WordPress開發者提到的一個問題：
此測試階段要求新增多個頁面連結作為頂級和子選單項。當單擊 + 按鈕新增連結時，我的第一反應是搜尋頁面本身。但是，可用欄位是塊搜尋而不是頁面搜尋。
在最新版本的外掛中，點選+圖示可以讓使用者直接搜尋或輸入網址。無需弄清楚首先插入哪個區塊（例如，Page、Post、Custom等）。這一變化是為打造更輕鬆的導航體驗而不斷努力的一部分。
雖然新增連結的體驗要好得多，但我最初無法弄清楚如何在不輸入完整URL的情況下新增簡單的主頁連結。鍵入“home”、“index”或簡單的“/”字元都失敗了。
在意識到之前的搜尋無效後，我嘗試了其他已知的網站頁面。文章、頁面、類別和標籤都可以正常工作。但是，我無法通過搜尋欄位提取作者/使用者存檔 URL。
有一個地方可以新增主頁連結，那就是通過單擊工具欄中的圖示將選單項轉換為主頁連結區塊。其他塊也可用於此轉換過程，例如社交圖示、站點徽標等。
將連結轉換為“主頁連結”區塊
總的來說，這是對導航塊使用者體驗的急需改進。在決定如何實現某個功能時，它可能更接近於達到 80/20 規則。
從連結插入器建立新頁面
從連結彈出視窗建立一個新頁面。
新增連結的使用者體驗一直是區塊編輯器今年的亮點之一。6月，Gutenberg 10.9引入了豐富的URL預覽，並登陸WordPress 5.8。在該外掛的最新版本中，開發人員將其提升了一個檔次。
使用者現在可以在新增連結時直接建立新頁面。以前，使用者只能在導航區塊內新增專案時才能實現這一壯舉。現在，它可用於新增到任何地方的連結。
注意間隔
欄目之間的自定義間距。
使用者現在可以通過新的區塊間距選項完全控制列之間的間隙。自區塊編輯器釋出以來，它花了三年時間才正式提供這個支援，這讓使用者很痛苦。誠然，當時對CSS flexbox的支援gap並不普遍，但在此期間我們仍然可以使用老式的邊距進行管理。
該功能在Gutenberg 11.4首次附帶的區塊間隙功能之上工作。如果主題作者編寫了用於控制列間距的自定義程式碼，則可能需要進行調整。
全域性樣式和調色盤
正在推動改進即將推出的全域性樣式功能，該功能可能會在今年晚些時候登陸WordPress 5.9。古騰堡的貢獻者在改進體驗方面取得了巨大進步，在外掛的11.6版中建立了徹底改革的導航。
此版本中最顯著的介面變化是新的調色盤部分。
頂部帶有調色盤部分的顏色面板。
而不是將調色盤放在顏色選項下方，而是現在位於前面和中間。這是一項最終將使使用者能夠自定義其網站的功能。歡迎決定關注UI的這一部分。
開啟調色盤部分後，使用者可以編輯主題定義的顏色或單擊+圖示建立新顏色。這些顏色將全部顯示為區塊和站點編輯器中的選項。
站點編輯器中的調色盤編輯器。
使用者還應該在全域性樣式側邊欄的根級別看到佈區域性分。他們現在可以調整整個站點的填充。
嘗試在根級別調整排版時，還是遇到了錯誤。這可能是第一次注意到Gutenberg 11.6的問題。
希望全域性樣式面板的塊部分顯示單個區塊的圖示。有幾十個區塊，很難瀏覽整個列表。
單個區塊樣式列表。
另一個改進，特別是如果我們放棄圖示，將按字母順序排列列表。
評論留言