Movable TypeをiPhoneでも見れるようにする
koba206の開発WIKI » » 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/