Gutenberg 22.4アップデートが大爆発：コラボレーションのデフォルトが稼動、ブロックエディタがオーバーホール！

1.バージョン概要

Gutenbergプラグインは GitHubの22.4.0と22.4.1 更新ログ。全体的なペース配分は明確

22.4.0は、機能性とエクスペリエンスの面で大きなリリースであり、多くの新機能追加と機能強化が施されている。
22.4.1は、スタイルエンジンの境界に関する問題の修正に焦点を当てたマイナーパッチリリースです。

1.1 22.4.0のコアの方向性

アップデートのエントリーを見ると、主に3つのことをしていることがわかる：

共同編集は実験から既定の経験へ
ブロックライブラリとエディタのユーザビリティ、アクセシビリティ、レンダリング構造の継続的な最適化
UIコンポーネントシステム、DataView/DataForm、ツールチェーンがより完全になり、テーマ/プラグイン開発に便利になりました。

1.2 22.4.1の位置づけ

22.4.1 "コード品質 "に関連する修正は1つだけで、これは典型的な安定性パッチです。スタイル宣言の生成時に異常な動作が発生しないように、フォントパラメータの欠落を処理するスタイルエンジンのロジックを修正しました。

2. 22.4.0 新機能：共同編集をデフォルトのエクスペリエンスに追加

変更履歴にある「リアルタイムのコラボレーション」という項目が重要だ。コラボレーション編集機能は、実験的なものからデフォルトのGutenbergエクスペリエンスになった。
それはつまり

将来的には、より多くのユーザーが、エディターでより自然にマルチプレイヤーコラボレーション機能に触れるようになるだろう
チームでのコンテンツ制作（編集、運用、レビュー）は、「オンライン・ドキュメント・ベース」のワークフローにより密接に連携することができる。
サイト管理者にとっては、権限、ドラフトフロー、コンテンツロック、コンフリクト処理など、コラボレーション関連のプロセス仕様がより重要になります。

3.ブロックライブラリーの改善：「動く」から「スムーズ」へ

22.4.0のブロックライブラリーのエントリーは非常に密度が高く、ハイライトはいくつかのカテゴリーに分類できる。

3.1 行間サポート

ブロックライブラリに「行間サポート」を追加。タイポグラフィサイトに便利です：

見出し、段落、リストの視覚的リズムのコントロールが向上。
テーマは、そのベースをカバーするために多くのカスタムCSSに依存する必要はありません。
また、多言語サイトにとってより友好的であり、言語間の文字密度の違いがより容易にバランスされる。

3.2 タイトルレベルのバリアント

タイトルレベルのバリアントを追加」はブロックライブラリに表示されます。これは

見出しは、H2/H3の意味的な選択であるだけでなく、一貫した視覚的階層をより迅速に適用する。
コンテンツ構造を標準化する際の時間を節約し、手作業によるフォントサイズやスペーシングの調整頻度を減らす。

3.3 リンクピッカーとパンくずフィルター

今回のアップデートでは、LinkPickerコンポーネントについて言及し、パンくずナビゲーション（block_core_breadcrumbs_items）にフィルタを追加した。これらの変更は、どちらかというと「スケーラビリティ」の側面が強い：

複雑なナビゲーション、ジャンプ戦略、トラッキングパラメータルール、コアコードを変更することなくカスタマイズが可能なフィルターがあるサイト。
LinkPickerの改良により、「リンクの選択」がより一貫したものになり、さまざまなセクションにまたがって分断されることがなくなります。

3.4 HtmlRenderer: 冗長なdivの値を整理する

更新のいくつかは HtmlRenderer を指しており、冗長な div ラッパーの削除を強調しています。これらの「目に見えない」変更を過小評価しないでください：

フロントエンドのDOMをクリーンにし、CSSのカバレッジの穴を減らす
より安定したレンダリング構造と、サードパーティのスタイル/スクリプトとのより良い互換性
パフォーマンスと保守性も通常より安定している（特に長いページや複雑なテンプレートで）。

3.5 ダイナミック・ブロック・アンカー・サポート

ブロック・ライブラリには、「ダイナミック・ブロックのアンカー・サポートを追加する」といった項目もある。カタログやジャンプ、長いテキストの構造化には欠かせない：

コンテンツ・ページでは、段落をもっと確実にスキップできるようにしてほしい。
また、SEOの読みやすさやユーザーのリテンション（ユーザーが目的の段落に到達するのが早くなる）にも役立つ。

4、ブロックエディター体験：パネル、入力、レイアウトがより詳細に

変更履歴の「ブロック・エディター」セクションには、日常業務に直接影響する点が数多く含まれている。

4.1 autoComplete: ブラウザのオートコンプリートを制御する

ブラウザのオートコンプリートをブロックするためのautoCompleteプロパティを追加しました。共通のバリューポイント：

エディターの入力ボックスの中には、ブラウザーによって「入力」されたくないものがあります。
誤トリガーを減らすため、フォームと設定のUIをよりコントロールしやすくした。

4.2 ツールパネルのスタイルバリアント

"ブロックインスペクター：ツールパネルを使用するスタイルバリアントデザインの更新" この変更は、ゴールは通常です：

より一貫性のある情報アーキテクチャ：スタイル、設定、バリアントへのより良いアクセス
複雑なブロックはセットアップ・エントリーを "隠す "可能性が低い

4.3 allowWrap: 柔軟なレイアウトでより大きなコントロールを

allowWrapオプション（フレキシブルレイアウト用）はレイアウト関連のアップデートに表示されます。これはよくある問題を解決します：

昔は、「改行／非改行」を得るためにCSSに頼らなければならなかった。
エディターで組版ルールを直接コントロールする可能性が高くなり、テンプレートの再利用がより安定するようになった。

4.4 視認性の合図とコントロール

また、インスペクターへの隠しブロックの表示ヒントの追加、ContentOnlyControlsの改善など、「誤用を減らす」方向でのアップデートにも言及している：

ユーザーは、ブロックが表示されない理由を知る可能性が高くなる。
編集時の明確なステータス・フィードバック

5, DataView / DataForm: バックエンドのデータ体験は反復し続ける

変更履歴にある "Data View "のアップデートは非常に焦点が絞られており、チームがデータリスト／管理インターフェイスの機能を磨き続けていることを示している。

5.1 レイアウトとグループ化が設定可能

アイコンレイアウトにボトムセレクターとスタイルを追加
groupBy.showLabelを追加し、グループ・タイトル・ラベルの表示をコントロールする。
これにより、データビューは「情報の密集表示」と「より新鮮な外観」の間でより自由に切り替えられるようになる。

5.2 フィルターの状態保存はむしろ "使えるツール"

最近使用したフィルターが40であることを確認する」のようなアップデートは実用的である：

管理者はフィルター基準を何度もリセットする必要がない
データ運用、コンテンツ運用のワークフローをよりスムーズに

5.3 日付時刻フォーマットとインタラクティブ・クリーンアップ

日付と時刻の書式設定や、ホバー・アクション・ボタンによるテーブル行のフォーカス選択解除などの実装方法について説明します：

注意散漫を減らし、リスト操作の確実性を高める
交流を "派手 "から "効率的 "に変える

5.4 レイアウトカードのカード化とフィールド・カラー・マッチング

DataFormのLayoutCardがカードレイアウトに調整され、DataViewsのリストフィールドの色が更新される：

スキャンのしやすさ
複雑な分野、複数の州にまたがるバックオフィスのシナリオに適している。

6、開発とメンテナンス層の強化：コンポーネントシステムとスタイルベースは、より成熟した。

22.4.0には、多数のUIコンポーネントとエンジニアリング・エントリーが機能強化に含まれています：

フィールド、入力、フィールドセット、アイコン、ボタン、その他の基本コンポーネントを追加します。
スタイル変数を@wordpress/base-stylesで管理し、パッケージ間での重複宣言を減らす。
Stylelintがデザイントークンチェック機能を追加
Theme_JSON_Resolver、wp-env、Storybookなども更新されました！
この種の変更は、開発者にとって重要である。コンポーネントが均一であればあるほど、プロジェクト横断的な再利用が安定し、メンテナンス・コストが下がる。

7. 22.4.1 修正点：より安定したスタイルエンジン

22.4.1の修正は、フォント関連のパラメータが正しく渡されない場合、スタイルエンジンがスタイル宣言の追加フェーズで早期に終了し、誤った継承や無効な宣言を回避して安定性を向上させることを意味すると解釈できます。

8.アップグレードのための提案：オンラインに行く前に、このリストに目を通してください。

編集経験：行間、ヘッダーバリアント、隠しブロックのヒント、リンクセレクタのテストに注力
テーマスタイル：カスタムブロックスタイル、theme.json設定、グローバルスタイル変数が影響を受けるかどうかをチェックする。
カスタムブロック/プラグイン：特定の DOM 構造に依存している場合は、HtmlRenderer 関連の div のクリーンアップに集中する。
データ管理インターフェイス：フィルタリング、グループ化、日付と時刻の表示のための実際のデータでDataViewを実行します。
リリース方法：まずテストサイト／プレリリース環境でアップグレードを行い、その後、ロールバックが可能であることを確認するため、少量のトラフィックで本番稼動を行う。

概要

グーテンベルク 22.4.0は「機能の実装＋経験の洗練＋エンジニアリングの洗練」の組み合わせだった。共同編集がデフォルトになり、ブロックライブラリが使いやすくなり、エディターがよりコントロールしやすくなり、DataViewがより本格的なバックエンドツールになった。22.4.1ではスタイルエンジンのボーダーラインケースを小さな修正でパッチし、同じラインの安定版リリースへのアップグレードに適したものになった。同じラインの安定版リリースにアップグレードするには良いタイミングです。

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