【WordPress】SyntaxHighlighter Evolvedでコードをきれいに表示するプラグイン

wordpressでJava、PHPなどのプログラムコードやSQL、Shellなどのコードをきれいに表示するプラグインを紹介します。

SyntaxHighlighter Evolved

SyntaxHighlighter Evolvedは、wordpressのプラグインでプログラム、SQL、Shellなどのコードをきれいに表示することが出来ます。
表示速度も早く、インストールも簡単で、すぐに使用できるので、おすすめです。

表示イメージ
[peg-image src="https://lh3.googleusercontent.com/-DCO_fNRmtpU/V02hpDydVFI/AAAAAAAAANs/j32ttnZr_5kFAbRwEgmaaQUBXBo7jtT0gCHM/s144-o/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%2B2016-05-31%2B23.36.32.png" href="https://picasaweb.google.com/107888545635181725503/Web#6290861981270103122" caption="SyntaxHighlighter Evolved 表示イメージ" type="image" alt="SyntaxHighlighter Evolved 表示イメージ" image_size="743x192" ]

SyntaxHighlighter Evolvedインストール

SyntaxHighlighter Evolvedのインストール手順です。

1. wordpressにログインし、左メニューのプラグインから新規追加を選択
2. プラグイン検索テキストボックスに「SyntaxHighlighter Evolved」を入力し、Enter
3. SyntaxHighlighter Evolvedの「今すぐインストール」ボタンをクリック
4. 「有効にする」リンクをクリック

SyntaxHighlighter Evolvedの設定

wordpressの左メニューの「設定」 > 「SyntaxHighlighter」の項目があるので、そこからSyntaxHighlighter Evolvedの設定を行うことが出来ます。
ほぼデフォルトのままで十分ですが、テーマで見た目がだいぶ変わるので、好きなのを選んでください。
テーマを変更し、「変更を保存」ボタンをクリックして保存するとプレビューに反映されます。

SyntaxHighlighter Evolvedの使用方法

[ java][/java]や[ sql][/sql]のようにタグを記述して使用します。
※[の後のスペースは抜いて使用してください。

phpのコードを表示する場合

[ php]
echo phpinfo();
[ /php]

javascriptのコードを表示する場合

[ js]
echo phpinfo();
[ /js]

以下のタグが使用できます。