WordPressでソースコードを綺麗に表示させる

いろいろとSTINGERをカスタマイズしたいのですが、それと共にブログも書こうと思っています。

そんな時、どうしてもソースコードを表示することになります。また今後このブログでAndroidやjavaのコードを書くこともあるかと思います。

そこでソースコードを綺麗に表示させるにはどうすればいいんだろう、と探してみた結果、ありましたよプラグインが。

WordPressってのはそういうのがいろいろとあって便利ですね。ようやくみんなに使われてる意味がわかりました(今更)

最初にやろうとしていることからどんどん横道に逸れていってる気もしますが気にしない。たどり着く先は一緒のはずだ。（ドヤ顔）

Crayon Syntax Highlighter

他にもいくつかプラグインがありますが、これの見た目が一番綺麗ですし安定してるみたいなのでこれ使ってみたいと思います。

Crayon Syntax Highlighterのインストール

簡単です。頭空っぽでもできます。CSSとかPHPとかでPP（プチパニックの略byDAIGO）起こしてる頭に差し込む一滴の清涼剤です。

WordPressのプラグインから新規追加で「Crayon Syntax Highlighter」を検索。

↓

今すぐインストール

↓

プラグインを有効化

↓

終了

Crayon Syntax Highlighterの設定

インストールが終わったら設定ですが、デフォルトで問題なさそうです。適当に変えてください。

設定のCrayonで設定できます。プレビューを見ながら色々と試してください。

ソースコードの貼り付け

こちらも簡単。

WordPressのテキストエディタでcrayonのボタン押すだけ。
ソースをコピペして挿入すると

↓こうなります。

これでソースを含んだブログが書ける様になりました。