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

2015/01/08

こんにちは。
今回はソースコードをきれいに表示するWordPressプラグイン「Crayon Syntax Highlighter」!です。

「Crayon Syntax Highlighter」というプラグンを使ってみていい感じだったので、紹介します。
ソースコードをきれいに表示するWordPressプラグインは「SyntaxHighlighter Evolved」が有名ですが、「Crayon Syntax Highlighter」の機能も同等かそれ以上だと思います。

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

Crayon Syntax Highlighter

crayon_syntax_highlighter

https://wordpress.org/plugins/crayon-syntax-highlighter/

 

ダウンロードしてみよう!

WordPressの管理画面から[プラグイン]→[新規追加]をクリックします。
「Crayon Syntax Highlighter」と検索し、「Crayon Syntax Highlighter」の
[いますぐインストール]をクリックしてインストールします。
[プラグイン]→[インストール済みプラグイン]をクリックし、「Crayon Syntax Highlighter」を有効化します。

 

設定

有効化するとWordPressの管理画面の[設定]→[Crayon]が表示されるので、クリックします。
ここで設定をするのですが、
phpを使われるのならば、
crayon_syntax_highlighter2
に必ずチェックを入れましょう!
後は、[ツールバーの表示]を[常に表示]にしています。
[マウスオーバー時]だとかなり邪魔なので、[常に表示]にしています。

 

使い方

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

 

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

 

いかがでしたか?他にもjsを使ってソースコードをきれいに表示する方法もあるようです。
以上でソースコードをきれいに表示するWordPressプラグイン「Crayon Syntax Highlighter」に乗り換え!でした。

topへ戻る