qumk.net

wordpressをカスタマイズする上で便利なのがplug-inなんですが、
今回色々plug-inを追加する前にどうしても入れておきたかったのが
Syntaxhighlighterというソースコードをハイライト表示するplug-inでした。

こういうやつね。

your code here

早速インストールしてみたものの、ん？表示されない。。
なんで？ということでちゃんと有効になるまで色々検証してみました。

まずわかったこと。
・syntaxhighlighterには色々種類がある

そこでエラーがでたものも含め5種類のSyntaxhighlighterをインストールしてみました。
試したSyntaxhighlighterは以下の通り

google-syntax-highlighter-hf
SyntaxHighlighter Evolved
syntax-highlighter.2.0.2-1
syntax-highlighter-for-wordpress
syntaxhighlighter-plus

5種類試して全部表示されず、気付いたことがありました。
もっと早く気付けよ、おいってとこなんですが、次にわかったこと。
・wordpressのバージョンとの互換性がある

このwordpressのバージョンは2.9

そこでバージョンと試した5種類を照らし合わせ使いやすそうなものを絞り込み。

syntaxhighlighter-plus
SyntaxHighlighter Evolved

この2つはwordpressのバージョンを満たしていました。でもなぜ表示されない？

この時点で完全にSyntaxhighlighterに問題があると思い込んでたあたしですが、
Syntaxhighlighterが問題かどうかチェックしてないや。
ひとまず使用しているthemeをデフォルトに戻してみる

ほい！表示されるやん！
ええ？じゃあ原因はthemeか！

ということでそれを解消する方法。
themeのフォルダ内にあるfooter.phpに以下のコードを追記

<?php wp_footer(); ?>

参考：SyntaxHighlighter Evolved表示できず・・・

ほい、どうでしょう？
なんとsyntaxhighlighter-plusもSyntaxHighlighter Evolvedも
ちゃんと表示されるじゃないですか！
なーんだ、そんなことで。。

ちなみにこのページで使用しているのはsyntaxhighlighter-plusです。
actionscript3.0に非対応の為、SyntaxHighlighter Evolvedに切り替えました。
コードの記述例は[ ○○ ]コード[/○○]というだけ。○○には使用言語名を入れてね。

これで心おきなく使用できますね。