ブログ上でソースコードを、すごく見やすくするWordPress(ワードプレス)のプラグイン「SyntaxHighlighter」

WordPress(ワードプレス)の便利なプラグイン「SyntaxHighlighter」

webなワードプレス使いな人は必須だと思います。

知ってる人盛りだくさんなはずなんで、忘れっぽい私のメモ代わりに…。

このプラグインを使用すると、様々な言語のソースコードがきれいで見やすく表示できます。

■導入方法は以下のように

• まずはプラグインをダウンロード→Syntax Highlighter
• /wp-content/plugins/  にFTP等からアップロードします。
• ワードプレス管理画面で有効化します。
• 実際に表示するには、記事投稿画面にて以下のように記述します。

[***]ここに表示したいコードを記述します。[/***]

※CSSのコードを記述するなら *** の部分は 「css」 のように小文字で挿入します。

■以下対応言語 – 記載する文字

C++　-　cpp, c, c++
C# c#　-　c-sharp, csharp
CSS　-　css
Delphi　-　delphi, pascal
Java　-　java
Java Script　-　js, jscript, javascript
PHP　-　php
Python　-　py, python
Ruby　-　rb, ruby, rails, ror
Sql　-　sql
VB　-　vb, vb.net
XML/HTML　-　xml, html, xhtml, xslt

■表示サンプル↓

div#test{
height: 500px;
width: auto;
}

このようにキレイで見やすく表示されますよ！