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

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

畫像[1]-Gutenberg 20.8と20.9のアップデートのハイライトを簡単に説明する。

I. 全體概要

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

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

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

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

畫像[2] - Gutenberg 20.8と20.9アップデートのハイライトを簡単に説明する。

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

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

ハイライト分析

  • 検索ブロックの刷新: アイコンのサイズやボーダーのスタイルなど、複數の場所に散らばっていた設定項目が、インスペクタ?パネルの上部に集約され、より少ないステップで設定できるようになりました。
畫像[3] - Gutenberg 20.8と20.9アップデートのハイライトを簡単に説明する。

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

畫像[4] - Gutenberg 20.8と20.9アップデートのハイライトを簡単に説明する。
  • テンプレート?エクスチェンジ?サーチ 2.0: ネイティブテンプレートやカスタムテンプレートは検索?取得が可能で、複雑なサイト管理の効率が大幅に向上します。
畫像[5] - Gutenberg 20.8と20.9アップデートのハイライトを簡単に説明する。

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

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

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.アップグレード前の準備作業(yè)

動く指示
バックアップ利用する アップドラフトプラス またはスナップショットをホストして、完全なコピーを保持する。
互換性の確認テストサイトで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 屬性順序の正規(guī)化構造的一貫性の強化
條件セレクタの簡素化簡単にする useHasBlockToolbar 內部ロジック

短い

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


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

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

    コメントなし