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

  • 2
  • 969 views
  • A+
所属分类:WordPress
阿里云优惠券免费领取

判断用户PC电脑端和手机移动端,不同客户端显示不同的内容是WordPress必不可少的功能,通过php通过http_user_agent即可判断用户的客户端,新手站长网分享PC电脑端和移动手机端显示不同内容的方法:

一:在functions.php中加入如下代码

找到你的WordPress主题中的functions.php文件,在functions.php中插入以下代码:

二:WordPress模板中调用

在WP模板中调用,如index.php、footer.php、single.php等,调用方式:
1、在PC电脑端显示,移动端不显示

2、在移动端显示,PC端不显示

综上,第一步在主题下的functions.php文件中插入代码,然后再WordPress主题模板中调用即可。

总结:

该代码的主要解决的问题自动判断用户的客户端,然后站长根据不同的客户端来展示不同的内容。
使用is_pc()这段代码,该代码会自动判断访客客户端是否是PC,如果是PC则显示,不是PC则不显示;
使用is_mobile()这段代码,该代码会自动判断访客客户端是否是移动端,如果是移动端则显示,不是移动端则不显示;

注意:购买阿里云服务器领取2000元代金券,结算时抵扣订单金额。

阿里云高性能云服务器优惠
新手站长

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:2   其中:访客  1   博主  1

    • 赵兆 赵兆 0

      hi,亲,这两段代码是粘贴在移动和PC分别对应的页面,还是粘贴在同一个页面

        • 新手站长 新手站长 Admin

          @赵兆 问题很好,是我没写清楚,稍后本文会做修改。
          is_pc()和is_mobile()会自动判断访客的客户端,粘贴到那个页面,看自己喜好了;
          例如:
          使用is_pc()这段代码,该代码会自动判断访客客户端是否是PC,如果是PC则显示,不是PC则不显示;
          使用is_mobile()这段代码,该代码会自动判断访客客户端是否是移动端,如果是移动端则显示,不是移动端则不显示;

          假设将is_pc()这段代码粘贴到移动页面,移动端访客肯定会访问你的移动页面,那is_pc()这段代码就无意义了,同理粘贴到PC端,也是无意义的。该代码的主要解决的问题自动判断用户的客户端,然后站长根据不同的客户端来展示不同的内容。