ソースコードを表示するのに便利な「SyntaxHighlighter Evolved」

サイトを作っていると、備忘録的にソースコードを分かるところに残しておきたいということがあります。
いろいろなサイトで、丁寧に解説されているコードを拝見することがありますが、コードの解説などを行っているサイトはとても便利な記載方法になっていて、どうやってるのか？と思っておりました。

↓こんなやつです。

私のサイトなどは、ほとんどアクセスがないので人に見ていただくというよりは、自分のメモ帳代わりに使っていく予定です。

そんなわけで、調べて見つけました。
ソースコードを表示するのに便利なWordPressプラグイン「SyntaxHighlighter Evolved」。
早速導入。プラグインで、「SyntaxHighlighter Evolved」を検索してインストールしました。

やってみた。

ソースコードを表示するのに便利なWordPressプラグイン
「SyntaxHighlighter Evolved」。
早速つかってみました。
ついでに、ハイライトもしてみました。
簡単に使えて
とっても便利！
これから、使う機会が増えそうです。

対応してるコードは、

html,actionscript3,bash,coldfusion,cpp,csharp,css,
delphi,erlang,fsharp,diff,groovy,javascript,java,javafx,
matlab (keywords only),objc,perl,php,text,powershell,
python,r,ruby,scala,sql,vb,xml

使い方は簡単。
ソースコードを、[表記したい言語]と[/表記したい言語]のタグで囲むだけです。

行にハイライトをつける場合
［html highlight=”1,5″］のように記述。

ボックス左側の数字の開始番号を指定する場合
［html firstline=”87″］のように記述。

他にも、
あとは管理画面からも以下の様々な設定が可能。

行番号を表示する
ツールバーを表示する
自動リンクを有効にする
コードボックスの表示を閉じておく
軽い表示モードを使う
インデントタブを許容するスマートタブを使う
長い行を折り返す(v2.xのみ、横スクロールバーを無効にする)