JavaScriptでもできるらしいですが、それはまた今度。
CSSに慣れている人であれば、media queryを使用したいわゆるレスポンシブで対応すればいいと思いますが、そうではない人はプログラムでやっちゃいましょう。
- ユーザーエージェントを確認して、最適なサイトのhtmlを読むこむコード
<?php $ua = $_SERVER['HTTP_USER_AGENT']; // スマホのアクセス if ((strpos($ua, 'Android') !== false) && (strpos($ua, 'Mobile') !== false) || (strpos($ua, 'iPhone') !== false) || (strpos($ua, 'Windows Phone') !== false)) { include("./smart_phone.html"); // PCへのアクセス } else { include("./pc.html"); }
include()でやることがポイントです。そうするとurlが変わりません。
※header()でやるとリダイレクトになるので、urlが変わる。
スマホページ作成でも色々やり方を覚えていると便利っすね。