【訂正】iPhone対応化(手順)について

以前のエントリ「iPhone対応化(手順)について」で、iPhoneの加速度センサーを使ったコンテンツ切り替えの説明を行いましたが、記述に誤り・動作不具合がありましたので、改めて訂正をさせていただきます。

本手順では、インデックスページに限り、iPhoneを90度回転させることで、PC向け・iPhone向けサイトのコンテンツ切り替えが可能でしたが、サーチエンジンのインデックスからアクセスをすると常にiPhone向けサイトのインデックスページにジャンプする動作となっていました。

原因は"JUMP_iPhone.js"の適用範囲を制限させずに「ヘッダ」テンプレートに記述をしていた為です。

以下、正しい手順を明記します。

以下の手順はMovable Typeに組み込むことを想定しています。
※事前にPC向けサイトとiPhone向けサイトを用意しておいてください。
当サイトでは「iPhoneテンプレートfor MT」を使用しています。
※外部jsファイルにて、iPhoneの傾き検出と振り分け(リダイレクト)処理を行っています。

＜PC向けサイトにおける作業＞

(1)「ヘッダ」テンプレートの
<body>タグにonorientationchange属性(onorientationchange="Orientation();")を追加してください。

※インデックスページにのみ適用させる必要があるので、
下記例のように

としてください(bodyタグの内容はお使いのテンプレートに合わせて変更してください)。

(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(ドメイン)を適宜変更してください。