判断用户PC电脑端和手机移动端,不同客户端显示不同的内容是WordPress必不可少的功能,通过php通过http_user_agent即可判断用户的客户端,新手站长网分享PC电脑端和移动手机端显示不同内容的方法:
一、在functions.php中加入如下代码
找到你的WordPress主题中的functions.php文件,在functions.php中插入以下代码:
- // 判断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电脑端显示,移动端不显示
- <?php if (is_pc() ): ?>
- <div>
- <p>我在PC电脑端显示</p>
- </div>
- <?php endif ;?>
2、在移动端显示,PC端不显示
- <?php if (is_mobile() ): ?>
- <div>
- <p>我在移动端显示,不在PC端显示</p>
- </div>
- <?php endif ;?>
综上,第一步在主题下的functions.php文件中插入代码,然后再WordPress主题模板中调用即可。
写在最后:
该代码的主要解决的问题自动判断用户的客户端,然后站长根据不同的客户端来展示不同的内容。
使用is_pc()这段代码,该代码会自动判断访客客户端是否是PC,如果是PC则显示,不是PC则不显示;
使用is_mobile()这段代码,该代码会自动判断访客客户端是否是移动端,如果是移动端则显示,不是移动端则不显示;
掘金网建议新手小白们不用太纠结有关技术层面的东西,这些技术自己如果实在无力拿下的话,完全可以付费来给你搞定的,掘金网目前就提供这样的付费技术支持服务《去付费》,花钱不多可以买个保障和安全,有需要的可以联系掘金网。