SyntaxHighlighter:ソースコードをきれいに表示する

ブログ記事にソースコードを挿入する際、

と括ってあげれば少しは見栄えがよくなります。

ですが、長い関数やファイルをそのまま記載する場合、インデントだけではちょっと不十分。普通のエディタの用に色分けなどされた方が格段に見やすいと思います。

このような時はSyntaxHighlighterプラグインを使うと便利です。

このプラグインは、PHPをはじめCやJava、CSSやXMLなどに対応しています。インデントを整えてくれるだけでなく、色分けまで自動でしてくれるので便利です。有効化した後、設定メニューでSyntaxを選択し、対応させたい言語を選択しましょう。

また、メニューの中で「Hide Columns?」にチェックを付けると字数カウントの表示が消えます。個人的には見栄えがよくなかったので、これは消してしまってもよいと思います^^;

動作例

例えばWordPressのindex.phpなら、こんな感じになります。

この記事に付けられたタグ

, ,

ブックマークに追加する This entry was posted on 土曜日, 2 月 9th, 2008 at 23:08:21and is filed under WordPressのプラグイン. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

Leave a Reply





XHTML: You can use these tags:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <img localsrc="" alt="">

ページ
Categories
アーカイブ
Ranking
あわせて読みたい
プライバシーポリシー
本サイトでは、Google Adsense社の広告を配信しています。このため、広告配信プロセスの中でデータを収集するために、Cookieやウェブビーコンを使用しています。もし、第三者にデータ送信を行いたくない場合は、ブラウザのCookie機能をオフにしてアクセスしてください。詳しくは、Adsense広告の、公式プライバシーポリシーをご覧ください。