すてきな気分〜ナイスフィーリングブログ〜

サイトのPC⇔スマホ間移動のアレコレ その2

昨今、レスポンシブデザインが流行っているので、PCサイトとスマートフォンサイトを分ける場合は、あまりないのかもしれない。
でもやはり、PC版・スマートフォン版と分けたいとしたときの小技を紹介。

トップページにアクセスしてきた場合、サーバーで振分けるため、.htaccessに下記のように書く。

<IfModule mod_rewrite.c>
RewriteEngine On RewriteCond %{HTTP_USER_AGENT} (iPhone|Android.*Mobile|Windows.*Phone) [NC]
RewriteCond %{QUERY_STRING} !mode=pc RewriteRule ^$ http://サイトのURL/sp/ [R,L]
</IfModule>

これでひとまずデバイスによる振り分けが完了。

例えばスマートフォンでトップへアクセスした時、「やっぱりPC版で見たい!」となるであろうことを想定して、PC版へのリンクを貼っておく。
このとき単に、

<a href="http://サイトのURL/">PC版</a>

だと、ひたすらリダイレクトされるので、

<a href="http://サイトのURL/?mode=pc">PC版</a>

としておくと、スマートフォンで再度アクセスしてもリダイレクトされずに表示されます。

.htaccessが使えるサーバーでないとダメですが、PC・スマホ間の行き来にはいい感じだと思います♪

Pocket

トラックバック

このエントリーのトラックバックURL:

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です