随着智能手机日益发展,人们上网不再追求电脑上网,手机浏览网页超过电脑必成大势,故移动站制作已非常重要。目前各大CMS都附带着手机门户功能,但往往功能不全,毕竟很多都是免费使用。
下面说说phpcms v9同一系统如何利用双模板制作电脑站及移动站,本文参考网上资料加以整理。最后得出功能是PC站与移动站共用一个数据库,做到内容发布同步,通过伪原创得出PC站网址与移动站网址一一对应,比如如:www.66fwwm.66fww,只是网址头部不同,并且通过判断用手机浏览网站时自动跳动到移动站网址及模板,每个网址一一对应跳转。表达能力有限,越说我都越糊涂了,下面一点点修改吧
第一步:网址解析
绑定三个网址:www.XXm.XXXX
第二步:做网址伪原创
栏目伪原创后网址如:www.XX/list-1-1.html,内容页网址:www.XX/show-1-1-1.html。对应移动站网址:栏目伪原创后网址如:m.XX/list-1-1.html,内容页网址:m.XX/show-1-1-1.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);
}
分别在203265278行处把include template('content',$template);修改为:
if(substr($_SERVER['SERVER_NAME'], 0,1) == 'm'){
include template('content_m',$template);
}else{
免费管理系统html模板include template('content',$template);
}
意思是,当域名头部为m时选择 content_m文件夹里的模板,www时选择content文件夹的
模板。
第四步:把存放模板的文件夹content复制一份,重命名为content_m,里面的模板文件名一样,里面基本文件header.html,footer.html,index.html,category.html,list.htmlshow.htmlcontent文件夹内模板为PC板调用,content_m为移动站调用,移动板文件建议用html5制作。
第五步:在PC板模板加入跳转脚本
判断为移动端自动跳转网址
脚本写法:<script src="{JS_PATH}uaredirect.js" type="text/javascript"></script>
<script type="text/javascript">uaredirect("要跳转到的移动站网址");</script>
首页、单页、栏目页、内容页各自调用单独的头部模板,方便写跳转网址。
1、首页跳转的网址写法为:<script type="text/javascript">uaredirect("m.XX/index.php");</script>
2、单页、栏目页跳转的网址写法为:<script type="text/javascript">uaredirect("m.XX/list-{$catid}-{$page}.html");</script>
3、内容页跳转的网址写法为:<script type="text/javascript">uaredirect("m.XX/show-{$catid}-{$id}-{$page}.html");</script>
脚本uaredirect.js的文本为:
function uaredirect(f){try{ElementById("bdmark")!=null){return}var b=false;if(arguments[1]){var e=window.location.host;var a=window.location.href;if(isSubdomain(arguments[1],e)==1){f=f+"/#m/"+a;b=true}else{if(isSubdomain(arguments[1],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))){place(f)}}}}catch(d){}}function isSubdomain(c,d){domain=function(f){var e=f.indexOf("://");if(e>0){var h=f.substr(e+3)}else{var h=f}var g=/^www\./;st(h)){h=h.substr(4)}return h};if(c==d){return 1}else{var domain(c);var domain(d);if(c==b){return 1}else{place(".","\\.");var a=new RegExp("\\."+c
+"$");if(b.match(a)){return 2}else{return 0}}}};
个人建议脚本尽量放在靠前位置比较好吧,因为加载网页时尽早触发脚本,跳转到移动网页会不会快点呢,这是我的个人意见,不知对否请高手指正。
第六步:content_m中模板调用的更改
由于phpcms把文章的url都固定写死在数据表中.所以,页面中的标签不能在使用{$r[url]},而要改成{str_replace('www.','m.',$r[url])},意思是,截取url,www.替换成m.,其它琏链接的标签参考此法。
PC版首页可以生成静态,也可以是动态。双模板伪原创好处是写百度适配非常简单,直接三句:
m.xx
/list-(\d+)-(\d+).htmlm.xx/list-${1}-${2}.html
/show-(\d+)-(\d+)-(\d+).htmlm.xx/show-${1}-${2}-${3}.html
当然PC站静态也可以的,不过移动站就不能静态或伪静态了,因为只能生成一个静态页面,起码我不会弄,但可以跳转到移动站的动态网址,跳转网址可以参考伪静态的,无非
是三个参数的对应。好了,这是我用双模板制作PC手移动站的一点点心得,完胜系统自带的手机门户站吧,手机站和PC站一样的标签调用。如有看不懂的地方可以提问。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。