スポンサーサイト

一定期間更新がないため広告を表示しています

| - | | - | - | pookmark |
<< iframeのスクロールバーを装飾したい!jQueryプラグインjScrollPane | main | スマホ用横幅指定 >>

PCとスマホの振り分け

GW後半いかがお過ごしでしょうか。
旦那の実家に来ていて暇なので(あれ?
ようやく自分のサイトをスマホ対応にいたしました(^^;;

レスポンシブもチャレンジしたけど、ローカルではできていても
wordpressに載せるとレイアウトが崩れてしまうので、
今回はスマホ用ページを作って振り分ける方法をとりました。
振り分け方法は、
<script type="text/javascript">
if ((navigator.userAgent.indexOf('iPhone') > 0 && navigator.userAgent.indexOf('iPad') == -1) || 
navigator.userAgent.indexOf('iPod') > 0 || navigator.userAgent.indexOf('Android') > 0) {
	location.href = '/sp/';
}
</script>

このスクリプトをPC用のindex.htmlに記述するだけ。
私の場合はwordpressのheader.phpに記述、スマホからどのページにアクセスしても
spフォルダ内のスマホ用ページが表示されるように設定しました。
参照したのはこちらの記事
http://html5-css3.jp/smartphone/pc-iphone-android-php-javascript-htaccess.html
ありがとうございます(*^_^*)
| 仕事 | 16:55 | comments(0) | - | pookmark |

スポンサーサイト

| - | 16:55 | - | - | pookmark |
Comment










07
--
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
--
>>
<<
--
About
New entries
Categories
Archives
Recent comment
Jugem Sponsored links
Recomend
Mobile
qrcode
Links
Others