如今,移动设备变得越来越普及和智能化。用手机浏览网页是相当流行的。所以,作为一个WordPress主题开发者,你必须仔细思考如何应对移动用户。这是一个判断手机浏览器的php通用函数。原理比较简单,就是判断浏览器返回的user_agent。条件包括手机制式,品牌,窗口大小。以WordPress为例,在主题的functions.php中添加以下代码。目前已经包含了常见手机浏览器的useragent,基本可以覆盖可能使用手机上网的用户。
函数是_ mobile(){ $ user _ agent = $ _ SERVER[& # 039;HTTP _ USER _ AGENT & # 039];$ mobile _ browser = Array(& quot;mqqbrowser & quot、//手机QQ浏览器“opera mobi & quot,//手机歌剧& quotjuc & quot,& quotiuc",//uc浏览器" fennec & quot,& quotios & quot,& quotapple WebKit/420 & quot;,& quotapple WebKit/525 & quot;,& quotapple WebKit/532 & quot;,& quotipad & quot,& quotiphone & quot,& quotipaq & quot,& quotipod & quot,& quotiemobile & quot,& quotwindows ce & quot,//windows phone & quot;240x320 & quot,& quot480x640,& quot宏碁& quot,& quotandroid & quot,& quotanywhereyougo.com & quot,& quot华硕& quot,& quot音频& quot,& quot黑莓& quot,& quot西装外套& quot,& quot酷派& quot,& quot多普达& quot,& quotetouch & quot,& quot日立& quot,& quothtc & quot,& quot华为& quot,& quotjbrowser & quot,& quot联想& quot,& quotlg & quot,& quotlg-& quot;,& quotlge -& quot;,& quotlge & quot,& quotmobi & quot,& quotmoto & quot,& quot诺基亚& quot,& quot电话& quot,& quot三星& quot,& quot索尼& quot,& quotsymbian & quot,& quot平板电脑& quot,& quot天宇& quot,& quotwap & quot,& quotxda & quot,& quotxde & quot,& quot中兴通讯& quot);$ is _ mobile = falseforeach($ mobile _ browser as $ device){ if(stristr($ user _ agent,$ device)){ $ is _ mobile = true;打破;} } return $ is _ mobile}然后在主题的任意一个模板中加入如下判断,比如top:
& lt?php if (is_mobile()):?& gt//怎么样怎么样..(可以在这里添加一个mobile.css,比如< link rel = & quot样式表& quottype = & quottext/CSS & quot;media = & quot所有& quothref = & quothttp://www.jqueryba.com/" & lt?PHP echo get _ template _ directory _ uri();?& gt/mobile . CSS & quot;/& gt;)& lt?php endif?& gt还有一点需要注意的是:无论是单独的WordPress主题还是自适应主题,都需要在标题中添加以下meta。否则可能会导致手机显示字体过小等问题。
& ltmeta name = & quot视窗& quotcontent = & quot宽度=设备-宽度& quot/& gt;更多与wordpress相关的技术文章,请访问wordpress教程专栏进行学习!
评论前必须登录!
注册