Gutenberg 20.8と20.9アップデートの概要

ワードプレスグーテンベルク・エディター20.8と20.9の両方で、編集エクスペリエンス、アクセシビリティ、パフォーマンス、コード品質に焦点を当てた多くの改良が行われました。以下は、変更点の簡単な概要です。

I. 全体概要

アクセシビリティ コア・チームは、重複するHTML要素をさらに整理し、冗長性を自動的に検出しました。 <メイン スクリーン・リーダーの混乱を避けるために、タブを使用してください。
編集の流暢さ 検索バーにテンプレート入れ替えモードが追加され、テンプレートを探すプロセスがより直感的になりました。
コンポーネントのアップグレード 付箋を防ぐためのポップアップ用の新しい仮想パディング; フォーカスがインサータから離れたときにガジェットエディタが予期せず終了することがなくなりました。
パフォーマンスと基盤 より軽量で信頼性の高い動作を保証するために、大規模なコードのリファクタリングとバグ修正を行いました。

II.バージョン20.8のハイライト

分類	更新情報
アクセシビリティ	重複の防止 `<メイン` 要素は、自動的にHTML構造をチェックする
テンプレート交換	検索機能デビュー、テンプレートを素早く見つけるのが簡単
アセンブリー	「ブロック作成」コマンドラインツールのサポート `--テキストドメイン` パラメータがある。 i18n よりスムーズなプロセス
ポップアップウィンドウ	ポップアップがブラウザの端に張り付くのを避けるため、仮想内余白を導入。

なぜそれが重要なのか？
かなりの数のテーマ開発者がテンプレートをカスタマイズしたがりますが、もし2つのテンプレートを間違えてしまったら......。 <メインこの場合、支援技術はコンテンツを2度読むことになる。新しいバージョンでは、この低レベルのエラーを減らすための校正が提供されます。

III.バージョン20.9のハイライト

分類	更新情報
検索語	設定] パネルが [インスペクタ] サイドバーに移動し、すべてのスタイル・オプションが上部に表示されます。
HTML要素	反復可能 `<メイン` 検出機能は、よりユーザーフレンドリーなプロンプトで最適化され続けている
テンプレート交換	検索エクスペリエンスのアップグレード：利用可能なすべてのテンプレートをフィルタリングするためにキーワードを入力します。
エディタビュー	メタフレームの分割を、キャンバスをiframeに入れたデスクトップビューでのみ有効にする；より集中した交流
ガジェット	編集の中断を避けるため、フォーカスがインサータから離れると自動的に閉じることがなくなりました。

ハイライト分析

検索ブロックの刷新: アイコンのサイズやボーダーのスタイルなど、複数の場所に散らばっていた設定項目が、インスペクタ・パネルの上部に集約され、より少ないステップで設定できるようになりました。

移動スタイルサイドバーナビゲーションの上部。ナビゲーション、ページ、テンプレート、モードの前に、スタイル・ナビゲーション・アイテムをサイト・エディタのメイン・サイドバー・ナビゲーションの一番上の位置に移動します。

テンプレート・エクスチェンジ・サーチ 2.0: ネイティブテンプレートやカスタムテンプレートは検索・取得が可能で、複雑なサイト管理の効率が大幅に向上します。

IV.開発者とウェブマスターにとっての意義

より安全なマーキング構造
反復可能 <メイン レンダリングには影響しないが、スクリーンリーダーには深刻な干渉となる。新バージョンは自動検証を行い、アクセシビリティのリスクを劇的に軽減します。
迅速なテンプレート管理
以前は何十ものテンプレートをスクロールして探すのは時間の無駄だったが、今はキーワードを入力すれば一瞬でターゲットにたどり着ける。
コマンドラインの国際化
create-block --textdomain ブロック開発の早い段階でテキストフィールドをバインドして、後で翻訳をやり直すのをやめよう。
アップグレードされたインターフェイスの詳細
ポップアップウィンドウの貼り付け防止やサイドバーの並べ替えは、小さな変更のように見えるが、コンテンツ作成をよりスムーズにする。

V. アップデートの詳細と開発者の懸念事項

アクセシビリティの向上やテンプレート検索機能に加え、両アップデートには、ブロック、コンポーネント、API、テスト、パフォーマンスなど、さまざまな側面にわたって、開発者や上級ユーザー向けの多くの機能強化、バグ修正、ドキュメントの追加が含まれています。

1.強化のハイライト

ブロックCLIツールの作成新着情報 --テキストドメイン パラメータを使用することで、ブロックプロジェクトの国際化ドメインをバインドし、翻訳標準プロセスに準拠することが容易になります。
ポップアップ・コンポーネントのエクスペリエンス最適化: ポップアップウィンドウステッカーによる視覚的なはみ出しや誤タッチを防ぐため、仮想パディングを導入。
ガイドナビゲーションボタンユーザビリティとブランドの一貫性を向上させるために、「次へ」「前へ」のテキストコンテンツをカスタマイズできるようにします。
ウィジェット・ロック・コントロール: 意図しない修正を避けるため、ガジェットエディター操作の "ロック "メカニズム追加をサポート。

2.バグ修正とエクスペリエンスの最適化

このアップデートでは、安定性と開発体験を向上させるために、細部にわたる多くの問題が修正された：

イメージブロック: メディアライブラリから同じ画像を再選択する際、古いパスを使用しないようURLエラーを修正。
ブロック合併の行動調整Disable Edit Mode "でブロック・マージ操作を無効にし、誤ってデータを上書きしないようにする。
カレンダーブロック構造を破壊しないようにHTMLの編集を無効にする。
ナビゲーションブロック: リンクブロックを持つサブメニューの未定義のキー値警告を修正。
ログインブロックからログアウトする現在のURL取得方法を更新し、論理エラーを回避する。
メディア・プレースホルダー: メディアURL入力タイプの問題を修正し、ローカルパスを再サポート。

特に注目すべきは、HTMLフォーマット・サポートとブロック・コンテナ間の相互作用ロジックも修正され、幅のオーバーフローや構造的なズレを防ぐように強化されたことだ。

3.アクセシビリティの詳細を更新

キーボードの一貫性を高めるため、ブロック削除のショートカットとして「access + z」キーを復活；
追加 HTMLElementControl コンポーネントを使うことで、HTML要素の動作やアクセシビリティ・タグの構造をより細かく制御することができます。

4.ドキュメンテーションと開発サポートの充実

今回のアップデートでは、Gutenbergの開発ドキュメントも改善され、より明確なコンテンツとより完全なサンプルが追加されました：

によって setAttributes アップデータ関数はバージョンの説明を追加する；
Block Bindings APIに、"post meta fields "に関する新しい制限が追加されました；
いくつかのチュートリアルのインポート構文とコメントのエラーを修正しました；
を簡素化する テーマ.json 構造的な一貫性を向上させる属性の順序付け。

テーマをカスタマイズしたり、ブロックの機能を拡張したりする開発者にとって、これらのドキュメントの更新は、学習コストとエラー率を大幅に削減します。

5.パフォーマンスとコード品質の改善

サーバーサイドレンダー を使用するようにリファクタリングされている。 使用コールバック とともに レフ重複リクエストを減らす；
内部部品構造の最適化。 useHasBlockToolbar 条件判定ロジックはさらに合理化されている；
テストフレームワークでは、継続的インテグレーションの安定性を高めるため、不安定なStorybookのスモークテストはスキップされる。

VI.アップグレード前の準備作業

動く	指示
バックアップ	利用するアップドラフトプラスまたはスナップショットをホストして、完全なコピーを保持する。
互換性の確認	テストサイトでGutenberg 20.9を有効にし、テーマとプラグインが正しく動作することを確認。
カスタマイズのクリーンアップ `<メイン`	テーマテンプレートが複数の `<メイン`タイムリーな調整のための提言
ドキュメントの更新	開発チームはREADMEをヘルプマニュアルと同期させ、新しいパラメーターやインターフェースの変更について説明する必要がある。

Gutenberg 20.8 / 20.9 技術的アップデートの概要

フォーム	更新情報	説明
🔧 機能強化	`--テキストドメイン` パラメーター	`クリエイト・ブロック` CLIツール追加。多言語サポートの促進
	カスタム次/前テキスト	ガイドコンポーネントボタンテキストカスタマイズ
	ポップアップウィンドウの仮想充填	視覚体験を高めるために、ポップアップ・ウィンドウ・ステッカーを避ける
	テンプレート交換検索機能	テンプレート一覧はキーワード検索に対応
	ウィジェット・ロック・コントロール	ウィジェットの編集を許可するかどうかの制御
	インサーターフォーカスホールド	フォーカスが外れてもインサータが自動的に閉じなくなった
	Metaframe分割画面の最適化	デスクトップのiframeモードのみでの分割画面
新しい API / コンポーネント	`HTMLElementControl`	カスタムを扱う新しいコンポーネント HTML要素オプション
バグ修正	ServerSideRenderの最適化	利用する `使用コールバック` データ・ロード・ロジックのリファクタリング
	複数のブロック互換性の修正	画像ブロック、作者ブロック、ナビゲーション・サブメニューなどに対する警告。およびエラー処理
	カレンダーブロック	HTML編集のサポートを無効にする
	メディアURLリグレッションの修正	ローカルパスの入力を許可する
	ブロック・マージ制限	無効モードでのブロック・マージの動作
	FontSizePicker のクラッシュ処理	フォントサイズのデータが欠落している場合のエラーの回避
	ツートーンボタンのロジック修正	設定をキャンセルできない問題を修正
	`useCustomUnits` デフォルト値	変化を避ける `ALL_CSS_UNITS`
	SVGの最適化	レスポンス向上のため、width属性とheight属性を削除
	両側フレーム視覚障害	`アイテムグループ` 最後の焦点最適化
⚙️ パフォーマンスの最適化	著者情報の読み込み遅延	コンテンツエディターの初期レンダリングパフォーマンスの向上
	最新のポストブロック最適化	遅延レンダリングを制御するために必要なフィールドのみをクエリする
📚 文書の更新	`クリエイト・ブロック` ドキュメンテーション補足	README 追加 `--テキストドメイン` 実例
	`setAttributes` 更新内容	明示的な関数がサポートするWordPressのバージョン
	ブロック・バインディング制限説明	メタフィールドの制限に関する記述を追加する。
	チュートリアル・コードの修正	インポートの欠落と冗長な@returnタグを修正。
テストとCI	ストーリーブック試験スキップ	スモークテストのブロッキングを避けるための安定性調整
	ペースト・ブロック・スタイル・テスト	リスト・ビューのキーボード・ペーストのエンド・ツー・エンドのテストを追加
	`ポリフィル` シングルテスト修正	スクリプトの依存関係の読み込み失敗の処理
💡 コードの品質	Stylelintフォーマットの移行	メンテナンスを容易にするため、JSONからJSへの変更
	`テーマ.json` 属性順序の正規化	構造的一貫性の強化
	条件セレクタの簡素化	簡単にする `useHasBlockToolbar` 内部ロジック

短い

20.8対20.9 定期的なマイナーリリースではありますが、アクセシビリティの問題を解決することに重点を置き、テンプレートや検索ボードの実用的な改善をもたらしました。アップグレード後は、開発者とコンテンツ編集者の両方が、よりスムーズなプロセスとエラーの減少を体験できるでしょう。

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