Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

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

WordPress 6.3が、2023年のWordPressメジャーリリース第2弾としてリリースされた。

WordPressの新バージョンでは、いくつかの重要な更新、新機能、機能強化、バグ修正が行われ、WordPressがさらに強力で便利になりました。

この投稿では、WordPress 6.3の新機能と更新後に試すべき機能を紹介します。

What's New in WordPress 6.3

注意:WordPress 6.3はメジャーリリースであり、マネージドWordPressホスティングサービスをご利用でない限り、手動で更新を開始する必要があります。WordPressを安全に更新する方法については、こちらのガイドをご覧ください。

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

とはいえ、WordPress 6.3の新機能の内訳は以下の通りです。

新規サイトエディターナビゲーション

WordPress 6.3では、サイトエディターのナビゲーションがより洗練されました。

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

Site Editor navigation in WordPress 6.3

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

また、テンプレート・パーツがメインのナビゲーション項目にないことにもお気づきでしょう。パターンの下に移動しているからです。

パターン管理の改善

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

Patterns in site editor

Patternsをクリックすると、テンプレート・パーツとともに、シンクされたパターンとシンクされていないパターンが表示されます。

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

シンクされていないパターンとは、どこでも使えるパターンのことで、変更しても元のパターンには影響しない。

Pattern categories

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

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

Manage template parts and patterns from site editor

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

他のウェブプラットフォームから来た人の多くは、自分のサイトを編集するときにページを追加したり編集したりしたいと思うかもしれない。

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

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

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

Navigation menus list

まず、ナビゲーション欄にメニュー項目がリストとして表示されます。並べ替えるだけなら、メニュー項目を上下に動かすことができる。

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

Editing menus in the site editor

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

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

これでユーザーはサイトエディターナビゲーション自体でスタイルを見ることができる。こうすることで、ユーザーは好みのスタイルから始め、すぐに好みの編集を始めることができる。

Browse and switch styles

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

以前は、ユーザーはテーマカスタマイザーを使用してWordPressテーマをプレビューすることができました。これにより、ユーザーは自分のサイトで有効化せずにテーマをプレビュー することができました。

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では、脚注ブロックを使用することができます。ツールバーの三点メニューから「脚注」オプションを設定するだけです。

Adding footnotes in WordPress 6.3

詳細ブロック

詳細ブロックでは、非表示コンテンツを表示するためにユーザーが項目をクリックすることを必須とするコンテンツを非表示にすることができます。

Detailsブロックを追加し、ユーザーに見てもらいたいコンテンツをプロバイダーするだけです。その下に、ユーザーが表示されているコンテンツをクリックしたときに表示されるコンテンツを設定できます。

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

表紙ブロック(レイアウトとカラーオプション付き

WordPress6.3では、Coverブロックも一新されました。

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

Cover layout

また、ブロック設定パネルのデザインオプションも増えた。

デュオトーンフィルターは、ImageブロックのようなCoverブロックでも使用できます。

Cover block duotone and colors

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

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

New link control

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

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

Open link in new tab

アンダー・ザ・フードの変更

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

  • ページの読み込み速度を改善し、LCPのレンダリングやユーザーのビューポートにおける画像の優先順位付けなど、コアウェブで不可欠な一般的な問題を解決するための画像パフォーマンスの強化。詳細
  • 絵文字スクリプトの読み込み時間を短縮するため、絵文字ローダーを改良。(#58472)
  • WP Scripts APIにDeferとasyncのサポートを追加。(#12009)
  • 画像に対するフェッチ優先度のサポートが追加された。(#58235)
  • クラシックテーマでループ外の画像の遅延読み込みをスキップ。(#58211)
  • プラグインとテーマの更新に失敗した場合にロールバックを試みるように。(#51857)
  • get_posts()とget_pages()をマージしました。

この投稿が、WordPress 6.3の新機能や、どの新機能を試してみるかの参考になれば幸いです。私たちは、サイトエディターとパフォーマンスの改善に関するすべての変更に特に興奮しています。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

アバター

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

ツールキットへの無料アクセス - すべてのプロフェッショナルが持つべきWordPress関連製品とリソースのコレクション!

Reader Interactions

6件のコメント返信を残す

  1. Shahin Mohammadi

    Now I have updated WordPress to version 6.3
    Everything feels better.
    In addition to the security issues, bugs related to Gutenberg have been fixed, which were very annoying before

    • WPBeginner Support

      Glad to hear the update helped you!

      管理者

  2. charles

    Thanks for the article.

    • WPBeginner Support

      You’re welcome!

      管理者

  3. Carlos Ramirez

    I definitely like and enjoy your articles!

    • WPBeginner Support

      Thank you!

      管理者

返信を残す

コメントありがとうございます。すべてのコメントは私たちのコメントポリシーに従ってモデレートされ、あなたのメールアドレスが公開されることはありませんのでご留意ください。名前欄にキーワードを使用しないでください。個人的で有意義な会話をしましょう。