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

WordPressでjQueryを最新バージョンにアップグレードする方法

WPBeginnerでは、サイト訪問者を安全かつセキュアに保つことに真剣に取り組んでいます。見落とされがちですが、jQueryを常に最新の状態に保つことは、サイトのセキュリティと機能性にとって非常に重要です。

サイトのセキュリティについて読者に説明する際、タイムリーな更新の重要性はいくら強調しても足りない。

古いバージョンのjQueryを使用すると、脆弱性への扉が開かれ、テーマやプラグインとの互換性の問題が生じ、サイトがクラッシュする可能性もあります。

この投稿では、WordPressでjQueryを最新バージョンに更新し、サイトの安定性、安全性、最高のパフォーマンスを維持する方法を紹介します。

How to Upgrade jQuery to Latest Version in WordPress

WordPressでjQueryを最新バージョンにアップグレードする理由

WordPressサイトはもちろん、多くのプラグインやテーマも、高速でインタラクティブな魅力的な機能を作成するために、jQueryと組み合わせたJavaScriptに依存しています。

サイトのセキュリティを維持するためには、jQueryを常に最新の状態に保つことが重要です。最新バージョンでは、サイトを危険にさらす可能性のある旧バージョンのバグや脆弱性が修正されています。

最新バージョンのWordPressを使用している場合、手動でjQueryを更新する必要はありません。自動的に行われます。しかし、WordPress 5.4以前の古いバージョンのWordPressを使用している場合は、更新を行うことをお勧めします。

また、WordPressの初期設定のjQueryをGoogle Libraryに置き換えている場合は、自動的に最新バージョンに更新されません。

エディター注:jQueryを更新すると、古いプラグインの機能が壊れる可能性があることを強調しておく。ほとんどの場合、それは問題ではありませんが、万が一問題が発生した場合は、簡単に古いバージョンに戻すことができます。

ということで、WordPressでjQueryを最新バージョンにアップグレードする方法を見ていきましょう。このチュートリアルで扱う内容は以下の通りです:

jQueryのバージョンが古いかどうかを判断する方法

ウェブブラウザーのJavaScriptコンソールを使えば、サイトが実行しているjQueryのバージョンを簡単に調べることができます。

まず、サイトにアクセスし、JavaScriptコンソールを開きます。Google Chromeを使用している場合は、メニューから表示 ” 開発者 ” JavaScriptコンソールを選択することで実行できます。

次に、以下のコマンドをコンソールに貼り付ける:

1
jQuery.fn.jquery

このコマンドは、あなたのサイトが実行しているjQueryのバージョンを表示します。

Discover the Version of jQuery Your Website Is Running

うまくいけば、バージョン3.5.1以上が表示されるはずです。もしあなたのサイトが1.7以下で始まるバージョンを使用しているなら、間違いなくアップグレードするべきです。

方法1:jQueryを最新の安定版にアップグレードする。

jQuery Updaterプラグインは、jQueryを最新の公式安定版に更新します。WordPressに付属しているバージョンよりも最新である可能性が高い。

まず、jQuery Updaterプラグインをインストールして有効化する必要があります。詳しくは、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。

有効化すると、あなたのサイトは最新バージョンのjQueryを実行し始めます。ただし、変更を確認する前に、ブラウザーキャッシュと WordPressキャッシュを クリアする必要があるかもしれません。

プラグインにはjQuery Migrateスクリプトが含まれており、後方互換性を保つことができます。ただし、一部のプラグインで問題が発生した場合は、jQuery Updaterプラグインを無効化するだけで、サイトを元の状態に戻すことができます。

方法2:サイトで実行するjQueryのバージョンをコントロールする

Version Control for jQueryプラグインを使用すると、サイトで実行されるjQueryのバージョンをコントロールできます。これにより、WordPressユーザーは安定したWordPressサイトを運営することができ、WordPress開発者は自分のコードがさまざまなバージョンのjQueryで動作するかどうかを確認することができます。

始めるには、jQuery Updaterプラグインをインストールして有効化する必要があります。ヘルプが必要な場合は、WordPressプラグインのインストール方法のステップバイステップガイドを参照してください。

有効化したプラグインは、初期設定で最新のプレリリースバージョンのjQueryになります。また、後方互換性のためにjQuery Migrateスクリプトもインストールされます。

必要であれば、Settings ” jQuery Version Controlページにアクセスして、異なるバージョンのjQueryを選択することができます。

Choose the Version of jQuery You Wish to Run

ここから、サイトで実行するjQueryとjQuery Migrateのバージョンを選択できます。本当に〜してもよいですか’変更を保存’ボタンをクリックして、設定を保存します。

jQueryの更新によって古いプラグインが壊れた場合は、ドロップダウンメニューから以前のバージョンを選択するだけです。また、Version Control for jQueryプラグインを無効化すれば、サイトは元の状態に戻ります。

WordPress更新のエキスパートガイド

このチュートリアルで、WordPressでjQueryを最新バージョンに更新する方法をご理解いただけたと思います。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.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us. Here's our editorial process.

アバター

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.

The Ultimate WordPress Toolkit

Get FREE access to our toolkit - a collection of WordPress related products and resources that every professional should have!

Reader Interactions

Comments

  1. Congratulations, you have the opportunity to be the first commenter on this article.
    Have a question or suggestion? Please leave a comment to start the discussion.

Leave A Reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.