WordPress5.6にアップグレード。
するとおやおや、javascriptのエラーが発生。
コンソールに出力されているエラーは「jQuery is not defined」。
jQuery本体が読み込まれていない様子です。
WordPress5.5からjQueryに変更が入っているようで。
その辺りが原因かな……と調べてみたところ、プラグインの「Autoptimize」が関係している模様。
結果として、WordPress5.6になってjQueryのファイル名が変更となっていたのが原因。
これまではjquery.jsだったのがjquery.min.jsとなっていました。
Autoptimizeでは、ファイル名指定でjsを圧縮から外すことができます。
この指定から漏れたことで、jquery.min.jsまで圧縮されてjQueryが機能しなくなった形です。
jQuery is not defined|WordPress5.6に更新したらjavascriptエラーが発生
個人のブログなど、WordPressで運用しているサイトは自動アップグレードしています。
そんなこんなで、WordPress5.6にも更新されたわけですが。
![](https://www.islog.jp/wp-content/uploads/2020/12/スクリーンショット-2020-12-21-16.03.08.png)
その直後から、閲覧数をカウントするプラグインなどが動かなくなりました。
![](https://www.islog.jp/wp-content/uploads/2020/12/スクリーンショット-2020-12-21-15.55.59.png)
表示側で確認してみると、コンソールにスクリプトエラーが。
「jQuery is not defined」との内容なので、jQuery自体が読み込まれていない様子。
WordPress5.6からjQueryのファイル名が変更に…プラグインAutoptimizeを使っている場合は注意!
諸々調べたところ、下記のフォーラムの書き込みを発見。
![](https://s.w.org/images/home/wordpress-default-ogimage.png)
同じ現象だったので読み進めていると、下記コメントが答えになりました。
aha, found it; 5.6.0 changes the filename of jQuery, so you’ll have to change js/jquery/jquery.js into js/jquery/jquery.min.js ..
WordPress5.6からjQueryのファイル名が変更になっていたようです。
これまではjquery.jsでしたが、jquery.min.jsとなっています。
私が運用しているWordPressサイトではプラグインのAutoptimizeを使っています。
HTMLやCSS・JSなどを圧縮したり結合したりすることで、表示スピードを上げるなどの恩恵を受けられます。
![](https://www.islog.jp/wp-content/uploads/2020/12/スクリーンショット-2020-12-21-16.04.36.png)
そのAutoptimizeですが、設定で特定のjavascriptを処理から除外できます。
jQueryなんかは圧縮したり結合すると動かなくなるため、「Autoptimizeからスクリプトを除外」の入力欄にこれまではjquery.jsを記述していました。
これが、WordPress5.6からjQueryのファイル名が変更になってしまったので……。
![](https://www.islog.jp/wp-content/uploads/2020/12/スクリーンショット-2020-12-21-16.02.05.png)
jquery.min.jsを除外するスクリプトに追加してやります。
この設定で、スクリプトエラーは解消。
WordPressのアップグレード前と同じように、想定通りの動作となりました。
WordPress の jQuery は5.5、5.6、5.7の3回のリリースにわたって更新されます。このプロセスの中間点に到達した今、更新テストプラグインを実行して事前にサイトでのエラーを確認してください。
スライダーが動かない、ボタンの動きがおかしいなどサイトの見た目で問題がある場合は jQuery Migrate プラグインをインストールしてください。
こんな通知もされていますからね、5.7系のアップグレード時も気をつけたほうが良さそうですね。
![](https://www.islog.jp/wp-content/plugins/pochipp/assets/img/pochipp-logo-t1.png)
![](https://www.islog.jp/wp-content/plugins/pochipp/assets/img/pochipp-logo-t1.png)
コメント