奥多码,点击查看详情 APP分发吧,点击查看详情

WordPress教程:根据访问设备使用不同的主题

       
广告2021-06-03到期2021-07-03广告2021-06-03到期2021-07-03
       
广告2021-06-03到期2021-07-03广告2021-06-03到期2021-07-03

现在的网页都使用了响应式布局,对于不同的设备,使用媒体查询自动适配设备,但是这对代码的编写较为复杂,有些甚至需要使用脚本来完成的功能,那么我们完全可以使用两个主题模版,来分别在移动端和PC端显示。

WordPress教程:根据访问设备使用不同的主题

WordPress我们也有相关的方法来实现这样的功能,请看下面的代码:

  1. //根据访问设备切换wordpress主题
  2. functionws_switch_theme($theme){
  3. global$is_IE;
  4. if($is_IE){
  5. preg_match(‘/MSIEs(d).0;/’,$_SERVER[‘HTTP_USER_AGENT’],$matches);
  6. $IEversion=$matches[1];
  7. if($IEversion=6){
  8. $theme=’twentyten’;
  9. }
  10. if($IEversion=7){
  11. $theme=’twentyeleven’;
  12. }
  13. if($IEversion=8){
  14. $theme=’twentytwelve’;
  15. }
  16. }
  17. if(wp_is_mobile()){
  18. $theme=’twentytwelve’;
  19. }
  20. return$theme;
  21. }
  22. add_filter(‘template’,‘ws_switch_theme’);
  23. add_filter( ‘stylesheet’, ‘ws_switch_theme’ );

你可以根据上面的代码自行修改,在何种设备访问时加载什么主题。注意主题名字一定是主题文件夹名字,而不是后台管理界面你看到的主题名字。

主题这个代码也不能直接扔进 functions.php 文件中而是要做成一个插件上传启用。

在这里我用了wp_is_mobile()这个WordPress自带函数来检测移动设备,不过这个很不准确,有很大可能不能正确判断移动设备。

不仅仅检测移动设备,而且检测桌面浏览器版本。而且你也可再发挥下,稍稍改下代码,就能实现让用户自行选择使用桌面网站还是移动网站并记住选择。

本文由【好易之】整理自网络!
原创文章,作者:【好易之】如转载请注明出处:https://www.zhengjiaxi.com/zxwd/jswd/69769.html
如有侵权,请邮件联系 aoduoye@qq.com 删除。
本站发布的文章及附件仅限用于学习和研究目的;不得将上述内容用于商业或非法用途,否则后果请用户自负。
本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。
如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。如有侵权请邮件与我们联系处理。
(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
好易之的头像好易之站长
上一篇 2020-05-27 00:34
下一篇 2020-05-27 00:35

相关推荐

发表回复

登录后才能评论

联系我们

400-800-8888

在线咨询:点击这里给我发消息

 

工作时间:周一至周五,9:30-18:30,节假日休息

关注公众号
请查看头部文章来源地址!本站所有内容均为互联网收集整理和网友上传。仅限于学习研究,切勿用于商业用途。否则由此引发的法律纠纷及连带责任本站概不承担。
阿里云