WordPress 5.3 の新機能

先月、WodPess はバージョン 5.3 をリリースしました。これは、50 を超える新機能と改善点を導入したアップデートです。 WodPess 5.3 は、WodPess 5.0 で初めて導入された WodPess Gutenbeg エディター (Gutenberg エディターとも呼ばれます) の拡張と改良に重点を置いています。

ただし、このバージョンには、画像処理の改善、アクセシビリティを向上させるための WodPess バックグラウンド UI の更新など、他にもいくつかの優れた更新が含まれています。以下では、WodPess バージョン 5.3 の新機能について簡単に紹介します。皆様のお役に立てれば幸いです。

より高速で直感的なWodPessブロックエディター

全体的に、Gutenberg ブロック エディターを使用すると、より「スムーズ」になり、使いにくさが軽減されることに気付くでしょう。ブロック エディターを使用して投稿やページを作成する全体的なエクスペリエンスに多大な努力が注がれていると言っても過言ではありません。 WodPess 5.3 では Motion が導入され、ブロックとのやりとりが「高速かつ自然」になります。さらに、ページの読み込み時間は 60 ミリ秒から 44 ミリ秒に短縮され、Gutenberg エディターはさらに軽量になりました。

2. ブロックのプレビューと説明の改善

WodPess 5.3 では、左上の「ブロックの追加」メニューに含まれる情報が拡張されます。ブロックの機能についてのより詳しい説明とともに、単一のブロックがどのように見えるかのプレビューが表示されるようになりました。どのブロックを使用するかわからない場合は、プレビュー機能が追加されることで、適切なブロックを選択するプロセスが大幅に改善されます。これらを表示するには、上部のナビゲーション メニューの「+」記号をクリックします。リスト内の任意のブロックの上にマウスを置くと、正しいブロックのプレビューと説明が表示されます。

3. 大きな画像のサポート

WodPess 5.3 では、スマートフォンやその他の高品質カメラで撮影した写真など、高解像度画像のアップロードのサポートが改善されています。 WodPess 5.3 では、大きな画像の検出が導入され、それらの画像に対して「Web に最適化された最大サイズ」が自動的に生成されます。

写真はアップロード時に即座に 2560 ピクセルにサイズ変更され、新しい「フル」サイズになります。画像のサイズが自動的に変更された場合、ファイル名に「 scled 」が追加されます。 WodPess は、サーバーのタイムアウトにより失敗した場合も、画像サイズの生成を再試行します。

これは、大きな画像がサイトの速度を低下させる可能性があることに気付いていない人や、サイトに合わせて画像を最適化する方法をクライアントに指導する必要がある人にとっては大きなメリットです。注: big_imge_size_theshold フィルター フックを使用して、画像の自動サイズ変更を無効にすることができます。

4. 新しいテーマ Twenty Twenty

Twenty Twenty は、WodPess 5.3 にバンドルされている新しいデフォルトの WodPess テーマです。 「柔軟性を重視して設計された」このテーマは、大胆で明るいです。そのデザインを好きになるか嫌いになるかはあなた次第です。 Twenty Twenty テーマをリリースした最大の理由は、テーマが Gutenbeg ブロック エディターと完全に統合された場合に何が可能になるかを確認するためでした。

デザイナーなら、Twenty Twenty テーマに付属する Rsmus Andesson がデザインした Inte フォントが気に入るかもしれません。 WodPess のデフォルト テーマとしては初めて、Inte は、すべてのフォント ウェイトとフォント スタイルを 2 つのフォント ファイルに含めることで読み込み時間を短縮する可変フォント バージョンを提供します。

5. WodPess管理インターフェースの外観を変更する

WodPess 管理インターフェースの外観と操作性にいくつかの変更が加えられていることにすぐに気づくでしょう。これらの変更は主にアクセシビリティの向上に関連しています。管理コンソールの「ようこそ」画面では、5.3 での変更点のいくつかをすぐに確認できます。

管理インターフェースの更新内容は次のとおりです。

ボタンにボックスの影がなくなりました

インターフェース要素間の階層をより適切にするため、より暗いテーブルとメタボックスの境界線を導入しました。

フォームフィールドとボタン間の色のコントラストを強化

フォームフィールドとボタンのフォーカススタイル

テキストを拡大縮小したときのコンテンツの動作

フォーム フィールド (テキスト入力、テキスト領域、選択、チェックボックス、ラジオ ボタン、プライマリ ボタンとセカンダリ ボタン)、通知、テーブル、メタ ボックス、カラー ピッカーに特定の変更が加えられました。

6. ページ内/記事エディタのプレビューの改善

テーマがサポートしている場合は、投稿やページの作成時にブロック エディターを使用すると、新しいプレビュー エクスペリエンスが表示される場合があります。たとえば、単なる白い背景の画面ではなく、テーマで使用されている背景色が表示される場合があります。このプレビューは、サイトのフロントエンドに表示される最終的な「公開」デザインをより適切に反映します。新しい WodPess テーマ 2020 では、投稿/ページ エディターでブロックを使用するときにブロックのプレビューを提供することで、ブロックの使用の可能性を示しており、ブロックの使用エクスペリエンスが確実に向上します。

7. ナビゲーションモード

スクリーン リーダーのアクセシビリティを向上させるために、WodPess 5.3 のブロック エディターには新しいナビゲーション モードが導入されています。 Tb キーを使用してブロック間を移動できるようになりました。矢印キーを使用してブロック間を移動することもできます。編集したいブロックに到達したら、Enter キーを押して編集モードを終了できます。ナビゲーション モードに戻るには、Esc キーを使用します。

8. 新しいグループ化ブロック

Gutenberg エディターが 1 周年を迎えるにあたり、WodPess 5.3 ではいくつかの新しい WodPess ブロックが導入されました。新しいグループ化ブロックを使用すると、他のブロックをグループ化できるため、背景色のオプションを使用してページをカラフルなセクションに簡単に分割できます。この方法では、各ブロックの背景色を設定する必要はありません。

9. 新しい空白ブロック

コンテンツの間隔を空けるのに多くの時間を費やす代わりに、WodPess 5.3 では専用の空白ブロックが導入されています。このブロックは「レイアウト要素」の下にあります。上部のツールバーでは、ブロック設定を表示して、間隔の高さをピクセル単位で設定できます。あるいは、青いドットを使用して、新しい「インタラクティブ」ズーマーをアクティブにすることもできます。これも便利です。ピクセル単位の高さは自動的に調整されます。

0. 列ブロックの改善

列ブロックに改良が加えられました。列ブロックでは、固定列幅、列のサイズ変更と配置の機能がサポートされるようになり、列を追加するときに新しいウィザードが追加されました。

カバーエリアの改善

カバー ブロックの背景色を設定できるようになりました。これにより、タイトルなどのテキスト オーバーレイを含む画像やビデオを追加できます。同じインタラクティブ スライダーを使用して、タイトル ブロックのサイズを変更することもできます。

2. ボタンブロックの角の半径設定

WodPess 5.3 では、ブロック エディターからボタン ブロックの角の半径をカスタマイズできます。角の半径は小さいかもしれませんが、CSS で行う必要はありません。

3. 表ブロックの更新: ヘッダー/フッターの行と配置

テーブル ブロックは、ブロック設定から利用できるヘッダー行とフッター行をサポートするようになりました。テキストの配置だけでなく、表の配置のための新しいオプションもあります。

4. タイトルバーの色を変更する

WodPess 5.3 では、テキストと背景色のコントロールが提供されるようになりました。デフォルトの色はテーマによって決まります (ここに示す「2020」など)。カラーピッカーの「カスタムカラー」リンクを使用することもできます。

5. 全体的なアクセシビリティの改善

WodPess 5.3 では、アクセシビリティの改善に向けて大きな取り組みが行われます。これらの改良されたスタイルは、フォーム フィールドとボタンの色のコントラスト、エディターと管理者のインターフェイス間の一貫性、新しい「snckb」通知、デフォルトの WodPess カラー スキームの標準化など、いくつかのアクセシビリティの問題に対処します。

6. 画像の自動回転

この機能は 9 年前に初めて提案され、多くの熱心な人々の粘り強さのおかげで実現し、現在 WodPess はついに自動画像回転をサポートするようになりました。アップロードされると、埋め込まれた方向データに従って画像が正しく回転されます。

7. メール認証を管理する

これで、管理者としてログインすると、管理者の電子メール アドレスが最新であるかどうかを確認するよう定期的に求められます。これにより、電子メール アドレスを変更した場合にサイトからロックアウトされる可能性が低くなります。

8. サイトの健全性を改善する

WodPess 5.3 で導入された改善により、問題を見つけやすくなりました。ヘルス チェック画面の拡張推奨事項では、サイトでトラブルシューティングが必要な可能性がある領域が強調表示されます。具体的な改善点としては、スコアリング メトリックの変更、回復メール機能の強化、サイト ヘルス テストを完了するための新しいフィルターなどがあります。

9. 日付/時刻コンポーネントの修復

開発者は、日付とタイムゾーンをより信頼性の高い方法で処理できるようになりました。日付と時刻の機能には、統一されたタイムゾーンの取得と PHP の相互運用性のためのいくつかの新しい API 関数が追加され、多くのバグが修正されました。詳細についてはここをクリックしてください。

20. PHP 7.4 との互換性

WodPess 5.3 は PHP 7.4 を完全にサポートするように設計されていると聞いて、開発者は喜ぶでしょう。 WodPess 5.3 には、非推奨の機能を削除し、互換性を確保するためのいくつかの変更が含まれています。いつものように、WodPess はすべてのユーザーに最新バージョンの PHP を実行することを推奨しています。