自分のブログにiPod touch/iPhone専用ページを導入

user-pic
0 Clip to Evernote



IPod touchから初めて投稿しますで、movable typeの管理画面をiPod touch
用に変更しましたが、公開用画面をiPod touch/iPhone用に変更してみたいと思います。

  1. インストール
  2. こちらで公開しているテンプレートを使いました。

    インストールで順は以下のよう(readme引用)

    1)iPhone用のHTMLファイルを生成するためのディレクトリをひとつ作成する。
    2)iUIライブラリをダウンロードして、1で作成したディレクトリに
      アップロードする。
    3)ダウンロードiPhoneテンプレートfor MTのファイル構成を確認する。
    4)3のうち、CSSと画像ファイルを、1で作成したディレクトリに
      アップロードする。
    5)3のうち、テンプレート二つを、Movable Typeの中に設定する。
    6)アーカイブマッピングを設定する。
    7)再構築する。
    8)iPhoneで動作確認する。

    1)は「http://www.secondnote.net/i/
    あと手順通り。8)までで15分ぐらい。

  3. 設定
    • 若干、テンプレート内にあるリンクのパスを変更
    • お約束のGoogle Adsenseのコードをテンプレートに追加
    • iPod touch/iPhoneからアクセスがあった際に、専用ページにリダイレクトさせる設定を.htaccessに追加
    • RewriteEngine on RewriteCond %{HTTP_USER_AGENT} (iPhone|iPod) RewriteRule ^(.*)$ http://www.secondnote.net/i/$1 [R]
    • 月別アーカイブを生成するように、アーカイブテンプレートに追加した「iPhone用個別ページ」のアーカイブマッピングを追加(パスは『../../i/archives/%y/%m/%-f』
    • iPhone用トップページにGoogleサイト内検索BOXをつける
      <$mt:Include module="検索"$>
  4. 参考サイト


■関連記事


ドミノ・ピザ【PC向けサイト】 楽天トラベル株式会社 NEC Direct ・NECダイレクト