WordPressの記事内にプログラムコードを表示するプラグイン

Wordpressの投稿記事中にphpやcssのプログラムコードを書くと、見やすく表示されないことがあります。半角文字を全角文字で書いて注記を付ける方法もありますが、Syntax Highlighterプラグインで解決できます。

プラグインでコードを表示

そんなとき、「Syntax Highlighter」をWordPressに対応させたプラグイン「Syntax Highlighter for WordPress」を使うことで入力も簡単になり、分かりやすく表示されます。

日本語にも対応しているので分かりやすく、プラグインを有効にした後、設定はバージョンと表示色を選ぶだけです。
「Syntax Highlighter for WordPress」の設定画面

記事の投稿は投稿画面をテキスト(html)入力モードにして、
[プロフラムの種類]
入力したいプログラムのコード
[/プロフラムの種類]
のスタイルです
cssならば、
［css］
.comment-content {
line-height: 1.846153846;
color: #333333;
}
［/css］
のように書けばOKです。
※ここではhtml表記上「［］」を使っているので「[]」に置き換えて下さい。
下はデフォルトのカラーで上が「css」下半分が「php」です。

表示パターンは数色あり、背景と文字色が変ります。

プログラマーの方でなくても「html」を記事に書きたい方は多いと思うので、WordPressを使う方にはオススメのプラグインです。