Gutenberg 10.2在導航列表中添加了空格,讓用戶可以對模板部件進行分類,並引入範圍內的模式

昨天,該版本的10.2 古騰堡WordPress插件登陸。 現在,用戶可以在導航項目之間添加一個Spacer塊,對自定義模板零件進行分類,並在插入Query塊時在模式之間進行選擇。

用戶體驗在某些方面持續改善。 媒體和文本塊,為數不多的保留之一,現在可以 轉換成專欄。 轉換產生兩列,媒體和文本分開。 但是,這是單向轉換。 對於寫出其文本列的用戶來說,這是一項必要的增強功能,使他們意識到他們只能添加上載的媒體,而不能將YouTube之類的內容嵌入到Media&Text塊中。 快速切換到Columns可解決此問題。

僅「開始寫或鍵入/選擇一個塊」提示 出現在第一個空白段落 當有後續段落時。 這是一個微不足道的更改,但它消除了一個小麻煩。

開發團隊為Gutenberg 10.2壓縮了30個bug。 他們還繼續致力於改善實驗性功能,例如站點編輯器,全局樣式和基於塊的導航菜單。 完整站點編輯正在形成,但是要知道它是否準備好包含在WordPress 5.8中還需要一段時間。

當我寫這篇文章時,我也在一個壞的編輯器中這樣做。 古騰堡10.2再次更改了其標記或CSS,這意味著我將不得不進行一些挖掘,以找出為什麼我們所有的段落在編輯器中都未對齊。 但是,那是明天的工作。 這應該是特定於主題的修復程序,並且是一個單獨的問題。

在導航列表中嵌套間隔塊
gutenberg-10-2-在導航列表中添加空格,讓用戶分類模板部分,並引入範圍內的樣式Gutenberg 10.2將空格添加到導航列表中,讓用戶對模板零件進行分類,並介紹範圍模式在導航列表中插入一個空格。

古騰堡(Gutenberg)項目帶來的最糟糕的想法之一是,用戶現在可以 插入間隔塊 在水平導航塊項目之間。 並且它們可以增加或減少像素的空間。 間隔的想法本身並沒有壞處,但是使用的解決方案是。

據我所知,

標記不允許作為

    的直接子代。 這就是

  • 元素所在的位置。 也許這是我老派的HTML成長經歷,但是在其他方面投入其他東西並不適合。 列表項是列表的子級。

    幸運的是,已經有數十年的網頁設計師可以使用這種水平間距的解決方案了:邊距和填充。

    自從將其引入古騰堡以來,間隔塊從未感到過正確。 我一直認為這是垂直間距的權宜之計,直到我們獲得適當的邊距和填充塊選項。 我從未想過我們會找到新的創造性方法來使用它來定義網站的標記。

    模板零件類別
    gutenberg-10-2-在導航列表中添加空格,讓用戶分類模板部分並引入範圍模式1 Gutenberg 10.2將空格添加到導航列表中,讓用戶對模板零件進行分類,以及引入作用域模式選擇模板零件的區域。

    用戶現在可以 將模板零件保存到特定類別 或「區域」(在網站編輯器用戶界面中稱為它們)。 在 古騰堡10.1,開發團隊為主題作者引入了一個新的分類系統,該系統將自動將模板部分放置在「頁眉」,「頁腳」,「側邊欄」或「常規」類別中。 現在可以為用戶創建的模板零件打開相同的系統。

    通過站點編輯器保存模板零件時,用戶必須打開「高級」塊選項卡。 有一個新的「區域」選項。 此版本中缺少補充工具欄類別。 但是,這是邁向模板部分管理的可喜步驟。

    查詢塊模式
    gutenberg-10-2-在導航列表中添加空格,讓用戶分類模板部分並介紹範圍模式2 Gutenberg 10.2將空格添加到導航列表中,讓用戶對模板零件進行分類,以及引入作用域模式處於初始狀態的Query塊的模式選擇。

    查詢塊是整個站點編輯的核心。 它最終將成為開發人員和用戶在構建網站時與之交互的主要組件之一。

    開發團隊在首次插入Query塊時為最終用戶引入了新概念。 過去,用戶看到了幾種塊形式的變化。 現在,他們可以 在模式之間選擇 特定於該塊的。

    開箱即用,有大,中和小模式。 用戶還可以選擇從空白開始。

    對於開發人員,此更改引入了作用域模式。 從長遠來看,它是Block Patterns API的新層,應該提供大量的靈活性。 儘管該功能目前僅適用於查詢塊,但主題和插件作者可以為用戶將來選擇的塊創建預定義的布局。

    想像一下,有幾種您想要提供給用戶的帖子循環風格。 使用幾行代碼,您可以將每行註冊為可選查詢模式。

    API的新部分添加了一個範圍參數,如下所示:

    ‘範圍’=> [ ‘inserter’ => false, // Whether to show in the main block inserter. ‘block’ => [ ‘core/query’ ] //模式的容器塊。 ]

    這仍處於試驗階段,因此隨著功能的進一步發展,情況可能會發生變化。

    按照核心示例,我使用以下代碼創建了快速查詢模式:

    add_action(’init’,function(){register_block_pattern(’tavern-query’, [ ‘title’ => ‘Tavern Query’, ‘scope’ => [ ‘inserter’ => false, ‘block’ => [ ‘core/query’ ],],’content’=>’<!-wp:post-title {「 isLink」:true} /-> <!-wp:post-featuredimage {「 isLink」:true,「 align」 :「 wide」} /-> <!-wp:post-excerpt /-> <!-wp:separator->


    <!-/ wp:separator-> <!-wp:post-date /->‘]); });

    像這樣:

    像載入中…

    來源

相關文章