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に切り替えました。
コードの記述例は[ ○○ ]コード[/○○]というだけ。○○には使用言語名を入れてね。

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

Tags: ,


2 Responses to “wordpress:syntaxhighlighter”

  1. [...] SyntaxHighlighter Evolved に変更しました。 参考:qumk.net さん:wordpress:syntaxhighlighter [...]

  2. [...] 【参考】http://www.qumk.net/archives/72.html [...]

Leave a Reply