ソースコードをきれいに載せるプラグインSyntaxHighlighter Evolved

ちょっと前から気になっていたプラグインがあるんですが。それが、ブログを書いていると、たまに必要だなと思っていたものです。

それが、ソースコードをきれいに表示できるプラグインです。

前回の記事はそれを使っています。

また、いくつか同じよなプラグインがあるようですね。

どれがいいのかよく分からないので、とりあえず、2つ導入してみた。

このプラグインは、普通の人は使わないので、需要はそれほどないかも知れませんが。。。

SyntaxHighlighter Evolved というプラグインと Google Syntax Highlighter for WordPress HF Edition プラグインを入れてみました。

SyntaxHighlighter Evolved は、結構詳しく紹介しているサイトがあるので、そちらをみた方が早いと思いますが、とりあえず導入するには。

いつものよに、サーバーに SyntaxHighlighter Evolved をアップロードします。

あとは、有効化して、使い方を覚えるだけですが。

【使い方】
PHPの場合は、

[php] PHP コードを入力 [/php]

このようにはさむと表示されます。

どうやら、注意点があるようです。

それは、header.php に <?php wp_head(); ?>、footer.php に <?php wp_footer(); ?> が必要だといことです。

これを入れないと表示されませんでした。

てっきり入れてあると思ったら、別のところでした。

入れたら、しっかりと表示されました。

その他設定に関しては、こちらのサイトが詳しいと思います。SyntaxHighlighter EvolvedのSetting – Bitmacroブログ

それと、 Google Syntax Highlighter for WordPress HF Edition ですが、こちらも先ほど書いたコードがないと表示されないので、入れて置きましょう。

【使い方】

使うには、preタグを使用します。

PHPの場合は、preタグにクラスを指定して、brush:php が必要のようです。

その他使い方も、配布先に書かれているので、そちらを参考に。

使いやすい方をチョイスするといいかと思います。

ワードプレス（WordPress）の個人的覚書