さすらいのWeb制作家、MAKOCHINがつづるブログサイト。
Web制作に関する知識を備忘録的に書いているだけのサイトです。
ほとんど自分で見るためだけに書いているような内容なので読みやすくはなっていませんが、Web制作のお役に立てれば幸いです。
ご興味のある方はどうぞ。

【htaccess】スマホ用ページへリダイレクト

Pocket
LINEで送る

PC版ページとは別にスマホ用のhtmlを用意している場合、スマホでアクセスした場合にスマホ用htmlを表示させる方法です。

.htaccess

RewriteEngine On
# リダイレクトさせるディレクトリ(ルートディレクトリから)
RewriteBase /html/
RewriteCond %{REQUEST_URI} ^/.*$
# 画像、cssを除外
RewriteCond %{REQUEST_FILENAME} !^(.*)\.(gif|png|jpg|jpeg|css)$
# リダイレクトを除外するディレクトリ
RewriteCond %{REQUEST_URI} !(/test/)
# iPhone、iPod、BlackBerry、Android、Windows Phone、Windows CEでアクセスされたらリダイレクト
RewriteCond %{HTTP_USER_AGENT} iPhone [NC,OR]
RewriteCond %{HTTP_USER_AGENT} iPod [NC,OR]
RewriteCond %{HTTP_USER_AGENT} BlackBerry [NC,OR]
RewriteCond %{HTTP_USER_AGENT} Android.*Mobile [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "Windows Phone" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "Windows CE" [NC]
# iPadでアクセスされたらリダイレクトさせない
RewriteCond %{HTTP_USER_AGENT} !iPad [NC]
# リダイレクト先
RewriteRule ^(.*) https://makochin-web.net/sp/$1 [R=301,L]

上記の.htaccessをリダイレクトさせたいhtmlが格納されているディレクトリへ設置する。

カテゴリー:HP制作, htaccess

コメントを残す

コメント内容