Gutenberg 13.0 添加了跨多個塊的文本選擇、新的堆棧組變體和特色封面塊

Gutenberg 13.0 今天早些時候登陸 WordPress 插件目錄。 它是最近發布的最重要的版本之一,包含應隨 WordPress 6.0 一起提供的最終功能。

更突出的功能包括多塊部分文本選擇、帶有特色圖像的封面塊、組的堆棧變體以及基於模式的頁面創建。 還有更多需要挖掘的東西。

我在這篇文章中介紹了許多大件物品。 但是,要了解發布的完整規模,請查看鏈接中的門票 古騰堡 13.0 發布公告.

其他值得注意的亮點包括 柱塊的間距支持, 網頁字體優化雙色調為 網站徽標和帖子特色圖片佔位符, 和 垂直對齊 用於帶有 flex 控制項的塊。

部分文本選擇
gutenberg-13-0-adds-text-selection-across-multiple-blocks-new-stack-group-variation-and-featured-cover-blocks Gutenberg 13.0 添加了跨多個塊的文本選擇、新的堆棧組變體和特色封面塊跨兩個塊選擇文本。

用戶現在可以跨多個富文本塊選擇文本,例如段落、標題、列表和引用。 過去,突出顯示部分文本會自動創建多塊選擇,這通常是不可取的。

更改支持按 Enter 鍵刪除選定文本並創建新塊,Backspace 用於刪除和向後合併,Del 用於刪除和向前合併。 鍵入將用新輸入替換選定的文本。

我在一篇文章中介紹了這個新功能 上個月的深度帖子.

堆棧和組變化
gutenberg-13-0-adds-text-selection-across-multiple-blocks-new-stack-group-variation-and-featured-cover-blocks-1 Gutenberg 13.0 添加了跨多個塊的文本選擇、新的堆棧組變化和特色蓋塊組塊後跟行和堆棧變體。

古騰堡 13.0 引入了一個新的 Group 塊的堆棧變化. 更改總共創建了三個變體,包括默認輸出和行。

乍一看,Stack 和默認的 Group 塊似乎沒有太大區別。 畢竟,它們都是垂直堆疊內容的容器。 然而,Stack 變體在技術上是一個 flexbox,而不是一個流布局。 我不確定這對可能無法立即理解區別的最終用戶有何影響。 但是,這應該是在主題中構建更高級布局的受歡迎工具。

Stack 變體完全封裝任何嵌套塊,禁用它們的對齊控制(例如,右對齊、寬對齊等)。 但是,堆棧本身具有對齊控制項,用於將內容左、右和居中對齊。

gutenberg-13-0-adds-text-selection-across-multiple-blocks-new-stack-group-variation-and-featured-cover-blocks-2 Gutenberg 13.0 添加了跨多個塊的文本選擇、新的堆棧組變化和特色蓋塊堆疊變體,內容正確。

一個可能看起來不清楚的設置是標記為「允許換行到多行」的控制項。 至少有一個潛在的用例。 如果設置了高度,堆疊布局也可能是水平的。 但是,UI 中當前沒有顯示這樣的高度控制。

Row 變化也很大 首次插入時有所改善. 現在有一個明確的指示,新插入的塊是水平布局的。

除了部分文本選擇外,用戶還可以通過工具欄將選定的塊快速放入組、行或堆棧中。

封面+特色圖片
gutenberg-13-0-adds-text-selection-across-multiple-blocks-new-stack-group-variation-and-featured-cover-blocks-3 Gutenberg 13.0 添加了跨多個塊的文本選擇、新的堆棧組變化和特色蓋塊使用封面塊內的特色圖片作為單個帖子標題。

將封面插入編輯器時,工具欄中現在有一個新的「使用特色圖片」切換。 打開它會將圖像數據與塊聯繫起來。

有時,當新功能以最快的速度登陸時,很難選擇最喜歡的功能。 但是,使用 封面塊中的特色圖片 很容易成為我最興奮的事情之一。 我腦子裡已經有很多想法了,其中一些我分享了 上周介紹了這個功能.

我很想看看主題作者和用戶用它做什麼。 這為塊主題開闢了一個全新的布局可能性世界。

全球風格變化
gutenberg-13-0-adds-text-selection-across-multiple-blocks-new-stack-group-variation-and-featured-cover-blocks-4 Gutenberg 13.0 添加了跨多個塊的文本選擇、新的堆棧組變化和特色蓋塊側邊欄中的淺色和深色全局樣式變化。

繼續充實全局樣式變化功能。 首次推出 古騰堡 12.5,它允許主題作者發布多個 /styles/*.json 文件,用戶可以在這些文件之間切換。 本質上,它是特定於主題的「皮膚」選擇器。

更新 支持新的標題欄位 在 JSON 文件中獲取人性化標籤。 否則,它會退回到沒有擴展名的文件名。

當用戶將樣式卡懸停在 UI 中時,它會翻轉它以顯示標題和更多可用於變體的顏色。 不幸的是,盒子的翻轉版本提取了主題定義的前四種顏色。 這有時會導致變化的漂亮和乾淨的展示。 它也可能是一個不給用戶提供關於樣式本身的有用信息的礙眼的東西。

主題作者可以通過在他們的 *.json 文件中調整他們的顏色定義來控制這一點。 但是,它充其量只是一個hack。 因為這個方法不是官方的,所以不能保證它在未來會起作用。 此外,對於那些喜歡保持整潔的人來說,這是一種創建雜亂無章代碼的快速方法。

新的邊境控制組件
gutenberg-13-0-adds-text-selection-across-multiple-blocks-new-stack-group-variation-and-featured-cover-blocks-5 Gutenberg 13.0 添加了跨多個塊的文本選擇、新的堆棧組變體和特色蓋塊定義單個塊邊界。

古騰堡 13.0 引入了新的 邊界控制邊框控制項 組件。 這是對之前邊框設計工具實現的大修。 它最終將允許用戶為選擇支持邊框的塊定義所有四個邊的邊框寬度、樣式和顏色。 此外,主題作者將通過 theme.json 進行相同級別的細粒度控制。

雖然新組件現已上市, 塊支持 直到古騰堡 13.1 才定檔。 從技術上講,它已經合併到插件的開發版本中。

使用模式創建新頁面
gutenberg-13-0-adds-text-selection-across-multiple-blocks-new-stack-group-variation-and-featured-cover-blocks-6 Gutenberg 13.0 添加了跨多個塊的文本選擇、新的堆棧組變體和特色蓋塊添加新頁面時的模式模式。

創建複雜的頁面布局 變得更簡單了. 添加新頁面時,屏幕上會彈出一個模式。 它允許用戶 從「內容」模式列表中選擇 插入頁面。 這可以像創建關於/配置文件布局的幾個塊一樣簡單。 或者,它可以是一個成熟的首頁設計。 從那時起,用戶可以自定義特定於其站點的部分。

此功能取決於主題作者為核心/後內容塊類型註冊自定義模式。 否則,用戶將只能看到默認編輯器。 Themers 應該開始嘗試如何在下個月與 WordPress 6.0 一起登陸時展示這個新功能。

評論查詢循環替換髮表評論塊
gutenberg-13-0-adds-text-selection-across-multiple-blocks-new-stack-group-variation-and-featured-cover-blocks-7 Gutenberg 13.0 添加了跨多個塊的文本選擇、新的堆棧組變化和特色蓋塊站點編輯器中的評論查詢循環塊。

現有的 已棄用發表評論塊 支持較新的評論查詢循環和相關塊。 它仍然可以工作,就像其他不推薦使用的塊一樣。 但是,它不會出現在插入器中。

評論查詢循環提供了更好的設計者和用戶體驗。 但是,至少在 Gutenberg 13.0 中,它還沒有與它所取代的解決方案相同的功能。

我的一些問題 在我之前的報道中提到,例如缺少的評論 ID 和類,已在主幹中解決。 但是,目前還沒有解決方案 「X 回復帖子」標題. 我預計這一點和剩餘的皺紋將在未來幾周內得到解決。 然而,建立在最前沿的主題作者應該注意現有的問題。

來源

相關文章