Gutenberg 21.7.0最新アップデート:編集エクスペリエンスがフルアップグレード

グーテンベルク 21.7が9月24日にリリースされ、WordPressエディタが全面的にアップグレードされました。このリリースは、以下の最適化に重点を置いている。 コマンドパネルとデータビュー強化された データフォームコントロール 検証や相互作用の経験を拡張する。 グローバルスタイル加えて、フォームの要素を全体的なデザインとの整合性を高めました。同時に、多くのバグが修正され、パフォーマンスとアクセシビリティがさらに向上しました。下部では、エディターが進化し続けています TypeScriptの移行将来へのスムーズな移行のために リアクト19 基礎固め。Gutenberg 21.7では、コンテンツ制作者と開発者の両方が、よりスムーズで効率的、安定したワークフローを体験できるでしょう。

画像[1]-Gutenberg 21.7 Heavy Update: WordPress Editor Experience Overall Upgrade

I. コマンドパネルとグローバル操作がより便利に

この新バージョンでは、コマンドパネルがさらに強化された:

  • カスタムCSSコマンド はコアコマンドパッケージに移動され、サイト編集時の起動が速くなりました。
  • メニューナビゲーション 登録 コアメニューAPIの実装に基づき、開発者はより統一された方法でサイトメニューを管理することができます。
  • すべてのスクリーンに対応 ナビゲーション・コマンドコマンドは編集ページとコンフィギュレーション画面の両方で直接呼び出すことができる。
画像[2]-Gutenberg 21.7ヘビーアップデート:WordPressのエディタ体験が完全にアップグレードされた

これは、サイト管理がより直感的になり、編集プロセスが単一のインターフェースに限定されなくなることを意味する。

次に、データビューとDataFormの包括的なアップグレードです。

今回のリリースでは、DataViewsが大幅に改良され、以下のようなハイライトがある:

  • バッキング カラーフィールド、データセレクター、パスワードフィールドデータ管理をより直感的にする。
画像[3]-Gutenberg 21.7 Heavy Update: WordPress Editor Experience Overall Upgrade
  • データフォーム・コントロールの強化単一選択、ドロップダウン、複数選択グループは、すべてバリデーションと説明をサポートしており、eコマースやフォームのシナリオに適しています。
  • 追加 URLと電話番号フィールドまた、メールや電話のコントロールにアイコンを追加し、より使いやすいインターフェイスを実現しました。
  • ブーリアンフィールド トグルUIから、より直感的なチェックボックスUIに変更。
  • 日付と時刻のコントロール 入力ミスを減らすため、カレンダーベースのセレクションを採用。
  • 取り込む groupBy リストレイアウト とともに ラインレイアウト複雑なデータ表示に適している。

ユーザーにとっては、フォームやデータ表示が大幅にコントロールしやすくなり、開発者にとっては、拡張性や保守性が向上する。

III.ブロックライブラリとライティングモデルの最適化

ブロックライブラリーの追加と調整のハイライト:

  • ナビゲーションリンク ページ追加」ボタンが「ページ作成」に変更され、書き込みモードで直接表示されるようになり、階層切り替えの必要性が減りました。
画像[4]-Gutenberg 21.7 Heavy Update: WordPress Editor Experience Overall Upgrade
  • カタログ・ブロック・ツールバー より簡単で迅速な組版のために更新された。
  • 節検索ブロック New, Order and Order Byコントロールが統合され、より簡潔な操作になりました。
  • アコーディオンブロック BlockGapのサポートにより、ユーザーはコンテンツの間隔を簡単に調整できる。

ライティングモードでは、ナビゲーションのページ追加ボタンが追加され、クエリのサブアイテムの公開日を非表示にすることができるようになりました。これらの変更により、ライティング体験が実際のニーズに近づきました。

IV.ブロックバインディングとエディターの改良

新バージョンでは、ブロックバインディングとエディターにもいくつかの最適化が施されている:

  • 追加 block_bindings_supported_attributes フィルタより多くの属性バインディングをサポートする。
  • 画像ブロックは、caption属性が
    コンテンツの一貫性を高める。
  • 空のブロックシナリオにおけるインサータの表示ロジックは、より理にかなっており、不必要な干渉を避けることができる。

同時に、エディターはタグとローカリゼーションに最適化され、多言語でのサイト体験を保証します。

V. グローバル・スタイルとパフォーマンスの最適化

  • グローバル・スタイルのカバー範囲を拡大サイトエディターには常に「CSSを添付」ボタンが表示され、フォーム要素は完全にグローバルスタイルコントロール下に置かれます。
画像[5]-Gutenberg 21.7 Heavy Update: WordPress Editor Experience Overall Upgrade
  • BorderRadiusプリセットの修正テーマの互換性を向上させるため、不正な変数名を生成しないようにしました。
  • コアウェブ・バイタルの最適化冗長なコードやアニメーションを減らすことで、読み込みのパフォーマンスを向上させます。

ウェブマスターにとって、グローバルで統一されたスタイルは、より一貫したスタイルとメンテナンスのしやすさを意味する。

VI.バグ修正とアクセシビリティの向上

このアップデートでは、エクスペリエンスに影響を及ぼしていた多くの問題が修正された:

  • ポップアップスクロールフックのスクロール例外を修正。
  • フォームコントロールの色変数の取り扱いを最適化。
  • より安定したエディターとなるよう、古い挿入点の参照を修正。

アクセシビリティの向上という点で

  • n more replies "のテキストがクリック可能になり、コメント欄へのアクセス性が向上した。
  • コメント欄サポート テキストエリアの自動サイズ入力体験はより良い。
  • 公開された記事でインラインコメントを有効にするサポートと、解決されたコメントを再度開く機能が追加されました。

これらの改善により グーテンベルク より実際のコンテンツ・コラボレーション・シナリオに近い。

VII.開発者と根本的な強化

  • 新規導入 useCommands API開発者は、より現代的な方法でコマンドを呼び出すことができる。
  • 大量のモジュールが タイプスクリプト将来のReact 19へのアップグレードにも対応できる。
  • 不要なJSファイルをスリム化し、読み込み負荷を軽減。
  • テストに関しては、新機能の安定性を確保するために、新たな自動化テストとエンド・ツー・エンドのテストが追加された。

これは次のようになる。 ワードプレス 会社の長期的な発展は、強固な技術的基盤を築いた。

まとめ

今回のGutenbergアップデートは、単なるマイナーフィックスではなく、エクスペリエンスの全面的な最適化だ。エディターにとってはよりスムーズなライティングとレイアウト、デベロッパーにとってはより強力なAPIとTypeScriptのサポート、そしてユーザーにとってはより高速な読み込みとより使いやすいインタラクションなど、誰もが恩恵を受けることができる。

このアップデートにより、Gutenbergはより成熟し、WordPressエディタは効率的で安定した、将来性のある段階へと移行しつつある。


お問い合わせ
チュートリアルが読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ!
カスタマーサービス WeChat
カスタマーサービス WeChat
電話:020-2206-9892
QQ咨询:1025174874
Eメール:[email protected]
勤務時間: 月~金、9:30~18:30、祝日休み
© 複製に関する声明
この記事はWoWによって書かれた
終わり
好きなら応援してください。
クドス2546 分かち合う
wajiguaのアバター - Photon Fluctuations|WordPress 修理サービス、プロフェッショナル、ワールドワイド、迅速対応
解説 ソファ購入

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

    コメントなし