ソースコードをきれいに表示するWordPressプラグイン「SyntaxHighlighter Evolved」!

2014/02/15

こんにちは。
今回は、ソースコードをきれいに表示するWordPressプラグイン「SyntaxHighlighter Evolved」を紹介します。
ブログをやられているWebデザイナーやプログラマーの方にオススメです。

 

導入の仕方

WordPressの管理画面の『プラグイン』→「新規追加」で「SyntaxHighlighter Evolved」を検索します。
インストールし、有効化します。

 

設定

WordPressの管理画面の『設定』→「SyntaxHighlighter」を開きます。
下記のような画面になりますので、お好みで変更してみて下さい。
テーマ(デザイン)は7種類ありますので、お好きなデザインを選べます。

src2

 

使い方

使い方は簡単です。
ソースコードを、[言語名][/言語名]のタグでくくるだけです。

 

WordPress 仕事の現場でサッと使える! デザイン教科書 (Webデザイナー養成講座)
WordPress 仕事の現場でサッと使える! デザイン教科書 (Webデザイナー養成講座)

 

いかがでしたか。
最初はみんなどうやってブログにきれいにコードを載せているのか疑問でした。
こういう便利なプラグインがあるのですね。
以上で「SyntaxHighlighter Evolved」の紹介でした。

topへ戻る