*vitalage*blog

久々にMTTipsらしいものを。
オープンソースのiUIライブラリを利用したiPhone用テンプレートがcrema designさんから配信されています。

1. iUIライブラリをDL
2. iPhone用テンプレート最新版をDL。ReadMeを参考にしつつ設置→リビルド。設置したページをWebブラウザ（PC、iPhoneなど）で確認します。
3. リンクを確認し、うまく動かない場合は自分のMTに最適化します。わたしはページをPHP化している＆アーカイブの場所をカスタムしているので小粋空間さんのソースを参考にさせていただきました。
4. 本来のブログページとは別ディレクトリに作成している（http://vitalage.cc/blog/i/ ）ので、iPhoneからのアクセスのみ転送をします。 もともと携帯からのアクセスはPHPでモバイルページへ転送しているのですが、これにiPhone用を追加します。参考までに、うちのソースを。

   
   <?php
   $ua = $_SERVER["HTTP_USER_AGENT"];
   if(ereg("DoCoMo",$ua)){
   header("Location: http://vitalage.cc/blog/mobile.php");
   exit;
   }elseif(ereg("J-PHONE",$ua)){
   header("Location: http://vitalage.cc/blog/mobile.php");
   exit;
   }elseif(ereg("UP\.Browser",$ua)){
   header("Location: http://vitalage.cc/blog/mobile.php");
   exit;
   }elseif(ereg("PDXGW",$ua)){
   header("Location: http://vitalage.cc/blog/mobile.php");
   exit;
   }elseif(ereg("iPhone",$ua)){
   header("Location: http://vitalage.cc/blog/i/");
   exit;
   }elseif(ereg("iPod",$ua)){
   header("Location: http://vitalage.cc/blog/i/");
   exit;
   }
   ?>
   

   または.htaccessに

   
   RewriteEngine on
   RewriteCond %{HTTP_USER_AGENT} iPod [OR]
   RewriteCond %{HTTP_USER_AGENT} iPhone [OR]
   RewriteCond %{HTTP_USER_AGENT} UP.Browser
   RewriteRule ^$ /i/index.html [R]
   

   とかなんとか書いておくのも手かと思います。最後の行はご自分の設置場所に書き換えてください。
   （こちらは動作未確認です。ご自分の責任で実行して下さい）
   



5. 無事転送されるか、実機テストしましょう。

以上です。
うちにiPhoneからアクセスするなんて自分しかいないと思うのですが、やってみたくなるのが人情？というもの。

しかし、なにが大変ってリビルドするのが一番大変でした。
いつの間にかエントリが1200件越えてました……。5年もやってれば溜まるものですね。

«CSSだけで縮小画像をきれいにサムネイル化 | IT関連・目次 | ホーム | 便利なオンラインツール・バックアップ編 »