wordpress:syntaxhighlighter
12月 28th, 2009 by q | Filed under plugin, wordpress.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に切り替えました。
コードの記述例は[ ○○ ]コード[/○○]というだけ。○○には使用言語名を入れてね。
これで心おきなく使用できますね。
Subscribe Feed (RSS)
[...] SyntaxHighlighter Evolved に変更しました。 参考：qumk.net さん：wordpress:syntaxhighlighter [...]
[...] 【参考】http://www.qumk.net/archives/72.html [...]