WordPress 5.9：新機能と改善点

公開: 2022-02-17

前回のアップデートから約6か月が経ちましたが、WordPress5.9は待つ価値がありました。

手に入れるための新機能がたくさんあります。 最も注目すべき新機能は完全なサイト編集ですが、他にもたくさんあります。 それでは、WordPressサイトでクリエイティブになり、型から抜け出す時が来ました！

この投稿では、WordPress 5.9の新機能と注目すべき点について説明します。これにより、最新バージョンのWordPressを最大限に活用できます。

WordPress5.9の新機能と変更点

以下は、WordPress5.9で利用できる新機能と変更点です。

1.22のテーマ

WordPress 5.9には、 TwentyTwenty-Twoと呼ばれる新しいデフォルトのテーマが含まれています。

22のWordPressテーマ

このブロックテーマを使用すると、WordPress5.9で導入された完全なサイト編集機能を使用できます。

Twenty Twenty-Twoには、404エラーページ、単一の投稿ページ、アーカイブページなど、さまざまなページテンプレートが含まれています。 テンプレートパーツには、フッターと3種類のヘッダー（デフォルト、小さいスタイルの暗い、大きいスタイルの暗い）も含まれています。

2.サイト全体の編集

WordPress 5.8では部分的な編集しかできませんでしたが、WordPress 5.9にはフルサイト編集（FSE）機能が含まれており、フルサイトに変更を加えることができます。

ヘッダーからフッターまで、サイト上のすべてのものをブロックでデザインできます。 ダッシュボードの[外観]セクションに移動して[エディター]をクリックすると、フルサイトエディターモードにリダイレクトされます。

WordPress5.9のサイトエディターオプション

新しいサイト全体のブロック

フルサイトエディタモードでは、テーマブロックがあり、ドラッグアンドドロップページビルダーのようにサイトのルックアンドフィールをカスタマイズできます。

サイト編集ブロック

5.9で導入されたテーマブロックのリストは次のとおりです。

  • ナビゲーション
  • テンプレートパート
  • ヘッダ
  • フッター
  • 投稿者
  • 次の投稿
  • コメントを投稿
  • 前の投稿
  • アーカイブタイトル
  • 用語の説明

サイト全体のスタイルを追加する

サイトエディタのもう1つの便利な機能は、サイト全体で使用されるテーマの新しいスタイルを作成することです。 投稿やページを編集するときは、画面の右上隅にある[スタイル]アイコンボタンをクリックします。

テーマスタイルの編集

ここから、Webサイトのタイポグラフィと色を編集できます。

完了したら、個々のテンプレート、テンプレートパーツ、またはWebサイト全体への変更をグローバルスタイルとして保存できます。

ブロックスタイルの変更

サイトエディタを使用して、Webサイト上の個々のブロックのスタイルを変更することもできます。

[スタイル]ボタンをクリックして、[ブロック]を選択します。 編集およびカスタマイズできるブロックのリストが表示されます。

ブロックスタイルの編集

これは、Webサイトのさまざまなブロックにさまざまなスタイルを適用するのに役立ちます。

新しいナビゲーションブロック

WordPress 5.9では、ナビゲーションブロックと呼ばれる新しいブロックが導入されています。

ナビゲーションメニューブロック

このブロックは、サイトのどこにでも追加できます。 ブロックを追加すると、プレースホルダーに3つのナビゲーションオプションが表示されます。

  • ブロックベースのメニューを選択します。
  • すべてのページで新しいメニューを作成します。
  • 最初から始めます。

すでにクラシックスタイルのナビゲーションメニューがあるとします。 その場合、このブロックでそれらを追加することができ、それはメニューをブロックベースのナビゲーションメニューに自動的に変換します。

ナビゲーションブロックのもう1つの新機能は、投稿に配置することです。 これは、メニュー項目と記事の見出しへのリンクを編集できるため、長い記事用のミニナビゲーションバーを作成する場合に便利です。

3.WordPress5.9でのブロックエディターの改善

セクションを簡単に移動

ユーザーは、アイテムをクリックして上下にドラッグすることにより、ツールバーのListViewのセクションを移動できるようになります。

ブロックエディタでアイテムを移動する

これにより、コンテンツのさまざまな部分を簡単に移動し、レイアウトをすばやく再調整できます。

より良いソーシャルアイコンとボタン

以前のバージョンのWordPressでは、ソーシャルアイコンやボタンを操作しているときに、親と子のブロックコントロールにアクセスするのは困難でした。

WordPress 5.9バージョンでは、子ブロックは親ブロックのツールバーを使用できます。

ソーシャルアイコンとボタンブロック

より良い見出しコントロール

これで、見出しブロックのある垂直ドロップダウンメニューから見出しレベルを選択できます。 ヘッダーには、より多くのタイポグラフィ、デザイン、マージン、および間隔の選択肢があります。

見出しブロック

ブロックエディタでのリッチURLプレビュー

以前は、投稿エディタのリンクにカーソルを合わせるとURLが表示されていました。 WordPress 5.9は、投稿エディター内のリンクのリッチURLプレビューを取得して表示するようになりました。

より良いギャラリーブロック

Galleryブロック内のすべての画像は、Imageブロック内と同じように扱われるようになりました。

ギャラリー内の各画像を次の画像とは異なる方法でデザインしたり（たとえば、さまざまなトリミングやデュオトンを使用して）、画像をクリックしてすべて同じにすることができます。

ギャラリーブロック

注目の画像

注目の画像ブロックには、2つの新しいデザインツールがあります。 1つは、画像の高さと幅を指定できる画像サイズツールです。 さらに、事前に決定されたブロック寸法内に画像を合わせるための3つのスケールの選択肢もあります。

  • カバー–画像を拡大縮小してトリミングし、歪みなしでスペースを埋めます。
  • 含む–トリミングや歪みなしに、画像を拡大縮小してスペースを埋めます。 このスケーリングオプションでは、空白が残る場合があります。
  • 塗りつぶし–画像を引き伸ばしたり歪ませたりして、スペースを埋めます。

注目の画像のもう1つの新しいデザインツールは、余白とパディングです。 余白は前のブロックと次のブロックの間にスペースを作成し、パディングは注目の画像の周囲に空白を作成します。

特徴画像ブロック

4.ログイン中の言語スイッチャー

ログイン画面で、サイトの言語を変更できるようになりました。 サイトにインストールされている言語の1つを選択できます。

ログイン時に言語を選択

言語が1つしかない場合、スイッチャーはログイン画面に表示されません。

5.遅延読み込みの改善

WordPress 5.5では、画像の遅延読み込みが追加され、WordPress 5.7では、iframeの遅延読み込みが追加されました。

Loading =” lazy”は、ページの画像タグとiframeタグに自動的に挿入されます。

最初の画像またはiframe要素に含めると、LCPコアWebバイタルスコアが7％増加することがわかりました。

WordPress 5.9では、ページの最初の画像またはiframeが遅延して読み込まれません。

wp_omit_loading_attr_thresholdフィルターを使用して、遅延ロードされないメディアの数を変更します。

次のコードは、遅延読み込みでスキップされる画像の数を1から3に変更しfunction change_value_skip_lazyloading( $omit_threshold ) { return 3; } add_filter( 'wp_omit_loading_attr_threshold', 'change_value_skip_lazyloading' ); function change_value_skip_lazyloading( $omit_threshold ) { return 3; } add_filter( 'wp_omit_loading_attr_threshold', 'change_value_skip_lazyloading' );

6.フードの変更の下で

WordPress 5.9には、開発者がテーマ、プラグイン、プロジェクトで探索して使用するための多数の新機能が含まれます。

フードの変更の下でこれらのいくつかはここにあります：

Theme.json

Theme.jsonは、WordPress5.8でブロックテーマのスタイルを制御するために使用される構成ファイルです。

WordPress 5.9は、theme.jsonの子テーマとデュオトーンフィルターをサポートしています。

PHP8.1との互換性の向上

WordPress 5.9は、PHP8.1との互換性を念頭に置いて作成されました。 開始する前に、テーマまたはプラグインがPHP8.1と互換性があることを再確認してください。

新しく追加された機能

  • wp_enqueue_block_style
  • wp_get_post_revisions_url
  • wp_is_block_theme
  • wp_json_file_decode
  • wp_list_users

新しく追加されたフィルターフック

  • default_wp_template_part_areas
  • default_template_types
  • display_login_language_dropdown
  • is_post_status_viewable
  • is_post_type_viewable
  • rss_widget_feed_link
  • wp_login_language_switcher_args
  • wp_omit_loading_attr_threshold

7.WordPress5.9のバグ修正

WordPressのコアコントリビューターは、以前のバージョンで報告されたバグを常に修正しています。 彼らは100個のバグを解決しました。そのうちのいくつかを以下に示します。

  • ダークモードのバグ– WordPress 5.9は、ダークモードの使用中にウィジェット画面の問題を解決します。 このバグにより、テキストが白い背景に灰色で表示され、読みにくくなりました。
  • テーマページの画面の揺れ–このバグは、[外観]->[テーマ]ページで見つかる可能性があります。 テーマのサムネイルにマウスを合わせると、ブラウザの画面が揺れる場合があります。
  • 消えた再利用可能なブロック–多くのユーザーがWordPress5.7の後に再利用可能なブロックが消えたと報告しています。 このバグにはいくつかの解決策がありますが、WordPress5.9にはバグ修正が含まれています。

結論

WordPress 5.9は、ブロックエディター、新しいデザインツール、およびUXの改善を含めることにより、サイト全体の編集エクスペリエンスを向上させます。 新しいデフォルトのテーマは、さまざまなテンプレートとパターンの選択肢があるため、新しいWordPressユーザーにとっても優れた出発点です。

WordPress 5.9には、Web開発とデザインを改善するためのバグ修正と新しい互換性ツールおよび機能も含まれています。

この記事で、WordPress5.9の新機能を垣間見ることができれば幸いです。 また、初心者がブログを始めるのに最適なブログプラットフォームに関する記事もご覧いただけます。