ワードプレスのブログでプログラムソースコードを綺麗に整形して表示してくれるプラグイン「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プラグインが動かない時の解決方法でした。
