.photo {
    position: relative;
    display: block;
    width: 400px;
    height: 265px;
}

デザインブログなどでよく見かけるHTMLソースやcssコード表示ですが、「Syntax Highlighter」は簡単にコードを表示できるプラグインです。

使い方

• ダウンロード画面からzipファイルをダウンロード
• WordPress管理画面からプラグインをアップロード&インストール
• 後は記事投稿の際に使用したいコードを[※※]～[/※※]で囲めばOKです
  cssコードの場合は※にcssが入ります。

サンプル（マウスを合わせるとコピーなどのアイコンも表示されます）

.photo {
    position: relative;
    display: block;
    width: 400px;
    height: 265px;
}

表示画面のカスタマイズなども編集画面から可能です。

使用できるプログラミング言語

bash
c
cpp
csharp
diff
groovy
java
javascript
delphi
pascal
perl
php
python
ruby
shell
text
vb
vbnet
scala
sql
css
xml
html
xhtml
xslt

ダウンロードページ
「Syntax Highlighter」