首页›网站源码›正文

WordPress判断PC端和移动端并显示不同内容的方法

暂无可下载资源资源正在补充中,敬请期待
💡 温馨提示:建议使用电脑端下载,大文件下载可能需要较长时间,请耐心等待,下载完成后请校验文件完整性。

服务保障

纯净无捆绑

精简优化,纯净系统

安全可靠

多重检测,放心使用

持续更新

长期维护,持续优化

专业制作

系统玩家,品质保证

免费使用

完全免费,长期更新

已通过安全检测无病毒 / 无木马 / 无广告100%纯净资源支持在线校验文件完整性
⚙ 文件校验 MD5 / SHA1 / SHA256
🤖 AI 智能摘要
此内容由 AI 根据文章内容自动生成,并已由人工审核
正在打开 AI 智能摘要...

下载完成了吗?

请问该资源下载顺利吗?使用起来感觉如何?
✓
感谢你的反馈!
我们会持续优化资源质量,为你提供更好的下载体验。

服务协议

文章介绍
发表评论
更新日志
历史版本

今天分享PC电脑端和移动手机端显示不同内容的方法:

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

THE END
© 版权声明
点赞906 分享
暂无内容
暂无更新日志
暂无内容
暂无历史版本

WordPress判断PC端和移动端并显示不同内容的方法

今天分享PC电脑端和移动手机端显示不同内容的方法:

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

© 版权声明
THE END
点赞906 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容