近来越来越多手机wap、自适应网站,可见移动网页是未来,响应式是未来!但是在实际经验中,我们发现:响应式自适应虽然在国外非常流行了、大家都在追随,不过在国内,由于xp上ie6、ie8,带宽等问题,有一部分客户,更喜欢pc wap的方式,这样手机版可以做成不一样、wap加载起来快一点,更重要的pc还可以兼容低版本ie呢。今天,跟大家分享最近看到而又可以用来具体实践自定义pc wap模板的一个方法:phpcms v9自定义手机wap模板新方法。
1、修改/modules/content/index.php文件,在里面找到如下代码:
include template('content',$template);
修改为:
if(substr($_server['server_name'], 0,1) == 'm'){ include template('mobile',$template); }else{ include template('content',$template); }
以上代码是根据域名判断,给phpcms v9添加自适配,调用不同目录的模板:判断当前页面url中第一个字符为m时则调用mobile目录模板,否则调用content目录模板。
由于phpcms v9是调用网站url方式,文章的url地址都固定写死在数据表中,所以页面中的标签不能在使用{$r[url]},而要改成{str_replace('http://www.','http://m.',$r[url])},这样做到截取url,把http://www.你的域名/ 替换成http://m.你的域名/。
这里我们就完成了手机版的设置了,然后我们在制作一套手机端模板放在mobile目录就好了。
如果我们要在pc端的内容里面加上当前页面手机端的链接,链接地址写法如下:
http://{str_replace('www.','m.',$_server['server_name'])}{$_server['request_uri']}
反之,手机端加上pc端的链接:
http://{str_replace('m.','www.',$_server['server_name'])}{$_server['request_uri']}
如果你使用的是静态页面,那么只要在模板页头加上以下js代码就可以实现判断手机端自动跳转到手机端了。
具体代码:
以上内容,改编自axguowen,在此多谢!