Gutenberg 21.0アップデート：統一されたインターフェイスとあらゆる面での機能強化

2025年6月11日。グーテンベルクエディターがバージョン21.0にアップデートされました。今回のアップデートでは、エディターの構造制御、設定インターフェースの統一、アクセシビリティの強化、バグ修正、ドキュメントとコード品質の最適化に重点を置いています。アップデートのハイライトは以下の通りです。

I. ボタン・ブロックとセパレーター・ブロックの新しいHTML要素切り替え機能

ボタンこのブロックは、詳細設定にHTML要素セレクタを追加して <a> 歌で応える <ボタン これらを切り替えることで、より柔軟な意味論的構造化が容易になり、スクリーンリーダーとの互換性も向上する。

また、セパレーター・ブロックは <hr> とともに <div> カスタムスタイルの分離エフェクトを簡単に構築できる2つのエレメント・トグル・オプション。

大規模なToolsPanelインターフェイスのリファクタリング：ブロックのセットアップ体験の統一

セットアップパネルの構造を統一するため、いくつかのブロックのプロパティ設定インターフェイスを全面的に刷新し、ToolsPanelインターフェイスを使用するようにしました。今回関係したブロックは以下の通り：

コメントブロック：コメント日付、コメント作成者名、コメント編集リンク、コメントタイトル、コメントページネーション
一般的なブロック：ボタン、埋め込み、ファイル、リスト、記事タイトル、RSS最新の投稿、フォーム、入力フィールド
ナビゲーター関連：メイン・ナビゲーション・ブロック、ナビゲーション・リンク、サブメニュー・リンク

設定項目のインターフェイスがより規則的になり、パラメーターがより集中し、検索と操作の効率が明らかに向上した。

III.キーボード操作とフォーカスコントロールが全面的に改良された

複数のブロックと制御コンポーネントがアクセシビリティをサポート：

ボタンブロックでリンク解除後にフォーカスが消える問題を修正
Columnsブロックは、Settingsパネルのコントロールを使用するロジックを調整します。
しょうさいブロックは、キーボード操作の応答性を改善し、リストビューでネストされたブロックを選択しやすくします。
ツールバーボタンの配色を調整し、暗いモードでのコントラスト性能を向上

IV.一般的に使用されるブロックおよびコンポーネント機能の強化および修理

複数のブロックが構造的、様式的なコントロールの強化を受け、一般的な問題に対処した：

空白のコントロールスロットがボタンブロックに表示されなくなりました。
ギャラリー画像のキャプションレベルのクリックスルーに関する問題を修正した
Pullquoteブロックが、テーマスタイルファイルによる参照スタイルのオーバーライドに対応
ソーシャルリンクは、サービス名のローカライズされた翻訳をサポートし、サイズ設定はより適切なコントロールエリアに調整される。

その他の強化点は以下の通り：

ショートコードブロックサポートは、意味構造を強化するためにロール属性を追加します。
デフォルトの字幕トラックを設定するビデオブロックのサポート
ナビゲーションリンクとサブメニューコントロールは、UIコントロールの一部を非表示にしますが、基本的なプロパティサポートは保持します。
フォームと入力フィールド・ブロックの統一された設定パネル表示

V. コンポーネント・ロジックと内部APIの最適化

ComboBoxコントロールはUnicodeマッチングロジックをサポートし、多言語入力時のパフォーマンスをより安定させます。
ドラッグ・アンド・ドロップのコンポーネントが、デフォルトのアイコンを上書きし、よりカスタマイズしやすくなりました。
画像フォーカスセレクタで、幅が指定されていないSVG画像が正しく表示されなかった問題を修正
長い文字列フィルタを処理する際にフォームトークンフィールドが遅延することがあった問題を修正
Flexレイアウトの垂直アライメントコントロールのデフォルト値ロジックが修正された

インタラクティブエーピーアイこのモジュールでは、柔軟性を向上させるために、いくつかの関数のパラメータをオプションにしました。同時に、実験的モジュールである「フルページ・クライアント・ナビゲーション」を削除し、コア機能を軽量化しました。

VI.ドキュメンテーションと開発経験の強化

開発者向けドキュメントと設定ファイルの体系的な最適化：

すべての画像はALT属性を補完する
関数ドキュメンテーションのリターン・タイプの説明の欠落の修正
クリアランスとハーモナイゼーション JSON スキーマの参照アドレス・フィールド
用語表現の更新と廃止されたフィールド記述の置き換え
最新のコード・シンタックス・フォーマットを使用した複数のチュートリアル・ファイル

useDropZoneやその他のフックのドキュメントも、新しいバージョンの関数の書き方で書かれており、Gutenbergエディタの現在のプロジェクト標準に沿ったものになっています。

VII. テストカバレッジの拡張とコードの最適化

このリリースでは、エンドツーエンドおよびユニットテストのカバレッジがいくつか強化されている：

FocalPointPicker機能の追加によるE2Eテスト
テンプレート・ロック機能追加の総合テスト
ブロックAPIのテストケース・カバレッジ・ロジックを修正する。
溶け込む PHP テストポートをさまざまな環境設定に適応させるテスト構成

コードの面では、InputControlコントロールの不要な強制フォーカスロジックが削除され、呼び出されなかったSuggestionsListのレガシーコードがクリーンアップされました。一方、リストレンダリングの例外を回避するため、ビデオブロックの字幕トラック項目に一意のキー値が追加されました。

概要

Gutenbergエディタバージョン21.0は、セマンティック制御、インターフェイス構造、インタラクションロジック、ドキュメント標準、開発インターフェイス、テストフレームワークなどの多次元をカバーする、幅と深みのあるアップデートです。コンテンツ制作者、デザイナー、テーマ開発者、プラグイン開発者にとって、このリリースはより一貫したセットアップパス、よりスムーズな操作フィードバック、より合理的なコードインターフェース構造をもたらすでしょう。

詳細は下記をご覧ください。WordPress コミュニティ理解度をチェックする。

お問い合わせ
チュートリアルが読めない？無料でお答えします！個人サイト、中小企業サイトのための無料ヘルプ！	カスタマーサービス WeChat
① 電話：020-2206-9892
② QQ咨询：1025174874
三 Eメール：[email protected]
④ 勤務時間: 月～金、9:30～18:30、祝日休み