［WP覚書］SyntaxHighlighter Evolvedが動かないときにチェックする項目
今まで、auto SyntaxHighlighterを使っていたのですが、
最近よく見かける、右上のコピー機能などが気になって、
その機能を持っている SyntaxHighlighter Evolved を導入してみることにしました。
導入方法は、ここのページが情報が網羅されててわかりやすかったです。
★ソースコードを見やすくする SyntaxHighlighter Evolved を入れてみた かめめねっと
なかなかうまくいかなかったので、色々チェックして回りました（＞＜）
既にSyntaxhighlighter系を利用しているときは、有効化する前に既存のプラグインを停止させる。
最初に有効化するときに、下のエラーがでましたが、
auto-syntaxhighlighterを停止してから、再度有効化したらうまくいきました。
とはいえ今までSyntaxhighlighterを利用して記述していたとこも
今まで通り表示されてます。
Fatal error: Cannot redeclare syntaxhighlighter() (previously declared in /…/wp/wp-content/plugins/auto-syntaxhighlighter/auto-syntaxhighlighter.php:184) in /…/wp/wp-content/plugins/syntaxhighlighter/syntaxhighlighter.php on line 1255
ヘッダー・フッターの記述確認
ヘッダーに
<?php wp_header(); ?>
フッターに
<?php wp_footer(); ?>
の記述が入ってないと動かない。
他にも上の記述が入ってないと動かないプラグインは結構あるようです。
プラグインを有効化すると、これらの部分に重要なJavascriptやcssなどが入るんですね～。へ～。
SyntaxHighlighter Evolvedの場合は、この場所にscript記述を吐き出してるらしい。
なので、この記述が入ってないと動かないんですね。
自分のは入ってたので、これはクリア。
［］の全角半角に注意
基本的にソースコードを[使用言語]と[/使用言語]で囲めばイイようなのですが、
うまくでないな～と思ったら、見事に［］が全角になってましたorz アホだ・・・。
プラグインScript Compressorを使ってませんか？
自分の場合は、これがビンゴでした・・・。
表示はされるようになったけど、
ハイライトされてないし、期待していた右上のコピー機能もでてきません。
更に捜索を続けたところ、
Script Compressorが入ってると動かない。という情報を見つけました。
プラグインをざっと見たら、ありました Script Compressor！
早速停止。
少し時間はかかりましたが、表示されました。
Script Compressorは、
テーマやプラグインで読み込まれる javascript と CSS のファイルの余計なスペースや行、コメントを削除してサイズを小さくする。
というプラグインだったので、読み込み速度の改善に多少は役に立ってたのでしょうが、
まぁしょうがないですね。
この他に、
Amazonのアフィリエイトウィジェットにiframeを使用していると、
Cromeで表示されないという現象などもあるようです。