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.5の新機能(機能とスクリーンショット)

WordPress 6.5が登場した!これは2024年最初の大きな更新であり、特にエキサイティングなものです。

新機能、バグ修正、改善点が満載で、サイト管理とコンテンツ作成がさらに快適になります。

WordPress 6.5の主なハイライトをスクリーンショットと詳細でご紹介します。

A look into the new WordPress 6.5 release with screenshots

注意:WordPress 6.5はメジャーリリースです。マネージドWordPressホスティングサービスを利用している場合を除き、手動で更新を開始する必要があります。詳細な手順については、WordPressを安全に更新する方法をご覧ください。

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

では、更新後のWordPress 6.5で何が見られるかを見てみましょう。ここでは、主な機能を簡単にご紹介します:

フォントライブラリの紹介

WordPress 6.5のリリースで、フォントライブラリがついに公式デビュー。これにより、ユーザーはWordPressエディター内でフォントを管理、インストール、使用できるようになります。

フォントライブラリは、サイトエディター(外観 ” エディター)を起動し、「スタイル」パネルに切り替えることで管理できます。その後、「Typography」をクリックすると、WordPressテーマで現在使用可能なフォントが表示されます。

Managing fonts library in WordPress 6.5

次に、「フォントの管理」ボタンをクリックすると、ポップアップでライブラリが開きます。

ここから、コンピューターからフォントをアップロードするか、「フォントのインストール」タブに切り替えてGoogle Fontsライブラリに接続することができます。

Connect Google fonts

Google Fontsへのアクセスを許可する」ボタンをクリックするだけで、インストール可能なフォントを閲覧できるようになります。

フォントは自由に選択でき、インストーラをインストールすると、あなたのサイトから直接ダウンロードされ提供されます(Googleサーバーからではありません)。

Browse and select Google Fonts

新しいフォントライブラリ機能を使えば、サイトでカスタマイザーフォントを使うためにタイポグラフィープラグインをインストールする必要はありません。

プラグインの依存関係

WordPressのプラグインをインストールし、しばらく悪戦苦闘しているうちに、プラグインを動作させるには別のプラグインが必要であることに気づいたことはありませんか?

WordPress 6.5では、エンドユーザーとプラグイン開発者のためにこの問題を修正しました。

開発者は、プラグインヘッダーに’Requires Plugins’エントリーを追加し、プラグインを動作させるためにインストールと有効化が必須である追加プラグインについて言及できるようになりました。

現在、ユーザーが他のプラグインに依存するプラグインをインストールした場合、有効化しようとするとエラーが表示されます(投稿日)。

Required plugin error

プラグインのページでは、ユーザーはどのプラグインが必須かを確認することもできる。

これらのプラグインは、ユーザーがインストールして有効化する必要がある。

Required plugins to install

必要なプラグインをすべて有効化したら、ユーザーはそれを必要とするメインプラグインを有効化できる。

現在、この機能は WordPress.org でホストされているプラグインしかインストールできません。つまり、他の場所でホストされているサードパーティやプレミアムプラグインは、依存関係を管理するためにこの機能を使用できません。

ブロックエディターの改良

ブロックエディターはWordPressの初期設定エディターです。ここでコンテンツを作成し、ページを編集します。

WordPressのリリースごとに多くの改良が加えられ、エディターにも新しい機能が追加されています。

もちろん6.5も同様で、これらの機能のいくつかをメモしておくと、時間を大幅に節約できる。

ブロックとカスタムフィールドの接続

WordPressのカスタムフィールドでは、WordPressの投稿やページにカスタムのメタデータを追加することができます。詳しくはカスタムフィールドの用語集をご覧ください。

これらは長い間存在しており、開発者や上級WordPressユーザーはさまざまな方法で使用しています。

WordPress 6.5では新しいブロックバインディングAPIが導入され、ユーザーはカスタムフィールドやその他の動的データを個々のブロックの属性として使用できるようになりました。

これにより、開発者は標準のコアブロック内に動的なデータをプログラムで表示することもできるようになります。Make WordPress CoreのBlock Binding APIの詳細はこちらです。

冒険好きな人のために、簡単に試す方法を紹介しよう。

WordPressの投稿を編集し、これら2つのカスタムフィールドを追加するだけです:

  • ムード
  • 天候

これがどのようなものかは、以下をご覧いただきたい。

Adding custom fields

その後、ブロックエディターの設定で、コードエディター表示に切り替える。

画面右上の三点メニューをクリックし、「コードエディター」を選択すれば可能です。

Opening the WordPress code editor

次に、コンテンツエリアで、Paragraphブロックなどのテキストフィールドに以下のコードを追加する必要があります:

<!-- wp:paragraph {"metadata":{"bindings":{"content":{"source":"core/post-meta","args":{"key":"mood"}}}}} -->
<p></p>
<!-- /wp:paragraph -->
 
<!-- wp:paragraph {"metadata":{"bindings":{"content":{"source":"core/post-meta","args":{"key":"weather"}}}}} -->
<p></p>
<!-- /wp:paragraph -->

これで変更を保存し、投稿とページをプレビューすることができます。

ここから、ブロックコードに表示されているメタ情報の値を見ることができます。

Preview

カバーブロックのスマートオーバーレイ

WordPress6.5では、カバーブロックにクールな機能が追加されました。ブロックに使用する画像や色に基づいて、自動的にオーバーレイカバーが選択されるようになりました。

そして、あなたのデザインに一致するようにオーバーレイの不透明度を簡単に調整することができます。

Cover block smart color overlay

ドロップシャドウ効果

ドロップシャドウ効果で、奥行きのある錯覚を与え、レイアウトの特定の要素を目立たせることができます。

WordPress 6.5では、Image、カラム、ボタンの各ブロックにドロップシャドウが追加されました。さらに、デザインにより一致させるために、いくつかの異なるドロップシャドウスタイルから選択することができます。

Drop shadow effect

リスト表示でのブロック設定

ブロックエディターのリスト表示は、コンテンツレイアウトを俯瞰的に表示します。特に長い投稿、ランディングページ、複雑なページレイアウトに便利です。

以前は、リスト表示で項目の設定を見るには、項目の横にある三点メニューをクリックする必要がありました。WordPress 6.5では、右クリックするだけでブロックの設定にアクセスできるようになりました。

Right click to see block settings in list view

リスト表示のブロック名の変更

WordPress 6.5では、リスト表示でブロック名を変更することができます。これにより、コンテンツのレイアウトを整理し、理解しやすくなります。

Rename any block

WordPress6.5では、リンクコントロール(リンク挿入ポップアップ)が大幅に変更され、よりユーザーフレンドリーになりました。

まず、ブログとフロントページをさまざまなアイコンで強調します。

Link control icons

第二に、リンクを追加したら、それをクリックすると、よりよいコンテキストメニューが表示される。

ここから、リンク先を確認したり、リンクを編集したり、リンクを解除したり、コピーしたりすることができます。

Link actions

先に進み、リンクの編集ボタンをクリックしてから、クリックして詳細メニューを展開する。

最後に、WordPressでリンクをnofollowにすることができます。

Make links nofollow in WordPress 6.5

しかし、リンクを新しいウィンドウで開いたり、nofollowにしたりするには、複数回のクリックが必須であることにお気づきでしょう。

これを簡単にするには、All In One SEO for WordPressを使うことをお勧めする。カスタムリンクコントロールパネルのオプションがすべてすぐに表示されます。

Link control in All in One SEO

リフレッシュされた環境設定パネル

WordPress 6.5では、ブロックエディターの環境設定パネルが一新されました。

画面右上の三点メニューをクリックし、「環境設定」を選択するだけです。

パネルには外観とアクセシビリティのセクションが追加され、以前のセクションの分類も改善されました。

Preferences panel refreshed

サイトエディターの変更

フルサイトエディターは、以前のテーマカスタマイザーと同様に、ユーザーがサイトに変更を加えることができる場所です。

コンテキストサイトエディターは、サイトエディターをフルサポートしているブロックテーマでのみ利用可能です。サイトエディターをサポートしない古いテーマはクラシックテーマと呼ばれるようになりました。

WordPress 6.5では、サイトエディターがいくつか改良されました。重要な変更点をいくつか見てみましょう。

新規データ表示

WordPress 6.5では、サイトエディターでページ、ブロックパターン、テンプレートを表示する方法が改善されました。

項目をグリッドビューで大きくプレビュー表示し、さまざまな順序で並べ替えることができます。

Data set views

テーブル表示でも項目を見ることができる。

例えば、サイトエディターのインターフェースを離れることなく、ページリストを見て編集を開始することができます。

Page list views

改善されたスタイルのリビジョン

スタイルリビジョンはWordPress 6.3で導入され、ユーザーは投稿のリビジョンと同じように、サイトのスタイル変更を簡単に追跡し、元に戻すことができます。

しかし、スタイル・リビジョンはタイムラインしか表示されず、どのような変更が適用されたかを確認するにはタイムラインを閲覧しなければならなかった。

WordPress 6.5ではリビジョンのスタイルが改善され、リビジョンごとに変更点の説明が表示されるようになりました。

Style revision descriptions

異なるリビジョン間のブラウジングもスムーズになりました。適用」ボタンをクリックすれば、簡単にリビジョンに切り替えることができます。

さらに、まだ保存されていない変更も表示されます。

Unsaved changes or apply a previous version

新規インタラクティブAPI

WordPress 6.5にはInteractivity APIが搭載され、開発者がページの完全なリロードを必要としないモダンなフロントエンドインターフェースを作成するためのフレームワークが提供されます。

好きなブログのコメントを読んでいて、自分が返事を書いているときに新規コメントがポップアップしてくることを想像してみてください。あるいは、サイトのスピードを落とさないライブ検索機能を想像してみてください。

このプロジェクトのチームは、Interactivity APIの機能を紹介するデモサイトを作った。

Interactivity API demo

今後、APIを利用してクールなものを作るWordPressプラグインが登場することを期待したい。

WordPress 6.5の変更点

このリリースには、パフォーマンスを向上させ、バグを修正し、開発者により多くのオプションを提供するための舞台裏での変更も多数含まれている。

以下はその変更点の一部である。

  • パフォーマンスが向上しました:WordPress6.4と比較して、ブロックエディターとサイトエディターの読み込みが2倍速くなり、入力時間が4倍速くなります。
  • 改善されたライブラリが導入され、翻訳の読み込みが格段に速くなった。(詳細)
  • クラシックテーマが外観ツールのサポートを追加できるようになりました。(詳細)
  • ブロック API が block.json メタデータの viewScriptModule フィールドを認識するようになりました。(詳細)
  • WordPress 6.5では、ブロックフックをより広く使えるように更新し、要望の多かった新機能を追加しました。(詳細)
  • タグプロセッサを含むHTML APIが大幅に更新され、HTMLドキュメント内のすべてのトークンをスキャンできるようになりました。WordPress 6.4 よりも多くの HTML 仕様をサポートするようになりました

この投稿がWordPress 6.5の新機能の探索に役立てば幸いです。WordPress サイトのさまざまなエリアを探索する一方で、サイトの速度とパフォーマンスを最適化したり、サイトのセキュリティを維持するために必要な WordPress のセキュリティ設定を見直したりすることもできます。

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

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

  1. A Owadud Bhuiyan

    Wow, WordPress is growing very fast this year.

    But will this impact on page builder plugins?

    • WPBeginner Support

      Page builders still have a place in WordPress, they are for the design of the overall site while the block editor is currently for the content on the post.

      管理者

  2. uzoma ichetaonye

    Wow. i am just seeing this now that there is a new update on the WordPress.
    And after going through, i love the fact that you can now use a custom font of your own choice rather than use the one provided by WordPress. With this new feature, i can make use of fonts to highlight important areas of my content, boost readers’ experience as well as clickthrough rate.
    Thanks so much to the WordPress team for this.

  3. Jiří Vaněk

    I was really looking forward to this version of Wordpress because it comes with a lot of really interesting features. Then I still have 6.4 on the site, but as soon as I make a complete backup of the site, I will update immediately. Thanks for the clear list of new features in one place. It’s great to see WordPress getting better with each update.

  4. Mrteesurez

    This update comes with exciting features. I can not wait to experience these features.
    I am wondering if two things:
    1. Full site editor may displace theme customizer later in the future.
    2. Also, block editor might also replace page builder, although this may take time

    • Jiří Vaněk

      I think the same. It’s evident that over time, the block editor will be as good and user-friendly as some page builders like Elementor or Seed Prod. Developers seem to realize this, and each version of WordPress significantly improves the Gutenberg block editor.

  5. Dennis Muthomi

    Thanks a ton for putting together this awesome post on the new features in WordPress 6.5.
    I’m stoked to see the Improved Link Control with NoFollow Checkbox and Connect Blocks to Custom Fields options finally made it!
    Those were two features I’ve been waiting for.This update looks super useful overall.

    appreciate you keeping us in the loop – keep crushing it with these helpful update guides WPBeginner team!

  6. Moinuddin Waheed

    I think updating to the latest wordpress version is a must for every wordpress user. Today itself, there is a news about cross site scripting vulnerability in beaver builder and there are very frequent security vulnerability news doing the round.
    In such scenarios, updation to the latest version will definitely help keep us safe to a great extent.
    every new version has improved code base and security patches if any, improved functionality and many new things added to the already functioning features.
    Thanks for keeping us updated about the new release of the wordpress.

返信を残す

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