15621857753

phpcmsV9如何使用双模板制作PC站与移动站

来源:齐鲁建站 栏目:建站教程 阅读: 日期:2021-04-11

本文介绍了phpcmsV9如何使用双模板制作PC站与移动站,教程给出了非常详细的步骤,根据说明一步一步来制作吧。

响应式网站建设

phpcmsV9如何使用双模板制作PC站与移动站?下面说说phpcms v9同一系统如何利用双模板制作电脑站及移动站,本文参考网上资料加以整理。表达能力有限,越说我都越糊涂了,下面一点点修改吧!

第一步:网址解析

绑定三个网址:http://www.XX.com、http://m.XX.com、http://XX.com。

第二步:做网址伪原创

栏目伪原创后网址如:http://www.XX.com/list-1-1.html,内容页网址:http://www.XX.com/show-1-1-1.html。对应移动站网址:栏目伪原创后网址如:http://m.XX.com/list-1-1.html,内容页网址:http://m.XX.com/show-1-11.html。至于怎么伪原创不是本文的重点,不会伪原创另外讨论。

第三步:修改phpcms/modules/content/index.php。在31行处找到include 

template('content','index',$default_style); 

修改为:

if(substr($_SERVER['SERVER_NAME'], 0,1) == 'm'){ 

include template('content_m','index',$default_style); 

}else{ 

include template('content','index',$default_style); 

分别在203、265、278行处把include template('content',$template);修改为:

if(substr($_SERVER['SERVER_NAME'], 0,1) == 'm'){ 

include template('content_m',$template); 

}else{ 

include template('content',$template); 

意思是,当域名头部为m时选择 content_m文件夹里的模板,www时选择content文件夹的模板。

第四步:把存放模板的文件夹content复制一份,重命名为content_m,里面的模板文件名一样

里面基本文件header.html,footer.html,index.html,category.html,list.html,show.html。content文件夹内模板为PC板调用,content_m为移动站调用,移动板文件建议用html5制作。

第五步:在PC板模板加入跳转脚本

判断为移动端自动跳转网址

脚本写法:

<script src="{JS_PATH}uaredirect.js" type="text/javascript"></script> 

<script type=>uaredirect("要跳转到的移动站网址");</script> 

首页、单页、栏目页、内容页各自调用单独的头部模板,方便写跳转网址。

1、首页跳转的网址写法为:

<script type="text/javascript">uaredirect("http://m.XX.com/index.php");</script> 

2、单页、栏目页跳转的网址写法为:

<script type="text/javascript">uaredirect("http://m.XX.com/list{$catid}-{$page}.html");</script> 

3、内容页跳转的网址写法为:

<script type="text/javascript">uaredirect("http://m.XX.com/show-{$catid}{$id}-{$page}.html");</script> 

脚本uaredirect.js的文本为:

functionuaredirect(f){ 

try{ 

if(document.getElementById("bdmark")!=null){ 

return 

}var b=false;if(arguments[ 

]){ 

vare=window.location.host;var a=window.location.href;if(isSubdomain(arguments[ 

], 

e)==1){ 

f=f+"/#m/"+a;b=true 

}else{ 

if(isSubdomain(arguments[ 

], 

e)==2){ 

f=f+"/#m/"+a;b=true 

}else{ 

f=a;b=false 

}else{ 

b=true 

}if(b){ 

var c=window.location.hash;if(!c.match("fromapp")){ 

if((navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i))){ 

location.replace(f) 

}catch(d){ 

}function isSubdomain(c, 

d){ 

this.getdomain=function(f){ 

vare=f.indexOf("://");if(e>0){ 

varh=f.substr(e+3) 

}else{ 

var h=f 

}varg=/^www\./;if(g.test(h)){ 

h=h.substr(4) 

}returnh 

};if(c==d){ 

return1 

}else{ 

var c=this.getdomain(c);varb=this.getdomain(d);if(c==b){ 

return1 

}else{ 

c=c.replace(".", 

"\\.");vara=new RegExp("\\."+c+"$");if(b.match(a)){ 

return2 

}else{ 

return0 

}; 

个人建议脚本尽量放在靠前位置比较好吧,因为加载网页时尽早触发脚本,跳转到移动网页会不会快点呢,这是我的个人意见,不知对否请高手指正。

以上就是关于的所有内容,希望可以帮到大家,欢迎扫码加微信一起交流~

公众号二维码

展开