WordPress 6.3 の新機能 (機能とスクリーンショット)

公開: 2023-08-10

WordPress 6.3 は、2023 年の 2 番目の WordPress メジャー リリースとしてリリースされました。

この新しい WordPress バージョンには、WordPress をさらに強力で便利にするいくつかの重要なアップデート、新機能、拡張機能、バグ修正が含まれています。

この記事では、WordPress 6.3 の新機能と、アップデート後に試すべき機能を紹介します。

What's New in WordPress 6.3

注: WordPress 6.3 はメジャー リリースであるため、マネージド WordPress ホスティング サービスを使用していない限り、更新を手動で開始する必要があります。 手順については、WordPress を安全に更新する方法に関するガイドに従ってください。

重要:更新する前に、WordPress の完全なバックアップを作成することを忘れないでください。

そうは言っても、WordPress 6.3 の新機能の内訳は次のとおりです。

  • 新しいサイトエディターのナビゲーション
  • 改善されたパターン管理
  • サイトエディターでページを編集する
  • サイトエディターでナビゲーションメニューを管理する
  • サイトエディターでテーマスタイルを簡単に切り替える
  • サイトエディターでテーマをプレビューする
  • 変更を簡単に元に戻すためのスタイルの改訂
  • 新しいコマンド パレット ツールの紹介
  • ブロック エディターの 2 つの新しいブロック
  • より優れたパディングおよびマージンツール
  • 画像のアスペクト比を選択してください
  • 改良された上部ツールバー
  • レイアウトと色のオプションを備えたカバーブロック
  • WordPress 6.3 でのリンク制御の強化
  • 内部の変更点

新しいサイトエディターのナビゲーション

WordPress 6.3 では、サイト編集者にさらに洗練されたナビゲーション エクスペリエンスが導入されています。

左側の列には、ナビゲーション、スタイル、ページ、テンプレート、パターンが表示されます。 ユーザーはここから編集したいセクションを簡単に見つけることができます。

Site Editor navigation in WordPress 6.3

新しいナビゲーション インターフェイスには、上部に検索ボタンが含まれています。 それをクリックすると、新しいコマンド パレットが表示されます (これについては後で詳しく説明します)。

また、テンプレート パーツが主要なナビゲーション項目に含まれていないことにも気づくでしょう。 これは、パターンの下に移動されるためです。

改善されたパターン管理

WordPress 6.3 には、サイト エディターのパターン管理エクスペリエンスが改善されました。 サイト エディターのナビゲーションから始まり、メインのナビゲーション項目の 1 つとしてパターンが追加されました。

Patterns in site editor

「パターン」をクリックすると、同期されたパターンと非同期のパターンがテンプレート パーツとともに表示されます。

再利用可能なブロックは、同期パターンと呼ばれるようになりました。 再利用可能なブロックは [マイ パターン] タブにあります。 これらは Web サイト全体で使用でき、変更するとパターンが使用されているすべての場所に影響します。

非同期パターンはどこでも使用できるパターンであり、変更しても元のパターンには影響しません。

Pattern categories

[追加] (+) ボタンをクリックして、新しいパターンまたはテンプレート パーツを作成することもできます。

ナビゲーション列の下部には、すべてのパターンとテンプレート パーツを管理するためのリンクがあります。

Manage template parts and patterns from site editor

サイトエディターでページを編集する

他の Web プラットフォームから来た人の多くは、Web サイトを編集するときにページを追加または編集したいと思うかもしれません。

WordPress 6.3 では、サイトエディターから直接ページを簡単に作成および編集できます。

Edit pages in site editor

エディターのナビゲーションで [ページ] メニューをクリックするだけで、ページのリストが表示されます。

ページをクリックして編集を開始することも、追加 (+) ボタンをクリックして新しいページの下書きを作成することもできます。

Create or edit pages in the site editor

サイトエディターでナビゲーションメニューを管理する

WordPress 6.3 では、サイト エディター内でナビゲーション メニューを管理する新しい方法も導入されています。

以前は、ユーザーはナビゲーション ブロックを追加してから編集する必要がありました。 ユーザーは、サイト エディターの [ナビゲーション] タブをクリックすることで、メニューを作成、編集、管理できるようになりました。

Editing WordPress navigation menus in Site Editor

これにより、Web サイト上に作成したすべてのナビゲーション メニューが表示されます。

メニューを編集するには、クリックしてサイト エディターで開きます。

Navigation menus list

まず、ナビゲーション列にメニュー項目がリストとして表示されます。 並べ替えるだけの場合は、メニュー項目を上下に移動できます。

メニューを編集するには、編集ボタンまたはエディタ キャンバスをクリックし、サイト エディタでメニューの編集を開始します。

Editing menus in the site editor

サイトエディターでテーマスタイルを簡単に切り替える

以前は、テーマ スタイルはサイト エディター内の [スタイル] パネルの下に隠れていました。 これにより、初心者にとっては少し目立たなくなりました。

ユーザーはサイト エディターのナビゲーション自体でスタイルを確認できるようになりました。 こうすることで、好みのスタイルから始めて、すぐに好みに合わせて編集を開始できます。

Browse and switch styles

サイトエディターでテーマをプレビューする

以前は、ユーザーはテーマ カスタマイザーを使用して WordPress テーマをプレビューできました。 これにより、ユーザーは Web サイトでテーマをアクティブ化せずにテーマをプレビューできるようになりました。

WordPress 6.3 では、サイトエディター内でブロックテーマをプレビューできるようになります。 管理エリアの「外観」ページに移動し、ブロックテーマの下にある「ライブプレビュー」ボタンをクリックします。

Live preview block themes in site editor

これにより、サイト エディターでテーマが開き、新しいテーマでコンテンツがどのように表示されるかをライブ プレビューで確認できます。

実際にテーマを選択する前に、テーマを編集したり、さまざまなスタイルを試したり、独自の色を使用したり、変更を加えたりすることもできます。 ただし、これらの変更を保存するには、テーマをアクティブにする必要があります。

New theme preview in site editor

注:サイト エディターのサポートがないクラシック テーマでは、古いテーマ カスタマイザーを使用したライブ プレビューが表示されます。

変更を簡単に元に戻すためのスタイルの改訂

WordPress は、作業中にコンテンツの複数のリビジョンを保存します。 これにより、投稿やページへの変更を簡単に元に戻すことができます。

同様に、WordPress 6.3 では、スタイルのリビジョンを確認し、変更を簡単に元に戻すことができるようになりました。

[スタイル]パネルで編集したいスタイルまたはブロックを選択するだけです。 「改訂」ボタンをクリックし、「改訂履歴」を選択します。

Style revisions in WordPress 6.3

これにより、その特定のスタイルまたはブロックに加えた変更が表示されます。 異なるリビジョン間を移動して、その時点でアイテムがどのように表示されていたかを確認できます。

変更を元に戻すには、「適用」ボタンをクリックするだけで、WordPress がそのリビジョンを復元します。

Browse revisions

新しいコマンド パレット ツールの紹介

キーボード ショートカットを使用すると、キーボードから指を離さずにすばやく作業を行うことができ、生産性が向上します。

WordPress にはすでに多くのキーボード ショートカットが付属していますが、WordPress 6.3 ではコマンド パレット ツールも追加されました。

試してみるには、WordPress の投稿またはページを編集するか、サイト エディターを開きます。 エディターに入ったら、キーボードの CTRL+K キーまたは Command+K キーを押します。

Command tool in site editor

検索ポップアップが表示され、パネルの切り替え、新しい投稿やページの作成、サイト エディターへの移動などを行うためのキーボード ショートカットを見つけることができます。

コマンド パレット ツールには、サードパーティ開発者が独自のコマンドをツールに追加できる API もあります。

ブロック エディターの 2 つの新しいブロック

WordPress 6.3 のブロックエディターには、使用できる 2 つの新しいブロックが同梱されています。

脚注ブロック

脚注は、記事の下部にあるリソースへの参照を提供する最も簡単な方法です。 ただし、WordPress ユーザーは脚注を手動で作成するか、別のプラグインを使用して脚注を追加する必要がありました。

WordPress 6.3 では、脚注ブロックを使用するだけで済みます。 ツールバーの 3 点メニューを使用して「脚注」オプションを選択するだけです。

Adding footnotes in WordPress 6.3

詳細ブロック

詳細ブロックを使用すると、コンテンツを非表示にすることができ、ユーザーは項目をクリックして非表示のコンテンツを表示する必要があります。

詳細ブロックを追加し、ユーザーに見てもらいたいコンテンツを提供するだけです。 その下には、ユーザーが表示されているコンテンツをクリックしたときに表示されるコンテンツを指定できます。

Using Details block

段落、画像、メディア、プラグインによって追加されたブロックなど、あらゆる種類のブロックを非表示に追加できます。

複数の詳細ボックスを一緒に追加して、FAQ セクション、トリビアの質問、情報パネルなどを作成することもできます。

Preview Details block

より優れたパディングおよびマージンツール

以前は、ユーザーがパディング ツールとマージン ツールのリンクを解除すると、多くのスペースが占有されました。

新しいパディング ツールとマージン ツールは、占有スペースが大幅に減り、より使いやすくなりました。

Compact padding and margin controls

画像のアスペクト比を選択してください

WordPress 6.3 では、ユーザーが画像を表示するアスペクト比を選択できます。 画像のサイズ変更やトリミングの代わりに、ユーザーはさまざまなデバイスで見栄えの良いアスペクト比を選択できるようになりました。

Image aspect ratio

改良された上部ツールバー

WordPress では、投稿エディターで作業しているブロックの上にツールバーが表示されます。

よりクリーンな編集エクスペリエンスを実現するために、ツールバーを上部に移動するオプションもあります。

Enable top toolbar

ただし、上部のツールバーは上部のツールバーのすぐ下に表示されます。

より多くのスペースを占有し、見た目も良くありませんでした。

WordPress 6.3 には、より簡単かつ迅速にアクセスできるように、上部パネルに改良されたツールバーが含まれています。

New top toolbar in WordPress 6.3

レイアウトと色のオプションを備えたカバーブロック

Cover ブロックも WordPress 6.3 で改良されました。

グループ ブロックと同様に、ユーザーはカバー ブロックのレイアウトを選択できるようになりました。

Cover layout

また、ブロック設定パネルにはさらに多くのデザイン オプションが含まれています。

Image ブロックのような Cover ブロックで Duotone フィルターを使用することもできます。

Cover block duotone and colors

WordPress 6.3 でのリンク制御の強化

リンク コントロールは、ブロック エディターがリンクを追加するために使用するツールです。 WordPress 6.3 には、リンク制御設定が改善されました。

たとえば、リンク コントロールのポップアップから直接ページを作成できるようになりました。

New link control

WordPress 6.3 では、リンクを新しいタブまたはウィンドウで開くためのトグルも移動しました。

リンクを追加すると、詳細設定の下に表示されるようになりました。

Open link in new tab

内部の変更点

WordPress 6.3 には、開発者向けの変更もいくつか含まれています。 ここでは、最も重要な内部的な変更をいくつか紹介します。

  • 画像パフォーマンスの強化により、ページの読み込み速度が向上し、LCP のレンダリングやユーザーのビューポートでの画像の優先順位付けなど、Web 上で重要な一般的な重要な問題のいくつかが解決されます。 (詳細)
  • 絵文字スクリプトのロードにかかる時間を短縮するために絵文字ローダーが改善されました。 (#58472)
  • WP Scripts API に遅延と非同期のサポートが追加されました。 (#12009)
  • 画像に対するフェッチ優先順位のサポートが追加されました。 (#58235)
  • クラシック テーマのループ外の画像の遅延読み込みをスキップします。 (#58211)
  • 失敗したプラグインとテーマの更新のロールバックを試みます。 (#51857)
  • get_posts() と get_pages() をマージします。 (#12821)

この記事が WordPress 6.3 の新機能と、どの新機能を試してみるのがよいかを知るのに役立つことを願っています。 私たちは、サイト エディターのすべての変更点とパフォーマンスの向上に特に興奮しています。

この記事が気に入ったら、WordPress ビデオチュートリアルの YouTube チャンネルに登録してください。 Twitter や Facebook でもご覧いただけます。