WindowsPhoneでスマートフォン用の表示に切り替わる変更と
不要なコードを削除した20130815をUP致しました。
header.phpとfooter.phpの
1 2 3 4 5 6 7 8 |
<!---css切り替え---> <?php if(strpos($_SERVER['HTTP_USER_AGENT'],'ipod')!==false || strpos($_SERVER['HTTP_USER_AGENT'],'iPhone')!==false || strpos($_SERVER['HTTP_USER_AGENT'],'Windows Phone')!==false || strpos($_SERVER['HTTP_USER_AGENT'],'Android')!==false){ ?> |
上記の
1 |
strpos($_SERVER['HTTP_USER_AGENT'],'Windows Phone')!==false || |
が追記箇所です。
あと、
1 |
<meta name="viewport" content="width=436px,initial-scale |
のスぺルミスのご指摘も頂き修正致しました。
すいません。。
なので、もう全体的に下記コードで上書きしてもらえればOKです。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
<!---css切り替え---> <?php if(strpos($_SERVER['HTTP_USER_AGENT'],'ipod')!==false || strpos($_SERVER['HTTP_USER_AGENT'],'iPhone')!==false || strpos($_SERVER['HTTP_USER_AGENT'],'Windows Phone')!==false || strpos($_SERVER['HTTP_USER_AGENT'],'Android')!==false){ ?> <link rel="apple-touch-icon-precomposed" href="<?php bloginfo('template_directory'); ?>/images/apple-touch-icon-precomposed.png" /> <meta name="viewport" content="width=436px,initial-scale=0.7,minimum-scale=0.7,maximum-scale=1.0,user-scalable=1"> <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/smart.css" type="text/css" media="all" /> <?php }else{ ?> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=0.5,maximum-scale=1.0,user-scalable=1"> <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="all" /> <?php } ?> |
現在ダウンロードできるものは修正済みです。