Gutenberg 8.4 添加圖像編輯，包括多塊控件，並啟用塊目錄搜索

Gutenberg 8.4 今天登陸了一些面向用戶的重大更改，包括新的圖像編輯工具和編輯多個塊的選項的能力。 現在為所有 Gutenberg 安裝啟用了以前的實驗性塊目錄搜索。

8.4 版是計劃集成到 WordPress 5.5 中的最後一個 Gutenberg 主要版本。 第一個 5.5 測試版目前正按計劃於 7 月 7 日發布。

此更新包括超過三打錯誤修復，這比通常的兩週發布週期多幾個。 僅此一項就值得更新。 它還包括幾十個增強功能，例如對社交鏈接塊中的拖放的支持以及將預格式化塊轉換為代碼塊的能力。 主題作者應該喜歡取消畫布填充，這應該會進一步提高匹配編輯器和前端樣式的能力。

像往常一樣，這次更新似乎是對之前版本的改進。 到目前為止，我還沒有在測試中遇到任何回歸。

升級以獲取圖像編輯

WordPress 可能正在取代我在發佈時經常使用的額外工具之一。 多年來，我一直在 Photoshop、Gimp 或其他圖像編輯器中手動縮放、裁剪和旋轉圖像。 我已經執行相同的操作很長時間了，感覺就像是發布過程的一部分。

Gutenberg 8.4 的新圖像編輯工具可能讓我重新考慮是否需要額外的軟件。 該功能允許用戶直接在編輯器中縮放、旋轉或更改圖像的縱橫比。

選擇圖像塊後，編輯器工具欄將顯示一個新的裁剪圖標。 單擊後，範圍滑塊將出現在編輯器中的圖像下方。 滑塊允許用戶放大圖像。

單擊工具欄中的裁剪按鈕後，還會出現兩個新按鈕。 第一個按鈕是一個簡單的旋轉按鈕，它允許用戶順時針旋轉圖像，一次旋轉 90 度。 第二個按鈕用於更改圖像的縱橫比。 單擊後，它將顯示一個包含以下選項的下拉列表：

• 景觀
  – 16:10
  – 16:9
  – 4:3
  – 3:2
• 肖像
  – 10:16
  – 9:16
  – 3:4
  – 2:3
• 正方形

縮放或更改縱橫比後，用戶還可以移動圖像以更改焦點。 圖像編輯器還提供了一個 3×3 網格來完美對齊圖像，這對攝影師來說應該是一個不錯的補充（見三分法）。

如果 Gutenberg 8.4 沒有其他讓您興奮的地方，這就是您想要嘗試的功能。 開發團隊在用戶體驗背後投入了大量的思考和關懷。

一次自定義多個塊

您是否曾經想更改多個段落的文本顏色？ 也許您需要放大兩個塊的字體大小或您想要應用於多個塊的大量其他自定義項？ Gutenberg 8.4 允許最終用戶一次編輯多個塊的塊選項。 唯一的限制是塊必須是相同的類型，這是有道理的，因為每種塊類型都有不同的選項。

過程很簡單。 選擇兩個或更多塊並通過塊選項面板自定義所有選定的塊。

過去，我有時會通過將多個塊添加到組塊並編輯其選項來解決這個缺失的功能。 該方法的限制是 Group 塊僅支持自定義文本和背景顏色。 很高興看到 Gutenberg 開發團隊處理這個急需的功能。 它至少可以讓我們中的一些人擺脫這種黑客攻擊。

搜索和查找新塊

2019 年 9 月，Gutenberg 插件用戶第一次看到了塊目錄搜索。 該實驗性功能首次登陸 6.5 版，並承諾徹底改變塊安裝過程。 用戶將能夠從編輯屏幕從 WordPress 塊目錄無縫添加塊。 無需保存當前帖子並轉到插件屏幕。 只需搜索，添加一個塊，然後繼續寫作。

現在，在近 20 個主要版本之後，該功能不再是實驗性的。 它是插件的完全集成部分，預計將登陸 WordPress 5.5。 這意味著古騰堡用戶是時候開始大量測試此功能並報告任何錯誤了。 這也意味著插件開發人員是時候加強他們的遊戲並開始向目錄提交更多單塊插件了。

要使用新功能，用戶只需要通過塊插入器搜索塊。 如果未安裝，它將在 WordPress.org 上搜索該塊。 如果找到一個，古騰堡將顯示一個“添加塊”按鈕。 單擊後，它將安裝塊插件並將塊插入帖子編輯器。

在大多數情況下，它在我的測試中運行良好。 然而，它並非沒有一些缺點。

我遇到的一個問題是塊插件的 CSS 在不重新加載頁面的情況下不會生效。 認為這可能是僥倖，我再次測試並遇到了同樣的問題。 考慮到這是 Automattic 的 Layout Grid 塊，它需要特定的 CSS 來對齊列，因此體驗並不理想。 我的內容未按列對齊。

我也遇到了安裝新塊的問題，但 WordPress 沒有識別出它可以插入到編輯器中。 在這種情況下再次單擊“添加塊”按鈕時，我收到“目標文件夾已存在”消息。 只有在刷新頁面後，我才能使用該塊。

要使此功能成為核心，它需要是無縫的體驗。 用戶應該能夠添加新塊並即時使用它們。 至少在我的測試中，這個功能並不完全存在。 可能是我的環境。 也許我今天運氣不太好，但看起來在成為黃金時段功能之前還有更多工作要做。