首页那张大图确实是一个比较头疼的问题
在PC上显示是没问题的，可是到手机上就会超出页面一大截，如果做自适应，图片会被强制压缩
无奈只能用wp_is_mobile()函数在手机上隐藏了这张图，可是这函数似乎对iPad不管用
在iPad Air等高分辨率设备还好，在iPad2这类低分辨率设备上可就惨了
于是我决定自写一段代码解决这个问题
判断代码
我将使用Windows系统的设备定为PC，毕竟博客面向中国用户，大部分家用设备还是用的Windows系统
原理是判断浏览器提交的USER AGENT
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
|
<?php
//获取USER AGENT
$agent = strtolower($_SERVER['HTTP_USER_AGENT']);
//分析数据
$is_pc = (strpos($agent, 'windows nt')) ? true : false;
$is_iphone = (strpos($agent, 'iphone')) ? true : false;
$is_ipad = (strpos($agent, 'ipad')) ? true : false;
$is_android = (strpos($agent, 'android')) ? true : false;
//输出数据
if($is_pc){
echo "这是PC";
}
if($is_iphone){
echo "这是iPhone";
}
if($is_ipad){
echo "这是iPad";
}
if($is_android){
echo "这是Android";
}
?>
|
使用方法
大家将echo语句换成每个设备上需要输出的语句就可以了
若不需要对该设备进行单独设定，删除对应它的if代码即可
禁止WP Super Cache缓存首页
由于WP Super Cache会对首页进行缓存
导致判断代码失效，我们必须禁止它对首页的缓存
1、进入设置-WP Super Cache
2、高级选项，找到底部的“已被接受的文件名和拒绝的URI”
3、勾选其中的主页（is_home)
4、点击保存按钮，再选择顶部的内容选项，点击“删除缓存”即可
5、若有需要，进入预缓存选项，点击“立即预加载缓存”