Movable TypeをiPhoneでも見れるようにする

準備作業は簡単：

０．iPhoneテンプレート専用ディレクトリを作る

http://www.koba206.com/dev-wiki/　がホームディレクトリだったら、
http://www.koba206.com/dev-wiki/i/　を作る
tkobayashi@koba206:/www/koba206.com/dev-wiki$ mkdir i

１．iui からiPhone用テンプレートをダウンロードしてくる
２．iPhoneテンプリート version1.01をダウンロード
３．/www/koba206.com/dev-wiki/i/　に1)でダウンロードしたiuiディレクトリーを置く
４．２でダウンロードしてきたファイルの中の /img/ /css/　を　/www/koba206.com/dev-wiki/i/　に置く
この時点で i/　ディレクトリの中は

tkobayashi@koba206:/www/koba206.com/dev-wiki/i$ ls
css  img  iui

なっているはず
５．２でダウンロードしてきたファイルの中の /index.mtml と /individual.mtml　をMovableTypeの中に置く
▼/tpl/index.mtml --- トップページ生成用テンプレート
       
    ◆B:Movable Type4.0x～4.1の場合

        ５－B－１）ブログの管理画面で、上部の「システムメニュー→作業するブログ名」を選択します。
        ５－B－２）「デザイン→テンプレート」を選択します。
        ５－B－３）「インデックス・テンプレート」の一覧画面になりますので「インデックステンプレートを作成」をクリックします。
        ５－B－４）上部の細長い入力欄に「iPhone用トップページ」、次の広いエリアにindex.mtmlの中身を丸ごとコピー＆ペースト、「テンプレートの種類」は、「カスタムインデックステンプレート」、「出力ファイル名」を「i/index.html」とします。
        ５－B－５）下部の「保存」をクリックします。（「インデックス・テンプレートを再構築するときに、このテンプレートを自動的に再構築する」はチェックをつけておきます）
        ５－B－６）もう一度「保存と再構築」をクリックします。

▼/tpl/individual.mtml --- 個別ブログ記事生成用テンプレート
       
    ◆D:Movable Type4.0x～4.1の場合

        ５－D－１）ブログの管理画面で、上部の「システムメニュー→作業する
        ブログ名」を選択します。
        ５－D－２）「デザイン→テンプレート」を選択します。
        ５－D－３）「インデックステンプレート」の一覧画面になりますので、右側の「アーカイブテンプレート」をクリックします。
        ５－D－４）「アーカイブテンプレート」の一覧画面になりますので「アーカイブテンプレートを作成」の右側の「ブログ記事」をクリックします。
        ５－D－５）上部の細長い入力欄に「iPhone用個別ページ」、次の広いエリアにindividual.mtmlの中身を丸ごとコピー＆ペーストをして、下部の「保存」をクリックします。

６．アーカイブマッピングを設定する
   ６－F－１）５－D－５）で作成した「iPhone用個別ページ」の編集画面を開きます。
    ６－F－２）「新しいアーカイブマッピングを作成」をクリックします。
    ６－F－３）「種類」を「ブログ記事」を選択して「追加」をクリックします。
    ６－F－４）「パス」の下のプルダウンメニューから「カスタム」を選択し、「i/%c/%f」と入力します。
    ６－F－５）「保存」をクリックします。

７．再構築する
 
できたこのWIKIのiPhoneバージョンが　http://www.koba206.com/dev-wiki/i/

参考サイト：
http://cremadesign.jp/blog/iphone/iphone_template_for_mt.html
http://code.google.com/p/iui/