WordPressサイトで動作しているjQueryのバージョンは最新ですか?
テーマやプラグイン、WordPress 自体は jQuery に依存しています。バージョンが古い場合、サイトが危険にさらされる可能性があります。
この投稿では、WordPressでjQueryを最新バージョンに更新する方法を紹介します。
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コンソールを選択することで実行できます。
次に、以下のコマンドをコンソールに貼り付ける:
jQuery.fn.jquery
このコマンドは、あなたのサイトが実行しているjQueryのバージョンを表示します。
うまくいけば、バージョン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を選択することができます。
ここから、サイトで実行するjQueryとjQuery Migrateのバージョンを選択できます。本当に〜してもよいですか’変更を保存’ボタンをクリックして、設定を保存します。
jQueryの更新によって古いプラグインが壊れた場合は、ドロップダウンメニューから以前のバージョンを選択するだけです。また、Version Control for jQueryプラグインを無効化すれば、サイトは元の状態に戻ります。
WordPress更新のエキスパートガイド
jQueryの更新方法がわかったところで、WordPressで行う必要があるその他の更新に関連する投稿をご覧ください。
- 初心者ガイド:WordPressを安全に更新する方法(インフォグラフィック)
- WordPressの最新バージョンの確認と更新方法
- WordPressのセキュリティ更新を確認する方法(初心者ガイド)
- WordPressの自動更新を上手に管理する方法
- WordPressプラグインの正しい更新方法(ステップバイステップ)
- カスタマイザーを失わずにWordPressテーマを更新する方法
- WordPressプラグインとテーマの自動更新を有効化する方法
- WordPressとプラグインのどちらを先に更新すべきか?(適切な更新順序)
- WordPressでPHPのバージョンを更新する方法(正しい方法)
- ホスティングサービスによるPHP更新が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.
Syed Balkhi says
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!