YXCMS怎么设置手机端模板和判断移动手机端

原创
2016/12/28 22:57
阅读数 30

今天yxcms群里就有yxcms的爱好者问yxcms的手机端模板和从哪里判断手机访问的,这些移动手机方面的问题,因为现在都是移动互联时代了,哪个cms不支持手机端模板自定义的话,当然会被out的,不过yxcms一直都是有pc端和手机端两种模板,方面建设和设计修改,这样也能让手机端更加的多变和合适。那么到底yxcms的手机端模板怎么设置呢?yxcms是通过什么来判断访问来源的呢?那么跟随美浩工作室来一起看下:

yxcms3

首先我们要了解yxcms的后台,明白yxcms的后台模板从哪里管理和修改,那当然就是如下图了:

yxcms1

 

从后台的管理首页的左侧,在全局设置栏目下有个前台模板,点击后右侧就会出现如上图的效果,然后会出现有个模板名称,作者,台式端(即电脑端),手机/移动端,还有模板编辑。这些就是进行网站模板设置和管理的地方的,当然手机端的模板就如上图所指了,然后要管理手机模板了,这里咱们用yxcms的VIP手机模板为例子:

yxcm2

 

以上这图其实就说明了两点,一来就是yxcms手机模版的地址(\protected\apps\default\view\mobile),二来就是手机模板官方vip模板的一些模板文件,(这里美浩工作室就不一一介绍文件意义,请自行学习)。

如果你还有一点不明白,就是为什么从后台设置了这些之后,电脑查看就能知道是电脑,手机就能判断出来是手机呢?当然,这个问的好了,因为有程序判断,yxcms的有点就是程序的简洁化和高效化!这里的这个判断是从php语言进行的,那么地址在哪里呢?在\protected\include\lib\common.function.php这个文件里面,在这个php文件里面的第496行开始的,这个就是存放这个判断函数的文件地址。

yxcms33

 

图片看代码是不是不过瘾呢?那当然上代码了!(喜欢php程序研究的可以研究把玩一下!)

 
  1. //判断手机端
  2. function is_mobile() {
  3. if (isset($_SERVER['HTTP_VIA'])) return stristr($_SERVER['HTTP_VIA'],'wap') ? true : false;
  4. //$_SERVER['HTTP_USER_AGENT']='Mozilla/5.0(Linux; U;Android 2.3.5;zh-cn;LNV-Lenovo A790e Build/GINGERBREAD)UC AppleWebKit/534.31(KHTML,like Gecko) Mobile Safari/534.31';
  5. if (isset($_SERVER['HTTP_USER_AGENT'])) {
  6. $client = array('nokia','sony','ericsson','mot','samsung','htc','sgh','lg','sharp','sie-','philips','panasonic','alcatel','lenovo','iphone','blackberry','meizu','android','netfront','symbian','ucweb','windowsce','palm','operamini','operamobi','openwave','nexusone','cldc','midp','wap','mobile'
  7. );
  8. if (preg_match("/(" . implode('|', $client) . ")/i", strtolower($_SERVER['HTTP_USER_AGENT']))) return true;
  9. }
  10. if (isset($_SERVER['HTTP_ACCEPT'])) {
  11. if ((strpos($_SERVER['HTTP_ACCEPT'], 'vnd.wap.wml') !== false) && (strpos($_SERVER['HTTP_ACCEPT'], 'text/html') === false || (strpos($_SERVER['HTTP_ACCEPT'], 'vnd.wap.wml') < strpos($_SERVER['HTTP_ACCEPT'], 'text/html')))) {
  12. return true;
  13. }
  14. }
  15. return false;
  16. }

看完上面的这些,有木有觉得yxcms高大上了,对于你网站的电脑端和手机移动端都有很好的支持,这样你再也不用担心手机端的yxcms模板找不见地方了。不过其实这个只是给大家引导yxcms手机端和pc端分离的,如果要做手机端的网站可能需要运用H5和css3的技术,当然这个就要看你自己设计的风格和特点效果了,这个就不详细介绍这个了,以后美浩工作室博客会分享更多关于yxcms方面的知识。大家如果想关注实时yxcms使用技巧和模板方面的动态可以关注关注美浩工作室的微博:http://weibo.com/mihoweb8

展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部