###実現したいこと
ダイナミックサービングを使ってスマホ対応のレイアウトを実装したい。
###現状
デスクトップとスマホでレイアウトの違いが顕著なので、レスポンシブでなくダイナミックサービングを使ってサイト制作を試みているのですが、調べた結果、以下の情報が得られました。
・下記のphpコードとhtmlをマージさせる
・スマホのheadに<link rel="canonical" href=" http://www.ts0818.jp/">を入れる。
・PCのheadに<link rel="alternate" media="only screen and (max-width: 640px)" href=" http://www.ts0818.jp/smartphone/">と
<link rel="alternate" media="handheld" href=" http://www.ts0818.jp/mobile/" /> を入れる。
上記3点の理解で間違いないでしょうか。
<?php function is_mobile() { return preg_match( '/android.+mobile/i', $_SERVER['HTTP_USER_AGENT'] ) || preg_match( '/iphone/i', $_SERVER['HTTP_USER_AGENT'] ); } ?> <?php if (is_mobile()): ?> <head> <!-- 〜スマホ用CSS読み込み〜 --> </head> <body> <!-- 〜スマホ向けページソース〜 --> </body> <?php else: ?> <head> <!-- 〜PC用CSS読み込み〜 --> </head> <body> <!-- 〜PC向けページソース〜 --> </body> <?php endif; ?>
ご存知の方いらっしゃいましたら、ご教授願います。
あなたの回答
tips
プレビュー