判断用户PC电脑端和手机移动端,不同客户端显示不同的内容是WordPress必不可少的功能,通过php通过http_user_agent即可判断用户的客户端,WordPress114网分享PC电脑端和移动手机端显示不同内容的方法:
一:在functions.php中加入如下代码
找到你的WordPress主题中的functions.php文件,在functions.php中插入以下代码:
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 32 33 34 35 36 37 38 39 40 41 |
// 判断PC端 function is_pc() { $user_agent = $_SERVER['HTTP_USER_AGENT']; $mobile_browser = Array( "mqqbrowser", //手机QQ浏览器 "opera mobi", //手机opera "juc","iuc",//uc浏览器 "fennec","ios","applewebKit/420","applewebkit/525","applewebkit/532","ipad","iphone","ipaq","ipod", "iemobile", "windows ce",//windows phone "240x320","480x640","acer","android","anywhereyougo.com","asus","audio","blackberry","blazer","coolpad" ,"dopod", "etouch", "hitachi","htc","huawei", "jbrowser", "lenovo","lg","lg-","lge-","lge", "mobi","moto","nokia","phone","samsung","sony","symbian","tablet","tianyu","wap","xda","xde","zte" ); $is_mobile = ture; foreach ($mobile_browser as $device) { if (stristr($user_agent, $device)) { $is_mobile = false; break; } } return $is_mobile; } // 判断手机端 function is_mobile() { $user_agent = $_SERVER['HTTP_USER_AGENT']; $mobile_browser = Array( "mqqbrowser", //手机QQ浏览器 "opera mobi", //手机opera "juc","iuc",//uc浏览器 "fennec","ios","applewebKit/420","applewebkit/525","applewebkit/532","ipad","iphone","ipaq","ipod", "iemobile", "windows ce",//windows phone "240x320","480x640","acer","android","anywhereyougo.com","asus","audio","blackberry","blazer","coolpad" ,"dopod", "etouch", "hitachi","htc","huawei", "jbrowser", "lenovo","lg","lg-","lge-","lge", "mobi","moto","nokia","phone","samsung","sony","symbian","tablet","tianyu","wap","xda","xde","zte" ); $is_mobile = false; foreach ($mobile_browser as $device) { if (stristr($user_agent, $device)) { $is_mobile = ture; break; } } return $is_mobile; } |
二:WordPress模板中调用
在WP模板中调用,如index.php、footer.php、single.php等,调用方式:
1、在PC电脑端显示,移动端不显示
1 2 3 4 5 |
<?php if (is_pc() ): ?> <div> <p>我在PC电脑端显示</p> </div> <?php endif ;?> |
2、在移动端显示,PC端不显示
1 2 3 4 5 |
<?php if (is_mobile() ): ?> <div> <p>我在移动端显示,不在PC端显示</p> </div> <?php endif ;?> |
综上,第一步在主题下的functions.php文件中插入代码,然后再WordPress主题模板中调用即可。
2023云服务器疯狂降价!
①阿里云:2023阿里云服务器38元一年起,更多配置价格查看(有高配)
②腾讯云:腾讯云2核4G服务器8M带宽70元一年,更多配置及报价查看(有高配)
③华为云:华为云1核2G服务器60元一年,更多1c2g/2c4g/2c8g/4c8g/8c16g/16c32g...
发表评论