WordPress 5.3の概要:トップ20の新機能と改善点

公開: 2019-11-15

WordPress 5.3は2019年11月12日にリリースされる予定です。この拡張機能に焦点を当てたアップデートでは、150を超える新機能と改善点が導入されているため、上位20に絞り込みました。この投稿では、このバージョンの新機能について説明します。あなたが準備できるようにWordPressの。

ワードプレス5.3

更新する前に:サイトのバックアップを忘れないでください!

WordPressのメジャーアップデートを実行する前に、必ずWebサイトをバックアップしてください。

BackupBuddyのようなWordPressバックアッププラグインを使用して、完全なWebサイトバックアップを実行します。 サイト全体のこのバックアップには、WordPressデータベース、WordPressファイル、テーマ、プラグイン、メディアライブラリなどが含まれている必要があります。

WordPress 5.3:トップ20の新機能と改善点

WordPress 5.3“ Kirk”は、WordPress5.0で最初に導入されたブロックエディターとしても知られるWordPressGutenbergエディターの拡張と改良に明確に焦点を当てています。 より注目に値する新機能と改善点のほとんどは、グーテンベルクと関係があります。 それでも、このリリースには、画像処理の改善、アクセシビリティを向上させるWordPress管理UIの更新など、他にも優れた追加機能がいくつかあります。

1.より速く、より直感的なWordPressブロックエディター

全体として、ブロックエディタを使用すると、より「スムーズ」に感じられ、使用するのがそれほど不格好ではないことに気付くでしょう。 ブロックエディタを使用して投稿やページを作成する全体的なエクスペリエンスを改善するために多大な努力が払われたことがわかります。 WordPress 5.3では、ブロックとの対話を「迅速かつ自然に感じる」ようにするMotionが導入されています。 さらに、ページの読み込みが60ミリ秒から44ミリ秒に短縮されたため、ブロックエディタは大幅に軽量化されました。 それはそうではないように見えるかもしれませんが、ミリ秒は重要です。

電子ブックをダウンロードする:
WordPress5.0とグーテンベルクブロックエディターの究極のガイド
ダウンロード中

2.ブロックのより良いプレビューと説明

WordPress 5.3は、左上の「ブロックの追加」メニューに含まれる情報を拡張したものです。 これで、個々のブロックがどのように見えるかのプレビューと、ブロックの機能のより良い説明が表示されます。 この小さな追加により、使用するブロックがわからない場合に適切なブロックを選択するプロセスが大幅に改善されます。 これらを表示するには、上部のナビゲーションメニューの「+」記号をクリックします。 リスト内の任意のブロックにカーソルを合わせると、正しい変更に関する情報が表示されます。

ワードプレス5.3ブロック

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

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

ワードプレス5.3画像のサイズ変更

写真はアップロード時にすぐに2560pxにサイズ変更され、新しい「フル」サイズになります。 画像のサイズが自動的に変更されている場合は、ファイル名に「拡大縮小」が追加されます。 サーバーのタイムアウトが原因で失敗した場合も、WordPressは画像サイズの生成を再試行します。

これは、大きな画像がWebサイトの速度を低下させる可能性があることに気付いていない人や、Webサイトの画像を最適化する方法についてクライアントを教育する必要がある人にとっては大きなメリットです。

注: `big_image_size_threshold`フィルターを使用して、画像の自動サイズ変更を無効にすることができます。

4.新しいTwentyTwentyWordPressのデフォルトテーマ

Twenty Twentyは、WordPress5.3にバンドルされている新しいデフォルトのWordPressテーマです。 「柔軟性を核にデザインされた」このテーマは大胆で明るい。 あなたはそれのデザインを好きか嫌いかのどちらかでしょう。

ワードプレス22テーマ

Twenty Twenty WordPressテーマをチェックする最大の理由は、テーマがGutenberg BlockEditorと完全に統合されたときに何が可能かを確認することです。 開発者はおそらく、テーマファイルを掘り下げて、これがバックエンドでどのように達成されるかを確認したいと思うでしょう。

デザイナーは、TwentyTwentyにRasmusAnderssonによって設計された書体Interが付属していることを理解するかもしれません。 WordPressのデフォルトテーマの最初のバージョンとして、Interは可変フォントバージョンで提供されます。これは、すべてのフォントの太さとフォントスタイルを2つのフォントファイルに含めることで、読み込み時間を短縮します。

5.WordPress管理インターフェースの外観の変更

WordPress管理UIの外観が変更されていることにすぐに気付くでしょう。 これらの変更は、主にアクセシビリティの向上に関係しています。 管理ダッシュボードのようこそ画面は、5.3での変更の一部にすぐに気付く場所です。

ワードプレス5.3UIの変更

管理インターフェースが更新されたいくつかの方法は次のとおりです。

  • ボタンにボックスシャドウがなくなりました
  • インターフェイス要素間の階層を改善するために、より暗いテーブルとメタボックスの境界線が導入されました
  • フォームフィールドとボタンの色のコントラストが強くなります
  • フォームフィールドとボタンにスタイルを集中させる
  • テキストズームでのコンテンツの動作

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

6.より良いページ内/ポストエディタプレビュー

テーマがそれをサポートしている場合は、投稿またはページの作成中にブロックエディターを使用すると、まったく新しいプレビューエクスペリエンスが表示される場合があります。 たとえば、真っ白な背景画面の代わりに、テーマで使用されている背景色が表示される場合があります。 このプレビューは、サイトのフロントエンドに表示される最終的な「公開された」デザインをより適切に反映しています。

ワードプレス5.3ページはめ込みプレビュー

新しいTwentyTwenty WordPressテーマは、投稿/ページエディターでブロックを使用するときにブロックのプレビューを提供することで何が可能かを示し、ブロックの使用体験を確実に向上させます。

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

スクリーンリーダーのアクセシビリティを改善するための別の動きとして、WordPress5.3のブロックエディターに新しいナビゲーションモードが導入されました。 これで、 Tabキーを使用してブロック間を移動できます。 矢印キーを使用してブロック間を移動することもできます。 編集するブロックに到達したら、 Enterキーを押して編集モードに入ることができます。 Escキーを使用して、ナビゲーションモードに戻ります。

WordPressナビゲーションモード

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

ブロックエディターが最初の誕生日を祝うと、WordPress5.3にいくつかの新しいWordPressブロックが導入されました。 新しいグループブロックを使用すると、他のブロックをグループ化できるため、背景色のオプションを使用してページをカラフルなセクションに簡単に分割できます。 このように、各ブロックにアクセスして背景色を設定する必要はありません。

ワードプレス5.3グループブロック

9.新しいスペーサーブロック

WordPress 5.3では、コンテンツの間隔を空けるために何度もリターンキーを押す代わりに、専用のスペーサーブロックが導入されています。 このブロックは「レイアウト要素」の下にあります。 上部のツールバーで、[ブロック設定を表示]を使用して、スペーサーの高さをピクセル単位で設定できます。

ワードプレス5.3スペーサーブロック

または、青い点を使用して、新しい「インタラクティブ」サイザーをアクティブにすることもできます。これもかなりクールです。 ピクセル単位の高さは自動的に調整されます。

WordPressスペーサーブロックリサイザー

10.カラムブロックの改善

Columnsブロックが改善されました。 Columnsブロックは、固定の列幅、列のサイズ変更および列の整列機能をサポートするようになりました。 列を追加するときの新しいウィザードもあります。

ワードプレスの列ブロック

11.カバーブロックの改善

これで、Coverブロックの背景色を設定できます。これは、ヘッダーなどのテキストオーバーレイを使用して画像またはビデオを追加できるブロックです。

ワードプレスカバーブロック

同じインタラクティブスライダーを使用して、ヘッダーブロックのサイズを変更することもできます。

ワードプレスカバーブロックリサイザー

12.ボタンブロックが境界半径を取得

WordPress 5.3では、ブロックエディターからボタンブロックの境界線の半径をカスタマイズできます。 境界線の半径は細かい部分かもしれませんが、CSSを介して行う必要がないことを意味します。

ワードプレスボタンブロック

13.テーブルブロックの更新:ヘッダー/フッターの行と配置

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

ワードプレステーブルブロック

14.見出しブロックの色を変更する

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

ワードプレスの見出しブロック

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

WordPress 5.3には、アクセシビリティの改善のための大きな推進力が含まれています。 これらの改善されたスタイルは、フォームフィールドとボタンの色のコントラスト、エディターと管理インターフェイス間の一貫性、新しい「スナックバー」の通知、デフォルトのWordPressカラースキームの標準化など、多くのアクセシビリティの問題を修正します。

16.自動画像回転

もともと9年前に提案され、多くの献身的な貢献者の忍耐力によって可能になった機能は、今やWordPressが自動画像回転をサポートするようになりました。 アップロード時に、埋め込まれた向きデータに従って画像が正しく回転します。

17.管理Eメールの検証

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

18.サイトの健全性の改善

5.3で導入された改善により、問題の特定がさらに簡単になります。 拡張された推奨事項は、ヘルスチェック画面からサイトでトラブルシューティングが必要になる可能性のある領域を強調表示します。

具体的な改善には、評価インジケーターの変更、回復用の電子メールの機能強化、および完了したサイトヘルスステータステスト用の新しいフィルターが含まれます。

19.日付/時刻コンポーネントの修正

開発者は、より信頼性の高い方法で日付とタイムゾーンを操作できるようになりました。 日付と時刻の機能は、統一されたタイムゾーンの取得とPHPの相互運用性のためのいくつかの新しいAPI関数、および多くのバグ修正を受け取りました。

20. PHP7.4の互換性

開発者は、WordPress5.3がPHP7.4を完全にサポートすることを目指していると聞いて喜ぶでしょう。 WordPress 5.3には、非推奨の機能を削除して互換性を確保するための複数の変更が含まれています。 いつものように、WordPressはすべてのユーザーに最新バージョンのPHPを実行することを推奨しています。 WordPress 5.3フィールドガイドで、開発者向けのWordPress5.3の新機能をすべて参照してください。

WordPress 5.3の詳細については、iThemesSecurityプラグインの開発者である私たち自身のTimothyJacobsによるこの追加のビデオウォークスルーをチェックしてください:最近のWordPress NYCMeetupでのWordPress5.3プレビュー。

WordPress5.3にアップデートする方法

WordPress 5.3は2019年11月12日にリリースされる予定です。アップデートがリリースされるとすぐに、WordPress管理ダッシュボードの[アップデート]ページにWordPressバージョンのアップデートが表示されます。 繰り返しますが、更新する前にサイトをバックアップすることを忘れないでください!

5.3アップデートはまだ表示されていませんか? 乞うご期待! 最新のアップデートについては、make.wordpress.orgリリースブログの投稿をここでフォローし、WordPress5.3の公式リリース投稿をここで読んでください。

複数のWordPressサイトをWordPress5.3に更新する必要がありますか? iThemes Sync Proを使用すると、1つのダッシュボードから複数のWordPressサイトを管理できます。 同期ダッシュボードから利用可能なコアアップデートが表示されます。

iThemes Sync WordPress5.3アップデート

30日間無料で同期を試すログインしてダッシュボードを同期する

このリストに追加するものがありますか? WordPress 5.3でお気に入りの新しいものは何ですか? ハッピーアップデート!