美浩工作室是一个以90后团队为主的网站设计,制作,优化,维护为一体的网站建设工作室,为您量身定制适合企业自身的网站,欢迎咨询:15249241469

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

yxcms使用技巧 mihoweb 3617℃ 0评论

今天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程序研究的可以研究把玩一下!)

//判断手机端
function is_mobile() {
if (isset($_SERVER['HTTP_VIA'])) return stristr($_SERVER['HTTP_VIA'],'wap') ? true : false;
//$_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';
if (isset($_SERVER['HTTP_USER_AGENT'])) {
$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'
);
if (preg_match("/(" . implode('|', $client) . ")/i", strtolower($_SERVER['HTTP_USER_AGENT']))) return true;
}
if (isset($_SERVER['HTTP_ACCEPT'])) {
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')))) {
return true;
}
}
return false;
}

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

Incoming search terms:

  • YXCMS

转载请注明:美浩工作室官方博客 » YXCMS怎么设置手机端模板和判断移动手机端

喜欢 (34)