首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >WordPress 技巧:设置不同的访问设备加载不同的主题

WordPress 技巧:设置不同的访问设备加载不同的主题

作者头像
Denis
发布2023-04-15 11:21:17
发布2023-04-15 11:21:17
1.1K00
代码可运行
举报
文章被收录于专栏:WordPress果酱WordPress果酱
运行总次数:0
代码可运行

有些时候我们需要在特定情况下(如移动设备访问时)加载不同于站点现在选择的 WordPress 主题,可以使用以下代码:

代码语言:javascript
代码运行次数:0
运行
复制
//根据访问设备切换 WordPress 主题
function wpjam_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', 'wpjam_switch_theme' );
add_filter( 'stylesheet', 'wpjam_switch_theme' );

你可以根据上面的代码自行修改,在何种设备访问时加载什么主题。注意主题名字一定是主题文件夹名字,而不是后台管理界面你看到的主题名字。而且这次代码也不能直接扔进 functions.php 文件中而是要做成一个插件上传启用。

不过还要注意一点,在这里我用了wp_is_mobile()这个wordpress自带函数来检测移动设备,不过这个很不准确,有很大可能不能正确判断移动设备。推荐使用我爱水煮鱼介绍的Mobile_Detect:移动设备(手机)检测的 PHP 类库 来精确检测移动设备。不仅仅用这个类检测移动设备,而且检测桌面浏览器版本,种类也是很方便很准确的。而且你可也在发挥下,稍稍改下代码,就能实现让用户自行选择使用桌面网站还是移动网站并记住选择。


本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档