おしい県でWebに携わって働く人のブログ

基本的にはIT&Web界隈に関する役に立ちそうなことをまとめていきます。

「.htaccess」でパソコン・タブレット・スマホ・ガラケーを振り分ける場合のメモ。

f:id:lord_cashew:20130404004457j:plain

そろそろ本気でスマホサイトを制作しようかなと思っているCashewです。ゼロから全て制作するなら「レスポンシブウェブデザイン」にチャレンジしたいところですが、既存サイトに追加する場合には、スマホ用ページを制作して「.htaccess」でリダイレクトする方法も一つの手かなと思う今日この頃です。

というわけで今回は「.htaccess」でパソコン・タブレット・スマホ・ガラケーをリダイレクトする設定について簡単にメモしてみました。

 

前提条件 

1.共通のURL(パソコン用ページ)は「http://www.hogehoge.jp/」です。

2.パソコンからアクセスすると「http://www.hogehoge.jp/」を表示します。

3.タブレットからアクセスすると「http://www.hogehoge.jp/」を表示します。

4.スマホからアクセスすると「http://www.hogehoge.jp/sp/」にリダイレクトします。

5.ガラケーからアクセスすると「http://www.hogehoge.jp/i/」にリダイレクトします。

 

.htaccessの記述内容 

iPhoneAndroidスマホを「/spディレクトリ」にリダイレクトさせる為の書き方。

RewriteEngine On
RewriteCond %{HTTP_USER_AGENT} (iPhone|Android.*Mobile|Windows.*Phone) [NC]
RewriteCond %{QUERY_STRING} !from=sp
RewriteRule ^$ /sp/ [R,L]

 

ガラケーを「/iディレクトリ」にリダイレクトさせる為の書き方。

RewriteEngine On
RewriteCond %{HTTP_USER_AGENT} ^(DoCoMo|KDDI|DDIPOKET|UP\.Browser|J-PHONE|Vodafone|SoftBank)
RewriteRule ^$ /i/ [R,L]

 

上記2つを一緒に書く場合には「RewriteEngine On」は最初に1回書くだけでOKです。

これは「リダイレクト機能をオンにする」という内容になりますので。