在 WordPress 中根据访问设备使用不同的主题
现在的网页都使用了响应式布局,对于不同的设备,使用媒体查询自动适配设备,但是这对代码的编写较为复杂,有些甚至需要使用脚本来完成的功能,那么我们完全可以使用两个主题模版,来分别在移动端和 PC 端显示。
在WordPress我们也有相关的方法来实现这样的功能,请看下面的代码:
//根據訪問設備切換wordpress主題 function ws_switch_theme($theme){ global $is_IE; if($is_IE){ preg_match('/MSIE\s(\d)\.0;/', $_SERVER['HTTP_USER_AGENT'], $matches); $IEversion = $matches[1]; if($IEversion=6){ $theme='twentyten'; } if($IEversion=7){ $theme='twentyeleven'; } if($IEversion=8){ $theme='twentytwelve'; } } if(wp_is_mobile()) { $theme='twentytwelve'; } return $theme; } add_filter( 'template', 'ws_switch_theme' ); add_filter( 'stylesheet', 'ws_switch_theme' );
你可以根据上面的代码自行修改,在何种设备访问时加载什么主题。注意主题名字一定是主题文件夹名字,而不是后台管理界面你看到的主题名字。
主题这个代码也不能直接扔进 functions.php
文件中而是要做成一个插件上传启用。
在这里我用了wp_is_mobile()
这个 WordPress自带函数来检测移动设备,不过这个很不准确,有很大可能不能正确判断移动设备。
不仅仅检测移动设备,而且检测桌面浏览器版本。而且你也可再发挥下,稍稍改下代码,就能实现让用户自行选择使用桌面网站还是移动网站并记住选择。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
更多
发布评论