webdesigning

iPhone design template for Movabletype ページテンプレート

iPhoneアプリの開発者ページを作りながら
色々ぐぐってみると、iPhone向けのデザインテンプレートが公開されていた。
で、iPhoneテンプレートfor MTを借りて15分くらいで出来た。
cssのタイトルのwidthだけわからんかったな最初。

http://www.j-love.info/ino/blog/mobile/

iphone_ewyc.png

これおもしろい。

で、iPhoneもしくはiPod touchでアクセスしてきた場合に
自動的に.htaccessで飛ばしてしまうのは簡単なのだが

例えばこんな感じに
RewriteEngine on
RewriteCond %{HTTP_USER_AGENT} iPod [OR]
RewriteCond %{HTTP_USER_AGENT} iPhone [OR]
RewriteCond %{HTTP_USER_AGENT} UP.Browser
RewriteRule ^$ http://www.j-love.info/ino/blog/mobile/

テンプレートをいじるのがめんどうなので、例えばphpで
呼び出している様々なものが呼び出せない。
よって、safariで普通に（自分が）見たい場合があるんだけど、
無条件で飛ばしてしまうと見られなくなるジレンマ・・・・・・・・・・・

まあやってみておもしろかったから開発者ページで使うとして
いっか。

勉強になったのは、
MTの優先アーカイブマッピング。
3では設定→公開で出来るのだが、
4以降はチェックボックスにチェックをいれると優先になる。

google adsenseのiPhone向け広告入れてみたけど、
このUIと合わない！クリックできない！