現在手機移動設備越來越普及,也越來越智能,使用手機瀏覽網頁已經比較流行了,所以,作為WordPress主題開發者,你必須好好考慮如何應對手機移動用戶了。
這是一段php通用的判斷移動瀏覽器的函數,原理比較簡單,就是判斷瀏覽器返回的user_agent,條件包括手機系統、品牌和窗口大小。
以wordpress為例,在主題的 functions.php內加上如下代碼,目前已包含常見移動瀏覽器的useragent,基本上可以涵蓋可能會用手機上網的用戶群了。
function?is_mobile()?{ $user_agent?=?$_SERVER['HTTP_USER_AGENT']; $mobile_browser?=?Array( "mqqbrowser",?//手機QQ瀏覽器 "opera?mobi",?//手機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() ): ?> //如何如何..(這里可以添加一個mobile.css,如<link>/mobile.css"?/>) <?php endif ;?>
還需要注意的一點:不管是單獨的WordPress主題還是自適應主題,都需要在頭部將添加下面meta,否者可能導致手機顯示字體過小等問題。
<meta>
更多wordpress相關技術文章,請訪問wordpress教程欄目進行學習!
? 版權聲明
文章版權歸作者所有,未經允許請勿轉載。
THE END