如何让WordPress自动判断用户是PC还是移动端,并显示不同的内容

如何让WordPress自动判断用户是PC还是移动端,并显示不同的内容,我们通过php通过httpss_user_agent方法即可判断用户的客户端:

一:在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()这段代码,该代码会自动判断访客客户端是否是移动端,如果是移动端则显示,不是移动端则不显示;

怡然一记
如何让WordPress自动判断用户是PC还是移动端,并显示不同的内容
https://xsunhua.cn/237.html
THE END
分享
二维码
打赏
海报
如何让WordPress自动判断用户是PC还是移动端,并显示不同的内容
如何让WordPress自动判断用户是PC还是移动端,并显示不同的内容,我们通过php通过httpss_user_agent方法即可判断用户的客户端: 一:在functions.php中加入如……
<<上一篇
下一篇>>
文章目录
关闭
目 录