WordPressでソースコードを綺麗に掲載するには?

WordPressでソースコードを綺麗に掲載するには?

ソースコードを掲載するためのプラグインが、WordPressに用意されていましたので、当ブログに導入しました。「Crayon Syntax Highlighter」という名前のプラグインです。

Crayon Syntax Highlighter でのソースコードの表示

このプラグインを導入した結果、下図のように、ソースコードを色や行番号をつけて表示できるようになります。かなり綺麗に表示できるようになります。

 

ソースコードを表示する方法

このプラグインをインストールすると、記事更新のエディタに< >のようなボタン(下図)が追加されます。このボタンをクリックし、表示したいソースコードを貼り付けます。そうすれば、上記のようなソースコード表示ができます。

crayon_wordpress_pic

良いプラグインで、お薦めです

Crayon Syntax Highlighter は、良いプラグインだと思いました。その理由を以下に列挙します。

  • このプラグインを使えば、ほとんど手間をかけずに、ソースコードを綺麗に表示する事ができます。
  • 行番号つきでコードが表示されますので、コードの内容についての説明に便利です。
  • 読者にとっての使い勝手も良いです。例えば、読者がソースコードをマウスでコピーする際は、行番号を除く「ソースコード本文」部分をコピーできますので、貼り付けて利用する際に便利です。

 

参考サイト

この便利なプラグインを、私は下記のサイトで知り、当ブログに導入しました。下記のサイトには、プラグインの詳しい使い方も載っています。

ソースコード表示プラグイン Crayon Syntax Highlighter の使い方(http://nozziedesign.com/2811.html リンク切れ)

関連記事

タグ: , , ,

コメントを残す

メールアドレスが公開されることはありません。