魅せる！iPhoneサイト

スマートフォン （田中先生）

.htaccessでの振り分け

「○○/index.html」にスマートフォンでアクセスした時に、スマートフォン用サイト「○○/sp/index.html」に移動させる。

.htaccessファイルの作成

Dreamweaverやメモ帳などなんでもいいのでテキストで作成。

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{HTTP_USER_AGENT} (iPhone|iPod|iPad|Android)
RewriteRule ^$ /sp/ [R]
</IfModule>

最後の行も改行すること。
ファイル名を「.htaccess」で「○○/index.html」と同じフォルダに保存。

Dreamweaverでファイル表示

.htaccessのファイルは非表示なので、表示させる。
ファイルのパネルの右上のメニュー→[表示]→[非表示ファイルの表示]

ロリポップサーバーを使う場合のパーミッション設定

.htaccessをアップロードしたあと、ロリポップ指定のパーミッションに数値を変更。
Dreamweaberでは、リモートサーバーを表示し.htaccessを右クリック→[権限の設定]→数値を「604」に設定。


忍者では

.htaccessを使うことはできない。

作例4

要素幅より長いテキストを...で省略

overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;