「.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です。

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

 

よかったらシェアしてね!

この記事を書いた人

ストーンウェブ代表のFujimoriです。Twitter界隈では「Fujimori@元経営者のマッチョマーケター」として活動しています。
私がWebに関するブログを書き始めたのは2013年1月で、おしブロ(おしい県でWebに携わって働く人のブログ)というブログをはてなブログに開設したのが始まりです。それ以前にも経営してた会社/店舗の代表ブログを書いていましたが「Web」というジャンルに限定するとそんな感じです。
このブログは、2021年10月におしブロの記事を丸々移行してスタートしましたので、2021年10月以前の記事はおしブロで書いたものになります。

目次
閉じる