WordPress 5.9 が登場！ あなたが見逃した大きな変化は何ですか？

公開: 2022-01-25

WordPress 5.9 Josephine が登場！ この WordPress バージョンは、当初 2021 年 12 月 14 日にリリースされる予定でした。しかし、いくつかの問題や未解決のバグにより、最終リリースは延期され、最終的に 2022 年 1 月 25 日にリリースされました。

何が最も重要な変更か疑問に思っているなら、答えは Full Site Editing (FSE) です。 実際、ほとんどの新機能は、Twenty Twenty Two (新しいデフォルト テーマ) などのフル サイト編集をサポートするテーマを使用している場合にのみ使用できます。

WordPress 5.9 では、Gutenberg ロードマップの第 2 フェーズであるカスタマイズ フェーズに進みます。

では、詳細を見ていきましょう！

目次
[表示][非表示]
  1. グローバル スタイル: 「theme.json」ファイルのグラフィカル インターフェイス
    1. スタイルのプレビュー
    2. タイポグラフィ
    3. 色
    4. レイアウト
    5. ブロック
  2. The Twenty Twenty-Two テーマと WordPress Block テーマ
  3. 更新されたナビゲーション ブロック
  4. パフォーマンスの向上
    1. ブロック挿入機能の強化
    2. CSS の読み込みが少ない
    3. 遅延読み込みのパフォーマンスの向上
    4. ブロックごとに複数のスタイルシート
  5. 最後の言葉

グローバル スタイル: 「theme.json」ファイルのグラフィカル インターフェイス

WordPress 5.8 では、「theme.json」ファイルを操作することが、テーマ開発者がエディターのスタイルと設定をカスタマイズする標準的な方法になりました。

WordPress 5.9 では、グラフィカル インターフェイスを導入することで、WordPress を次のレベルに引き上げます。 これで、ユーザーはサイトのスタイル プリセットを、ブロック レベルまたはグローバルのいずれかで、コードを 1 行も変更せずにカスタマイズできるようになりました。

グローバル スタイルは WordPress ウェブサイトのデザインの一部に影響を与えるため、サイトのルック アンド フィールをカスタマイズする方法が劇的に変わります。

まず、グローバル スタイル インターフェイスがカスタマイザーに取って代わります。 また、現在のところ、ブロック テーマでスタイルと設定をカスタマイズする唯一の方法です。

同様に、複雑なテーマ オプションの管理ページは不要になります。 これにより、テーマの設定とスタイルを構成するための新しい標準的な方法が提供されます。

サイト エディターで、新しいサイドバーが利用できるようになりました。 上部には、小さなプレビュー パネルと、次の順序で 5 つの要素があります。

  • スタイルのプレビュー
  • タイポグラフィ
  • 色
  • レイアウト
  • ブロック
ワードプレス-5-9-1

詳しく見てみましょう！

スタイルのプレビュー

最初の要素はプレビュー パネルです。 カスタマイズの結果を確認できます。 これは、エディターのキャンバスに表示されていない要素に変更が適用される場合に特に便利です。

ワードプレス-5-9-2

タイポグラフィ

ここで、サイトのタイポグラフィを制御します。 このパネルで使用できるコントロールは、「theme.json」ファイルの内容によって異なります。

ワードプレス-5-9-3

色

ここでは、配色を表示および編集し、一部の Web サイト要素の色をカスタマイズできます。

ワードプレス-5-9-4

これらの要素のいずれかをクリックすると、テーマ、コア、カスタムの 3 つのパレットから色を選択できる新しいパネルにアクセスできます。 ここで、選択した要素の色を設定および変更できます。

ワードプレス-5-9-4

レイアウト

最後のツール セットは、レイアウトのカスタマイズ用です。 これは、グローバル コンテキストのサイト コンテナーに限定されます。

ワードプレス-5-9-5

ブロック

グローバル スタイルの実装により、段落、ボタン、列などの特定のブロックのルック アンド フィールを変更できるようになりました。

ブロックのスタイルは、ブロックがそれぞれの「block.json」ファイルで特定の機能のサポートを宣言している場合にのみ、ここからカスタマイズできることに注意してください。

たとえば、コアの投稿タイトル ブロックはタイポグラフィと色をサポートしているため、そのブロックのグローバル スタイル設定で対応するエントリを見つけることができます。

ワードプレス-5-9-6

The Twenty Twenty-Two テーマと WordPress Block テーマ

WordPress 5.9 では、サイトでフル サイト編集を有効にするために Gutenberg プラグインをインストールする必要はありません。 ブロックテーマを使用するだけです。

さらに、WordPress 5.9 には新しいデフォルト テーマである Twenty Twenty-Two が含まれています。 これは史上初のデフォルト ブロック テーマであり、ゲームチェンジャーです。 また、Twenty Twenty-Two は非常にカスタマイズ可能で柔軟なテーマです。

ブロックテーマを使用すると、WordPress ダッシュボードの管理メニューに新しい「エディター (ベータ)」メニュー項目が表示されます。

ワードプレス-5-9-7

編集インターフェイスでは、Web サイトのホームページ、テンプレート、およびテンプレート パーツを視覚的に編集できます。 ここからグローバル スタイル インターフェイスにアクセスすることもできます。

ワードプレス-5-9-8

ご覧のとおり、カスタマイザーは見つかりません。 これは、ブロック テーマをサポートしていないためです。 非アクティブなブロック テーマをプレビューできないのもそのためです。

ワードプレス-5-9-9

Woostify などの従来のテーマを使用していて、下位互換性が心配な場合は、ご安心ください。 引き続きご利用いただけます。

現在、選択できるテーマ カテゴリは 4 つあります。

  • ブロック テーマ: フルサイト編集用に設計されたテーマ
  • 一般的なテーマ: カスタマイザーとエディターの両方で動作するテーマ (ベータ)
  • ハイブリッド テーマ: フルサイト編集機能をサポートするクラシック テーマ
  • クラシック テーマ: 「functions.php」ファイル、PHP テンプレートなどを含むテーマ。

更新されたナビゲーション ブロック

ナビゲーション ブロックは、しばらくの間初期段階にありました。 保留中の問題がすべて修正されたので、ついに WordPress 5.9 の最も強力な機能の 1 つを使い始めることができます。

最初にナビゲーション ブロックを追加するとき、ブロック プレースホルダーには次の 3 つのオプションがあります。

  • 既存のメニューを選択し、
  • すべてのページでメニューを作成し、
  • または、空白のメニューで新たに開始します。
ワードプレス-5-9-10

新しいナビゲーション メニューを使用すると、クラシック テーマで利用可能な外観メニュー画面で作成されたメニューをインポートできます。

ワードプレス-5-9-11

したがって、クラシック テーマからブロック テーマに切り替える場合、既存のメニューを再構築する必要はありません。 現在の「クラシック メニュー」の 1 つを選択するだけです。 また、ブロックベースのナビゲーション メニューに自動的に変換されます。

新しいナビゲーション リンクは、他のブロック タイプがメニューに追加されていない限り、右側のプラス アイコンをクリックすると、すぐにナビゲーション ブロックに追加されます。

Navigation Link ブロックのツールバーの [編集] ボタンをクリックすると、メニュー項目がカスタム リンクに変換されます。 したがって、個々のアイテムを追加、編集、再配置、および削除できます。

ブロック ツールバーの [変換] ボタンをクリックして、リンクをブロックに変換することもできます。 したがって、特定のブロックをナビゲーション メニューに直接追加できます。

ワードプレス-5-9-12

[設定] サイドバーには、ナビゲーション メニューの多くの部分を制御するための完全なオプション セットがあります。

ワードプレス-5-9-13
ワードプレス-5-9-14
ワードプレス-5-9-15

ナビゲーション ブロックに追加されたもう 1 つの便利な機能は、ブロック ギャップのサポートです。 そのため、メニュー項目間の間隔を制御できます。

ワードプレス-5-9-16

パフォーマンスの向上

ブロック挿入機能の強化

WordPress 5.9 の時点で、ブロックの種類、カテゴリ、およびパターンは、Block Inserter に遅延表示されます。 ブラウザーは優先度の高いコンテンツを最初に読み込むため、編集作業がよりスムーズになります。

CSS の読み込みが少ない

WordPress 5.9 では、ブロックテーマによって読み込まれる CSS の量が大幅に削減され、ページの読み込みが大幅に高速化されました。

遅延読み込みのパフォーマンスの向上

WordPress 5.9 以降、'loading=”lazy”' 属性は最初のコンテンツ画像または iframe に適用されません。

50 の一般的な WordPress テーマで実行された分析では、このソリューションによってパフォーマンスが大幅に向上し、ページの読み込みが最大 30% 高速化されることが示されています。

ブロックごとに複数のスタイルシート

テーマとブロックの開発者は、ブロックごとに複数のスタイルシートを登録し、必要に応じて他のブロックからスタイルをロードできます。

これにより、ページのコンテンツに応じてスタイルシートを読み込むことができるため、すべてのページに大きなスタイルシートを読み込む必要がなくなります。

最後の言葉

この記事は、WordPress の市場シェアに関する簡単なメモで締めくくります。 現在、既知のコンテンツ管理システムを備えたすべての Web サイトの 65% 以上、およびすべての Web サイトの約 43% で使用されています。

ワードプレス-5-9-17

これらの数字は、特に市場シェアが 7% 未満の最も近い競合他社である Shopify と比較すると、印象的です。

WordPress のすべての新しいバージョンは、新しい機能、パフォーマンスの改善、インターフェースの強化をもたらします。 WordPress 5.9 も例外ではありません。

新しい機能をテストするために必要なのは、新しい Twenty Twenty-Two デフォルト テーマのようなブロック テーマだけです。

また、Woostify テーマを使用している場合は、Web サイトを問題なくすぐに WordPress 5.9 に更新できます。 開発チームは、Woostify が新しい WordPress バージョンと完全に互換性があることを保証するために常に懸命に取り組んでいます。