現(xiàn)在手機(jī)移動(dòng)設(shè)備越來越普及，也越來越智能，使用手機(jī)瀏覽網(wǎng)頁已經(jīng)比較流行了，所以，作為WordPress主題開發(fā)者，你必須好好考慮如何應(yīng)對(duì)手機(jī)移動(dòng)用戶了。
應(yīng)對(duì)手機(jī)用戶的主要策略
1.制作自適應(yīng)WordPress主題
2.額外制作一個(gè)專供手機(jī)用戶訪問時(shí)顯示的主題，或者使用相關(guān)手機(jī)主題設(shè)置插件
如果你打算制作針對(duì)手機(jī)移動(dòng)用戶的WordPress主題，可能就需要判斷手機(jī)移動(dòng)客戶端。昨天在 小蝴蝶 那里看到了 wordpress免插件判斷移動(dòng)設(shè)備 ，與大家一起分享。
WordPress判斷手機(jī)移動(dòng)設(shè)備
這是一段php通用的判斷移動(dòng)瀏覽器的函數(shù)，原理比較簡單，就是判斷瀏覽器返回的user_agent，條件包括手機(jī)系統(tǒng)、品牌和窗口大小。
以WordPress為例，在主題的 functions.php 內(nèi)加上如下代碼，目前已包含常見移動(dòng)瀏覽器的useragent，基本上可以涵蓋可能會(huì)用手機(jī)上網(wǎng)的用戶群了。
function is_mobile() {
$user_agent = $_SERVER['HTTP_USER_AGENT'];
$mobile_browser = Array(
"mqqbrowser", //手機(jī)QQ瀏覽器
"opera mobi", //手機(jī)opera
"juc","iuc",//uc瀏覽器
"fennec","ios","applewebKit/420","applewebkit/525","applewebkit/532","ipad","iphone","ipaq","ipod",
"iemobile", "windows ce",//windows phone
"240x320","480x640","acer","android","anywhereyougo.com","asus","audio","blackberry","blazer","coolpad" ,"dopod", "etouch", "hitachi","htc","huawei", "jbrowser", "lenovo","lg","lg-","lge-","lge", "mobi","moto","nokia","phone","samsung","sony","symbian","tablet","tianyu","wap","xda","xde","zte"
);
$is_mobile = false;
foreach ($mobile_browser as $device) {
if (stristr($user_agent, $device)) {
$is_mobile = true;
break;
}
}
return $is_mobile;
}
然后在主題任意模板如頂部加上如下判斷：
<?php if (is_mobile() ): ?>
//怎樣怎樣..(這里可以添加一個(gè)mobile.css,如<link rel="stylesheet" type="text/css" media="all" href="<?php echo get_template_directory_uri(); ?>/mobile.css" />)
<?php endif ;?>
還需要注意的一點(diǎn)：不管是單獨(dú)的WordPress主題還是自適應(yīng)主題，都需要在頭部<head>將添加下面meta，否者可能導(dǎo)致手機(jī)顯示字體過小等問題。
<meta name="viewport" content="width=device-width"/>
參考資料：http://xiaohudie.net/mobile-hack.html
聲明：本站所有文章，如無特殊說明或標(biāo)注，均為本站原創(chuàng)發(fā)布。任何個(gè)人或組織，在未征得本站同意時(shí)，禁止復(fù)制、盜用、采集、發(fā)布本站內(nèi)容到任何網(wǎng)站、書籍等各類媒體平臺(tái)。如若本站內(nèi)容侵犯了原著者的合法權(quán)益，可聯(lián)系我們進(jìn)行處理。
本文非常有用，我用來在PC端和移動(dòng)端中展示不同的廣告，找了很多發(fā)現(xiàn)這個(gè)辦法整合我意。不好意思上個(gè)評(píng)論電子郵箱填錯(cuò)了
這個(gè)是不是把IPAD也算進(jìn)去了？把a(bǔ)rray里面的Ipad去掉是不是就OK了？
第二個(gè)方案 的”額外制作一個(gè)專供手機(jī)用戶訪問時(shí)顯示的主題”
能大體說下思路嗎?
比如,單獨(dú)的手機(jī)端html頁面已經(jīng)制作好了,但是wordpress下已經(jīng)有一個(gè)主題了,怎么把這個(gè)移動(dòng)端的主題加上去?
想不通, ??
?? ?? ?? 小蝴蝶是個(gè)美女哦
如果是判斷是手機(jī)用戶，怎么讓他跳轉(zhuǎn)到另一個(gè)域名呢？
試驗(yàn)了下，發(fā)現(xiàn)內(nèi)容跑偏，而且顯示不全，可能是我的主體模板的問題吧。