おしブロ from STONEWEB

おしい県でWebに携わって働く人のブログ from ストーンウェブ。IT&Web界隈に関する役に立ちそうなことをまとめていきます。2013年1月運営開始。

移転しました。

約3秒後に自動的にリダイレクトします。

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

f:id:lord_cashew:20130404004457j:plain

そろそろ本気でスマホサイトを制作しようかなと思っている管理人です。ゼロから全て制作するなら「レスポンシブウェブデザイン」にチャレンジしたいところですが、既存サイトに追加する場合には、スマホ用ページを制作して「.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の記述内容 

iPhoneやAndroidスマホを「/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です。

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

 

© STONEWEB