WordPress 6.5「Regina」: パフォーマンスのアップデート、新しいフォント ライブラリ機能など
公開: 2024-04-04WordPress 6.5「Regina」がリリースされました！
受賞歴のあるアーティストであり、著名なジャズ教育者でもあるレジーナ カーターにちなんで名付けられた 6.5 は、2024 年最初の大きなアップデートであり、非常にエキサイティングなアップデートであると言っても過言ではありません。
WordPress 6.5 を一言で説明するなら、次のようになります。
「この最新バージョンの WordPress では、細部にまで力が注がれています。」
「Regina」は、サイト構築エクスペリエンスを微調整して強化し、パフォーマンスを大幅に向上させるための新しく改良された方法を提供し、画期的な開発者ツールの導入を示します。
最も重要なハイライトを確認してみましょう。
何百ものパフォーマンスアップデート
正確に言うと、110 以上のパフォーマンス更新がコアにマージされています。
以前の 2 つのバージョン (6.4 と 6.3) では、いくつかの印象的な新機能と Web パフォーマンスの向上が導入されました。
- ブロック テーマの LCP (Largest Contentful Paint) および TTFB (Time to First Byte) スコアの改善
- fetchpriority="high"のサポート
- スクリプト読み込み戦略の紹介
Core Performance チームの大規模な取り組みに基づいて、WordPress 6.5 では AVIF サポートが導入されました。
AVIF は、JPEG、PNG、さらには WebP などの「従来の」形式と比較して、画質と圧縮が大幅に強化された次世代の画像形式です。 AVIF 画像は、画質を犠牲にすることなく、JPEG と比較してファイル サイズを最大 50% 削減できます。
AVIF 画像は同等の JPEG よりも大幅に小さいため、必然的にページの読み込み時間が速くなり、送信帯域幅が少なくなります。
さらに、AVIF 画像は、応答性の高い画像、フェッチ優先度、および遅延読み込みの利点をすべて享受できます。
この形式はすべての主要なブラウザでサポートされているため、今すぐ使用を開始できます。
出典: caniuse.com
さらに、「Regina」で導入されたパフォーマンスの向上のほとんどは、投稿エディターとサイト エディター全体の速度と効率の大幅な向上に関連しています。
実際、6.5 リリースチームは次のように主張しています。
驚くべき改善が見られます。
すべての画像を次世代形式に自動的に変換します。 今すぐ NitroPack をインストールしてください →
フォント ライブラリの紹介
フォント ライブラリは、WordPress 6.5 リリースでついに正式デビューします。
これにより、ユーザーは、ブロック テーマのローカル フォントや Google フォントをサイト全体で簡単にインストール、削除、アクティブ化できるようになります。
出典: ワードプレス
フォント ライブラリを管理するには、サイト エディター ([外観] » [エディター]の下にあります) を開き、 [スタイル]パネルに移動します。そこに移動したら、 「タイポグラフィ」を選択して、WordPress テーマに現在含まれているフォントを表示します。
フォント ライブラリの優れた点は、サイトでカスタム フォントを使用するためだけにタイポグラフィ プラグインをインストールする必要がなくなったことです。
強化されたブロックエディター
WordPress の各リリースでは、ブロックエディターに無数の新機能が導入されます。
明らかに 6.5 も違いはありません。時間を大幅に節約できるため、これらの改善点のいくつかに注目するとよいでしょう。
よりスムーズなドラッグ アンド ドロップ
リスト ビューで移動されたアイテムなどの視覚的なインジケーターや、最初から最後までワークスペース内の任意の場所に簡単にアイテムを配置できるスムーズなドラッグ機能などを利用して、アイテムを再配置するときの変化を体験してください。
リンクコントロールの改善
リンク挿入ポップアップ (リンク コントロール) は、WordPress 6.5 で大幅に変更され、より使いやすくなりました。
まず、ブログとフロント ページが異なるアイコンで強調表示されるようになりました。
出典: WP ビギナー
次に、リンクを挿入したら、それをクリックすると、Google ドキュメントの設定と同様の、より適切なコンテキスト メニューが表示されます。
出典: WP ビギナー
最後になりましたが、リンク コントロール パネルでリンクを「nofollow」として設定できるようになりました。
出典: WP ビギナー
新しいドロップシャドウツール
WordPress 6.5 では、画像、列、ボタンのブロックにドロップ シャドウ効果が追加されています。 次のことが簡単にできるようになりました。
- グループ ブロックの背景画像のサイズ、繰り返し、焦点のオプションを制御して、レイアウトに視覚的な面白さを加える微妙な方法や派手な方法を検討できます。
- カバー ブロック画像のアスペクト比を設定し、選択した画像から自動的にカラーを供給するカラー オーバーレイを簡単に追加します。
- より多くのブロック タイプにボックス シャドウ サポートを追加して、視覚的に深みのあるレイアウトを作成したり、デザインに少し個性を加えたりできます。
カバーブロック用のスマートオーバーレイ
WordPress 6.5 では、カバー ブロックが気の利いた機能でアップグレードされ、ブロックに適用する画像や色を補うオーバーレイ カバーが自動的に選択されます。
さらに、シンプルなスライダーを使用して、デザインのニーズに合わせてオーバーレイの不透明度を調整できます。
出典: WP ビギナー
6.5 で導入された改善点の完全なリストを確認するには、公式ドキュメントを確認してください。
新しい開発者ツール
ブロックエディターと同様に、WordPress の新しいバージョンには常に開発者固有の機能と拡張機能がいくつか追加されています。
最も興味深いものをいくつか紹介します。
プラグインの依存関係
多くのプラグインが純粋に他のプラグインの拡張機能として機能することを考慮すると、新しいプラグインの依存関係機能は、アドオン (依存関係) とそれらが依存するプラグイン (依存関係) のインストールとアクティブ化のプロセスを一貫して簡単にすることを目的としています。
プラグイン開発者は、プラグイン情報に「Requires Plugins」ヘッダーを含めて、必要なプラグインのスラッグをカンマで区切ってリストできるようになりました。 この追加により、ユーザーはこれらの必要なプラグインを最初にインストールしてアクティブ化するための直接リンクを提供します。
インタラクティブAPI
インタラクティブ API は、開発者にインタラクティブな要素をブロックのフロントエンドに組み込むための統一された方法を提供します。
このフレームワークは、開発者が魅力的で動的なユーザー インターフェイスを構築するプロセスを簡素化するように設計されています。 カウンターやポップアップ ウィンドウなどの基本的な要素から、インスタント ページ遷移、ライブ検索、ショッピング カート、チェックアウト プロセスなどの高度な機能まで、さまざまな機能がサポートされています。
さらに、ブロック間でデータ、アクション、コールバックを交換できるため、異なるブロック間の対話が合理化され、エラーの可能性が軽減されます。
ブロックバインディングAPI
新しいブロック バインディング API により、開発者はカスタム ブロック コードを作成することなく、コア ブロックをさまざまなデータ ソースにリンクできるようになりました。
この機能により、投稿のメタデータから情報を取得する段落ブロックや、プラグインの PHP アルゴリズムからデータを取得する見出しブロックなどの要素のバインドが可能になります。これらはすべて、React を使用したり、ブロック登録の複雑さをナビゲートしたり、アクセスしたい新しいデータ ソースごとにカスタム ブロックを最初から作成する方法について詳しく説明します。
まとめ
これは、最新の WordPress アップデートで導入されたすべての改善点の完全なリストではありません。
発表ブログ記事には他にも次のような新機能が多数含まれています。
- 改善されたリビジョン
- 新しいデータビュー
- 更新された設定パネル
- サイトエディターの変更
- もっと
これらはすべて、WordPress 6.5 をダウンロードする完璧な理由です。
いつものように、事前に Web サイトをバックアップすることを忘れないでください。Core Web Vitals をクリアしてサイトのパフォーマンスを向上させたい場合は、NitroPack をインストールしてください。