Crayon Syntax Highlighterプラグインが動かない時の解決方法

記事内に広告が含まれています。

ワードプレスのブログでプログラムソースコードを綺麗に整形して表示してくれるプラグイン「Crayon Syntax Highlighter」がいつの間にか上手く動かなくなっていました。

現象としては

  1. 表示しているソースコードがマウスで選択できない
  2. ソースコードの下のスクロールバーが動かせない
  3. ボックス上部に表示されているToolBoxがクリックしても反応しない

というものです。

これは何とかせねば、ソースをコピペして実証してみたい人に迷惑をかけてしまいます。

WordPresプラグインとは

WordPressのプラグインはPHPで作れらた小さなプログラムのことで、WordPressに追加でインストールすることで、標準にはない機能を簡単に追加することができます。

WordPressのプラグインとは?
WordPressのプラグインはPHPで作られた小さなプログラムのことです。プラグインをWordPressに組み込むこと...

Crayon Syntax Highlighterプラグインが動かない時の解決方法

Crayon Syntax Highlighterプラグインはこれまで長年使ってきているので、急に使えなくなることは考えにくいのです。

ということは、自分のサイトに何か問題がある。

つい先日までは使えていたので、最近やったことを思い出す・・・

Cocoonの高速化

実はつい最近、使っているワードプレステーマの「Cocoon」に備わっている「高速化」を実施したのです。

もしかしてこれか?

現状は
ワードプレステーマのCocoonの高速化
になってます。

怪しいのは・・・やはり「JavaScriptを縮小化する」か。

ということで
ワードプレステーマのCocoonの高速化でJavascriptを無効にする

結果は・・・ビンゴ!!

ちゃんとCrayon Syntax Highlighterプラグインが動くようになりました。

まとめ

Crayon Syntax HighlighterプラグインはCocoonの「JavaScriptを縮小化」とは相性が悪いようです。

いまはこのチェックボックスを外しているのでCrayon Syntax Highlighterプラグインで表示しているソースコードをマウスで選択したり、上部のToolBoxも正常にどうさしています。

以上、Crayon Syntax Highlighterプラグインが動かない時の解決方法でした。

タイトルとURLをコピーしました