Gutenberg 21.0が正式リリース:アップデートのハイライトが一目でわかる!

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

畫(huà)像[1]-Gutenberg 21.0アップデート:統(tǒng)一されたインターフェースと強(qiáng)化された機(jī)能

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

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

畫(huà)像[2]-Gutenberg 21.0アップデート:統(tǒng)一されたインターフェースと強(qiáng)化された機(jī)能性

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

畫(huà)像[3]-Gutenberg 21.0アップデート:統(tǒng)一されたインターフェースと強(qiáng)化された機(jī)能

大規(guī)模なToolsPanelインターフェイスのリファクタリング:ブロックのセットアップ體験の統(tǒng)一

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

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

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

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

複數(shù)のブロックと制御コンポーネントがアクセシビリティをサポート:

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

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

複數(shù)のブロックが構(gòu)造的、様式的なコントロールの強(qiáng)化を受け、一般的な問(wèn)題に対処した:

  • 空白のコントロールスロットがボタンブロックに表示されなくなりました。
  • ギャラリー畫(huà)像のキャプションレベルのクリックスルーに関する問(wèn)題を修正した
  • Pullquoteブロックが、テーマスタイルファイルによる?yún)⒄榨攻骏ぅ毪违`バーライドに対応
  • ソーシャルリンクは、サービス名のローカライズされた翻訳をサポートし、サイズ設(shè)定はより適切なコントロールエリアに調(diào)整される。

その他の強(qiáng)化點(diǎn)は以下の通り:

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

V. コンポーネント?ロジックと內(nèi)部APIの最適化

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

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

VI.ドキュメンテーションと開(kāi)発経験の強(qiáng)化

開(kāi)発者向けドキュメントと設(shè)定ファイルの體系的な最適化:

  • すべての畫(huà)像はALT屬性を補(bǔ)完する
  • 関數(shù)ドキュメンテーションのリターン?タイプの説明の欠落の修正
  • クリアランスとハーモナイゼーション JSON スキーマの參照アドレス?フィールド
  • 用語(yǔ)表現(xiàn)の更新と廃止されたフィールド記述の置き換え
  • 最新のコード?シンタックス?フォーマットを使用した複數(shù)のチュートリアル?ファイル

useDropZoneやその他のフックのドキュメントも、新しいバージョンの関數(shù)の書(shū)き方で書(shū)かれており、Gutenbergエディタの現(xiàn)在のプロジェクト標(biāo)準(zhǔn)に沿ったものになっています。

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

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

  • FocalPointPicker機(jī)能の追加によるE2Eテスト
  • テンプレート?ロック機(jī)能追加の総合テスト
  • ブロックAPIのテストケース?カバレッジ?ロジックを修正する。
  • 溶け込む PHP テストポートをさまざまな環(huán)境設(shè)定に適応させるテスト構(gòu)成

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

概要

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

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


お問(wèn)い合わせ
チュートリアルが読めない?無(wú)料でお答えします!個(gè)人サイト、中小企業(yè)サイトのための無(wú)料ヘルプ!
カスタマーサービス WeChat
カスタマーサービス WeChat
電話:020-2206-9892
QQ咨詢:1025174874
Eメール:info@361sale.com
勤務(wù)時(shí)間: 月~金、9:30~18:30、祝日休み
? 複製に関する聲明
この記事はlmxによって書(shū)かれた
終わり
好きなら応援してください。
クドス921 分かち合う
解説 ソファ購(gòu)入

コメントを投稿するにはログインしてください

    コメントなし