Web制作に関するブログやホームページでは、記事の中でHTMLやCSSのタグを表示させて説明しますが、記事の中で普通にHTMLタグを使ってしまうとタグが反映されてしまって文字としてうまく表示されません。
表示方法はhtmlタグの一部を特殊文字で記述するというものですが、自動変換を使ってもやや面倒です。
そこで「SyntaxHighlighter Evolved」という、ソースコードをキレイに表示するためのプラグインを使ってみました。
SyntaxHighlighter Evolvedとはソースコード(プログラムのコード)をそのまま記事に表示にすることができるプラグインです。
以下のページからDLすることができます。
使い方
プラグインを検索してインストール、有効化した状態で、コードとして表示したい部分を[表示させたい言語]と[/表示させたい言語]でくくります。あとは自動的にプラグインが指定した言語に適した形で整理して表示してくれます。
例
<p>こんにちは山田さん。</p> <p>あら、お久しぶりです山田さん。</p>