先日、シリウスで作成していたサイトを、ワードプレスに引っ越ししました。
そうしたところ、スマホからの表示がなぜかされなくなってしまいました!!
という事で、備忘録も兼ねてその解決方法をご紹介したいと思います。
目次
シリウスで「スマホ用のサイトを同時生成する」にしていたとき
シリウスの設定でスマホ用サイトを同時生成していた場合、「ユーザーエージェントの振り分け」の設定が残っているために、スマホからアクセスした際に、元のシリウスで作成したサイトが表示されてしまったり、「サーバーエラー」と表示されてしまったりします。
ユーザーエージェントの振り分けって?
ユーザーエージェントの振り分けとは、簡単に言うと、サイトにアクセスしている端末によって、表示するページを変えるという設定。
つまり、PCからのアクセスには「a.html」というファイルを見せるけど、スマホからアクセスされたときには「b.html」というファイルを見せる、といったことが可能になります。
ユーザーエージェントの振り分け設定を修正するには?
ユーザーエージェントの振り分け設定は「.htaccess」というファイルにされている様子。
こちらを修正しましょう。
今回、私の引っ越し先であるワードプレスのテンプレートはレスポンシブデザインなので、PCとスマホで表示するファイルを変えなくてもいいはず。
なので、ユーザーエージェントを指定してありそうな部分をすべて消してしまいましょう。
「.htaccess」 ファイル内で削除した部分がこちら。
<div class="nmlbox">RewriteCond %{HTTP_USER_AGENT} (iPhone|iPod|Android.*Mobile|Windows.*Phone|BlackBerry)<br>RewriteRule ^$ iphone/redirect.php?f=index\.html [L]<br>RewriteCond %{HTTP_USER_AGENT} (iPhone|iPod|Android.*Mobile|Windows.*Phone|BlackBerry)<br>RewriteRule ^(.*)\.html iphone/redirect.php?f=$1\.html [L]<br>RewriteCond %{HTTP_USER_AGENT} (iPhone|iPod|Android.*Mobile|Windows.*Phone|BlackBerry)<br>RewriteRule ^(.*)\.css iphone/$1.css [L]<br>RewriteCond %{HTTP_USER_AGENT} (iPhone|iPod|Android.*Mobile|Windows.*Phone|BlackBerry)<br>RewriteRule ^img/(.*) iphone/img/$1 [L]<br>RewriteCond %{HTTP_USER_AGENT} (iPhone|iPod|Android.*Mobile|Windows.*Phone|BlackBerry)<br>RewriteRule ^(.*)/ iphone/redirect.php?f=$1/index\.html [L]<br>RewriteCond %{HTTP_USER_AGENT} (iPhone|iPod|Android.*Mobile|Windows.*Phone|BlackBerry)<br>RewriteRule ^(.*) iphone/$1 [L]</div>
この部分を削除したところ、無事にスマホでもサイトが表示されました!
みなさんのお役に立てば幸いです。