TORQUES LABS

コードのハイライト

コードを書くことが多いプログラマとかのブログではコードをハイライトさせるプラグインは必須です。ということで、WordPressではどのようなプラグインがあるのか調べてみたら、このページ（「jmblog.jp – ソースコードをカラー表示するWordPressのプラグイン」）で”iG:Syntax Hiliter”が紹介されていたので、インストールしてみることにします。

• iG:Syntax Hiliter

インストール

上記ページ内にあるダウンロードリンク先をクリックしてダウンロードします。ちょっとわかりにくいのですが、以下のリンク先からダウンロードできると思います。

• iG:Syntax Hiliter のダウンロード開始

ダウンロードしたファイルを展開し出来たディレクトリの中の、ig_syntax hiliter plugin の中身を、wp-content/plugins ディレクトリにアップロードします。wp-content/plugins/syntax_hilite.php, wp-content/plugins/ig_syntax_hilite/ という感じになります。

これでWordPress設定画面のプラグインページを見てみると“iG:Syntax Hiliter”が追加されていますので、「使用する」ようにします。
以上でインストールは完了です。

試してみる

早速試してみます。
「ビジュアル」「HTML」モードのどちらのエディタでも大丈夫なので、次のように入力してみます。

結果は以下のようになります。
（2010/03/14ー別のシンタックスハイライトプラグインを入れて、iG:Syntax Hiliterをオフにしました。なので、以下の文章はHTMLがそのまま表示されています。）
[js]
// Comment here
function HelloWorld() {
alert(‘Hello World!’);
}
[/js]
どうでしょうか。なかなかいけてる感じですね。
ただ、「ビジュアル」エディタでは行頭の空白が無くなるようなので、ソースコード部分はアップロード前に「HTML」エディタで調整した方がよいかもしれません。
ActionScriptは “as”です。
[as]
// 関数.
public function get mapBitmapdata() :BitmapData
{
return mMapBitmapData;
}
[/as]

Rubyも試してみます。”ruby”タグで区切ります。（ちなみに以下のコードは以前Snipplrに投稿したものです。）

[ruby]
# 任意の底 a を持つ x の対数を計算.
def logA( x, a )
return (Math.log(x)/Math.log(a))
end
p logA( 2, 2 ) # => 1.0
p logA( 4, 2 ) # => 2.0
[/ruby]

問題点

ただ、普通の文章中で大括弧［］を使うとそれが認識されてしまうようになるので、これを一時的にoffにする方法はどのようにしたらいいのだろう。
ちょっと探し中。

追記：2009/05/28

どうやら、C#は未対応の様子。残念。