【WordPress】ソースコード最適化プラグイン入れたら必要なJSが無効化されてた

2022.08.23

このサイトですが、ソースコードなどを最適化するAutoptimizeというプラグインを使用しています。最近、記事の中に記述されたソースコードをいい感じにハイライトしてくれるhighlight.jsを使用しようと思い、

・ローカルでチェック:表示OK
・本番環境のプレビューでチェック:表示OK

で記事をアップしたのですが、なぜか本番環境になるとハイライトされなくなる事態が発生。開発者ツールでエラーを調べると
「Uncaught ReferenceError:○○ is not defined」
※○○はhighlight.jsの関数名
との表示。
ローカルとプレビューでは表示されていたので定義などのエラーとも考えにくく、本番の状態のみで稼働しているものが悪さをしていると推測。
それでたどり着いたのがソースコード最適化プラグインの「Autoptimize」でした。

解決方法

WPのダッシュボードから設定 ▶ Autoptimizeを開きます。
最初の画面「JS、CSS & HTML」にある項目Autoptimizeからスクリプトを除外:に使用したいJSの名前を入れます。今回はhighlight.min.jsと入力。

以上で解決しました。

タグ: