WordPressで読み込まれるjQueryやjQuery Migrateを新しいバージョンに変更した時の挙動を確認できるプラグイン「Test jQuery Updates」

WordPressで読み込まれるjQueryやjQuery Migrateを新しいバージョンに変更した時の挙動を確認できるプラグイン「Test jQuery Updates」

WordPressで読み込まれるjQueryやjQuery Migrateを新しいバージョンに変更した時の挙動を確認できるプラグイン「Test jQuery Updates」

Test jQuery Updatesは、jQueryやjQuery Migrateを最新バージョンに変更した時に、サイトに不具合が起きないかを確認できるWordPressプラグインです。

WordPressの今後のバージョンで、jQueryやjQuery Migrateが段階的に変更される予定です。(あくまで予定なので変更になる可能性はあります)

  • WordPress5.5:jQuery1.12.4 / jQuery Migrateの削除
  • WordPress5.6:jQuery / jQuery Migrate / jQuery UI いずれも最新バージョン
  • WordPress5.7:jQueryは最新バージョン / jQuery Migrateは削除

この仕様変更に伴い、不具合が発生するサイトも出てくると思います。

Test jQuery Updatesを導入することで、事前にjQueryやjQuery Migrateの読み込みだけを変更して、WordPressのアップデートによって不具合が起こる箇所がないかチェックすることが可能になります。

Test jQuery Updatesのインストール

インストール手順は以下の通りです。

ファイルをFTPでアップロードしてインストール

  1. Test jQuery Updatesをダウンロードします。
  2. ダウンロードしたファイルを展開し wp-content/plugins にアップロードします。
  3. 管理画面の[プラグイン]ページで、Test jQuery Updatesを有効化します。

WordPress管理画面でインストール

  1. [プラグイン] – [新規追加]にアクセスします。
  2. 「Test jQuery Updates」で検索します。
  3. [今すぐインストール]をクリックして、Test jQuery Updatesをインストールします。
  4. [有効化]をクリックしてプラグインを有効化します。

Test jQuery Updatesの使い方

WordPress管理画面で[プラグイン] – [Test jQuery Updates]にアクセスします。

jQuery・jQuery Migrate・jQuery UIそれぞれのバージョンを指定できますので、バージョンを指定して設定を保存します。

Test jQuery Updatesの設定

jQueryのバージョンを3.5.1、jQuery MigrateをEnableにすると、jQueryの読み込み部分が以下のように変わります。

<script src='https://example.com/wp-content/plugins/wp-jquery-update-test/assets/jquery-3.5.1.min.js?ver=3.5.1' id='jquery-core-js'></script>
<script src='https://example.com/wp-content/plugins/wp-jquery-update-test/assets/jquery-migrate-3.3.0.min.js?ver=3.3.0' id='jquery-migrate-js'></script>

WordPress5.6と同等の環境でチェックができますね。

jQueryのバージョンを3.5.1、jQuery MigrateをDisableにすると、WordPress5.7と同等の環境にできます。

あとがき

将来的なWordPressバージョンと同等の状態を作れるので、事前に検証ができて便利です。

いきなりWordPressをアップデートすると不具合が発生する可能性もありますので、jQueryやjQuery Migrateに限られますが、Test jQuery Updatesを使って事前チェックをしておくと良いですね。

この記事が気に入ったら
いいね!してね♪

Twitter で

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です