F.Ko-Jiの「一秒後は未来」ではウェブやSEO、API、RSSといった技術的ネタから、ちょっとした豆知識や梅酒、エンタメ系まで様々な情報を不定期にお届けしています。

F.Ko-Jiの「一秒後は未来」 > iPhone > iPhoneテンプレート for MT でiPhone対応してみました

iPhoneテンプレート for MT でiPhone対応してみました

2008/11/07 08:24:00

TechCrunch の「Royal PingdomによればTechCrunchのトップページは重すぎて、他の人気ブログと同病を患っている」という記事で述べられている「トップページの重さ問題」は、このブログも含め色々なサイトが認識しなければならない問題だと思います。

試しにこのブログのトップページがどれだけのサイズなのか Firebug を使って計測してみたところ、

↑ トータルで 848KB でした。

光回線だったら気にならないサイズかなと思いますが、iPhoneなどモバイル端末での表示を考えると重すぎですよね。

さらに iPhone やフルブラウザではJavaScriptの実行速度も遅いため、それによる描画の遅延も発生してしまいます。

というわけで、iPhoneテンプレート for MT で iPhone 対応してみました。

» http://blog.fkoji.com/i/

このブログでは個別エントリーのパーマリンクに日付を利用しているので、少しテンプレートの修正が必要でした。それから文字が少し小さい気がしたので、pタグの font-size を 120% に指定しました。

さらに、iPhoneやiPod touchからアクセスされたときに自動的にリダイレクトさせるために、.htaccess に以下のような記述を追加しました。

# iPhone
RewriteCond %{HTTP_USER_AGENT} (iPhone|iPod)
# ここはこのブログ特有の記述
RewriteRule ^([0-9]{4}/[0-9]{8}\.html)$ i/$1 [L]
RewriteCond %{HTTP_USER_AGENT} (iPhone|iPod)
RewriteRule ^$ i/ [L]
RewriteCond %{HTTP_USER_AGENT} (iPhone|iPod)
RewriteRule ^index\.html$ i/ [L]

なお、iPhone表示に対応しているのはトップページと個別エントリーのみなので、カテゴリーページや月別アーカイブのページはそのまま表示されます。