アジェンダ

• 自己紹介
• WP-自己紹介
• WP-Syntax
• ＋α
• まとめ

自己紹介

• 岩田 享/issm
• LLPメガネラボ
• とある伏見の駐車場（パーキング）
• 

よろしくおねがいします

WP-自己紹介

• 岩家ぶろぐ
• http://blog.iwa-ya.net/
• on lighttpd from 2010-01
• テーマは自作

• header.php
• index.php
• sidebar.php
• footer.php

WP-Syntax:概要

• WordPressプラグイン
• ソースコードをハイライト
• PHPライブラリ「GeSHi」を利用
  • 177種類の言語をサポート（ver.1.0.88）
  • プラグインに同梱

詳しくは．．．

• http://wordpress.org/extend/plugins/wp-syntax/
• http://qbnz.com/highlighter/

WP-Syntax:基本書式

エントリ本文で．．．

      <pre
      lang="{language}"
      line="{line}">
      ... ソースコード ...
      </pre>
    

これだけでハイライトしてくれる

※「ぶろぐでデモ

＋α

行番号がある場合

行番号がない場合

このHTMLをごにょごにょするJavaScriptを書いてみた

• use jQuery;

※「ぶろぐでデモ

まとめ

WP-Syntax

• ソースコードをいい感じでハイライト
• 設定も直感的

おまけ

• WP-Syntax後のソースコード領域をクリックすると，コピペのための選択をするJavaScript