先日のエントリ「"GANGAN-METALLIC" iPhone対応化のお知らせ」
で、iPhoneの対応化を図ったワケですが、うれしいことに「やってみたい」的コメントをいただいたので、簡単な手順を載せておきます。
当方、iPhoneを所持していないので、ツッコミなど入れないように(^^;
以下の手順はMovable Typeに組み込むことを想定しています。
※事前にPC向けサイトとiPhone向けサイトを用意しておいてください。
当サイトでは「iPhoneテンプレートfor MT」を使用しています。
※外部jsファイルにて、iPhoneの傾き検出と振り分け(リダイレクト)処理を行っています。大したコトはやってませんが(笑
＜PC向けサイトにおける作業＞
(1)「メインページ」テンプレートの
<body>タグにonorientationchange属性(onorientationchange="Orientation();")を追加してください。
(2)続いて、
外部jsファイルを<head>～</head>内に定義してください。
※文字コードはご自分のサイトに合わせて保存してください。
(3)JUMP_iPhone.js内のURL(ドメイン)を適宜変更してください。
＜iPhone向けサイトにおける作業＞
(1)「iPhone用トップページ」テンプレートの
<body>タグにonorientationchange属性(onorientationchange="Orientation();")を追加してください。
(2)続いて、
外部jsファイルを<head>～</head>内に定義してください。
※文字コードはご自分のサイトに合わせて保存してください。
(3)JUMP_PC.js内のURL(ドメイン)を適宜変更してください。
以上です。
＜追記＞
---
このエントリにおける手順では不具合があります。
新しいエントリにて訂正しておりますので、よろしければそちらをご覧ください。
タグ関連記事:
- 2011年11月24日 iPhoneをフルラッピング♪
- 2011年11月23日 iPhoneのスクリーン保護に．．．
- 2011年11月23日 [SoftBank] iPhone 4S
- 2010年12月 7日 IS01とiPhoneを同時に充電♪
- 2010年7月29日 やっと出会えた！！ iPhone(とその周辺機器達)を便利に、よりスマートに運ぶためのバッグ♪
ご丁寧なご説明ありがとうございます！
早速こちらを参考にしてやってみたいと思います！
2010年3月14日 09:06
いえいえ(^^;
拙い説明ではありますが．．．ぜひ組み込みにチャレンジなさってみてください♪
2010年3月14日 13:43
はじめまして、早速コメントありがとうございます。よろしくお願いいたします。
2010年4月 6日 00:00
はじめまして。
FLAPPYさんのブログでもコメントさせていただきましたが、うまく動作しない場合はalert関数を利用して、JavaScriptソース中でどこまで動いているのかを確認したり、各種変数の中身を表示させたりして、デバッグを進めてみてください。
もしかしたら、変数名orientationに値が入っていないのかもしれません。alert関数でチェックしてみてください。
2010年4月 6日 00:25