ワードプレスのブログでプログラムソースコードを綺麗に整形して表示してくれるプラグイン「Crayon Syntax Highlighter」がいつの間にか上手く動かなくなっていました。
現象としては
- 表示しているソースコードがマウスで選択できない
- ソースコードの下のスクロールバーが動かせない
- ボックス上部に表示されているToolBoxがクリックしても反応しない
というものです。
これは何とかせねば、ソースをコピペして実証してみたい人に迷惑をかけてしまいます。
WordPresプラグインとは
WordPressのプラグインはPHPで作れらた小さなプログラムのことで、WordPressに追加でインストールすることで、標準にはない機能を簡単に追加することができます。
WordPressのプラグインとは？
WordPressのプラグインはPHPで作られた小さなプログラムのことです。プラグインをWordPressに組み込むことで標準にはない機能を簡単に取り入れることができるようになっています。
lightgauge.net
Crayon Syntax Highlighterプラグインが動かない時の解決方法
Crayon Syntax Highlighterプラグインはこれまで長年使ってきているので、急に使えなくなることは考えにくいのです。
ということは、自分のサイトに何か問題がある。
つい先日までは使えていたので、最近やったことを思い出す・・・
Cocoonの高速化
実はつい最近、使っているワードプレステーマの「Cocoon」に備わっている「高速化」を実施したのです。
もしかしてこれか？
現状は
になってます。
怪しいのは・・・やはり「JavaScriptを縮小化する」か。
ということで
結果は・・・ビンゴ！！
ちゃんとCrayon Syntax Highlighterプラグインが動くようになりました。
まとめ
Crayon Syntax HighlighterプラグインはCocoonの「JavaScriptを縮小化」とは相性が悪いようです。
いまはこのチェックボックスを外しているのでCrayon Syntax Highlighterプラグインで表示しているソースコードをマウスで選択したり、上部のToolBoxも正常にどうさしています。
以上、Crayon Syntax Highlighterプラグインが動かない時の解決方法でした。
