首頁那張大圖確實是一個比較頭疼的問題
在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、若有需要，進入預緩存選項，點擊“立即預加載緩存”