MTをiPhoneに最適化しました

rep2が有志の手によりiPhoneに最適化(rep2phone)され、僕もその恩恵にあやかっているわけなんですが、その最適化の際にも利用されたiuiというiPnone用のWeb製作支援ライブラリを用いて、なんとMTもiPhoneに最適化できるらしいということで、早速チャレンジしてみました。

そもそもiPhoneからどのくらいのアクセスがあるのか

作業に取りかかる前に、そもそもiPhoneからどのくらいのアクセスがあるのかをGoogle Analyticsを用いて調べてみました。結果は次のとおり。

iphone_os.png

この数字をどう解釈するか。iPodと併せても3%にも満たないという数字ですから、一般的には決して多いとは言えません。ただ、僕個人にとってはとても大きな3%。わざわざiPhoneから見てくれている人もいるんだなぁと驚きとともに感謝でいっぱいです。こうなれば、否応なしにこのチャレンジを成功させなければ!と決意を新たにしました(表現が多少オーバーですがw)

iPhoneテンプレートfor MTを利用します

MTをiPhoneに最適化するために、既に公開されているテンプレートを利用します。まずは次のリンク先からテンプレートをダウンロードしました。

また、手順の中でiuiライブラリも必要となるのでこれも別途ダウンロードします。

あとはテンプレートに添付されているreadmeの手順どおりに作業を行いました。下準備はこれで完了です。素晴らしいテンプレートを公開されているcremadesignさんには心より感謝申し上げます。

自分の環境に合わせてテンプレートを修正します

手順どおりにテンプレートが導入できたら、ひとまずURLにアクセスしてみましょう。無事、iPhoneに最適化された画面が出てくればこの項目の必要はありません。僕の場合はindex(記事の一覧)はばっちり表示されたのですが、個別記事へのアクセスに失敗してしまったため、小粋空間さんが公開されている方法で修正を加えました。

特に個別ページの形式をphpにしている場合はiPhone 用のアーカイブのパスを次の例のように.htmlまで記す必要があるので注意が必要です。

i/%y/%m/%d-%h%n%s.html

これを忘れると、htmlではなくphpが作成されてしまいます。これはちょっとだけ戸惑いました。

.htaccessでiPhoneからのアクセスを転送

iPhoneからブログにアクセスがあった場合に自動的にiPhone用のページへ転送するよう、.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]

最後の行の/i/index.htmlは、転送先のURLになりますのでご自分の環境に置き換えてください。readmeの手順どおりの場合はこのままで大丈夫かと思います。

注意としては、この方法ではiPhoneからのアクセスは全てiPhone用のページへ転送してしまうため、PCで見ているブログ画面にアクセスすることができなくなる点。これはあくまで好みの問題なので、もし嫌であれば転送処理はせずに/i/index.htmlへアクセスしてもらうよう誘導するなどの方法で周知するかたちとなります。

作業完了

以上で無事作業は完了です。iPhoneからmusicmaniacs.netへアクセスすると次のような特別なページへ転送されるはずです。

mt-iphone.jpg

3%の方々に幸せが訪れますことを心よりご祈念申し上げるしだいであります。

コメントを書く

Your email is never shared. * 印の項目は必須項目です。

*
*