【WordPress】ソースコード最適化プラグイン入れたら必要なJSが無効化されてた
このサイトですが、ソースコードなどを最適化するAutoptimizeというプラグインを使用しています。最近、記事の中に記述されたソースコードをいい感じにハイライトしてくれるhighlight.jsを使用しようと思い、
・ローカルでチェック:表示OK
・本番環境のプレビューでチェック:表示OK
・本番環境のプレビューでチェック:表示OK
で記事をアップしたのですが、なぜか本番環境になるとハイライトされなくなる事態が発生。開発者ツールでエラーを調べると
「Uncaught ReferenceError:○○ is not defined」
※○○はhighlight.jsの関数名
との表示。
ローカルとプレビューでは表示されていたので定義などのエラーとも考えにくく、本番の状態のみで稼働しているものが悪さをしていると推測。
それでたどり着いたのがソースコード最適化プラグインの「Autoptimize」でした。
解決方法
WPのダッシュボードから設定 ▶ Autoptimizeを開きます。
最初の画面「JS、CSS & HTML」にある項目Autoptimizeからスクリプトを除外:に使用したいJSの名前を入れます。今回はhighlight.min.jsと入力。
最初の画面「JS、CSS & HTML」にある項目Autoptimizeからスクリプトを除外:に使用したいJSの名前を入れます。今回はhighlight.min.jsと入力。
以上で解決しました。