×

[PR]この広告は3ヶ月以上更新がないため表示されています。
ホームページを更新後24時間以内に表示されなくなります。

ホームページの作り方
TOP html講座 css講座 アクセスアップ Link

TOP > html講座 > PCと携帯を振り分ける
PCと携帯を振り分ける
PC用のHPもモバイル用のHPもhtmlで作られています。
ですが、あきらかに画面のサイズも違ったり、携帯では使えるタグは限られます。
よって、PC用とモバイル用では別々のHPを作るのが一般的です。
必要なものはhtmlではなく「.access」というファイルです。
ですがここで問題があります。「.」(ドット)で始まるファイル名のファイルを作ろうとすると「ファイル名を入力して下さい」と表示され、作ることが出来ません。
なので、FTPでサーバーにアップロードした後に改名すると良いでしょう。
ということで用意するものはこちら。
  1. 携帯用のページ(HPフォルダの中に携帯用のフォルダを作りましょう)
  2. 後に.htaccessファイルになるテキストファイル(「htaccess.txt」など)
携帯用のページはできたでしょうか。ちなみに確かfc2ならiフォルダだったと思います。
出来たら以下の記述のテキストファイルを用意。
Options +FollowSymLinks
RewriteEngine On

RewriteCond %{HTTP_USER_AGENT} DoCoMo
RewriteRule ^$ http://アドレス/i/index.html [R]

RewriteCond %{HTTP_USER_AGENT} SoftBank
RewriteRule ^$ http://アドレス/i/index.html [R]

RewriteCond %{HTTP_USER_AGENT} UP.Browser
RewriteRule ^$ http://アドレス/i/index.html [R]

最後に必ず改行を入れていください。 以上の記述は見ての通り、上からドコモ、ソフトバンク、KDDIと言う風に振り分けられます。
出来ましたらサーバーにアップロード後、「.htaccess」に改名して、完了です。

HPの作り方