»»»美仑©本站聚集品质模板、JS特效、源码、模块、原创等丰富资源下载。
首页 教程 CMS教程 phpcms v9怎么利用双模板制作PC站与移动站

phpcms v9怎么利用双模板制作PC站与移动站

2018-11-21 23:54:17| 责任编辑: Mr.pan| 查看: | 评论: 0| 百度已收录
摘要: 随着智能手机日益发展,人们上网不再追求电脑上网,手机浏览网页超过电脑必成大势,故移动站制作已非常重要。目前各大CMS都附带着手

      随着智能手机日益发展,人们上网不再追求电脑上网,手机浏览网页超过电脑必成大势,故移动站制作已非常重要。目前各大CMS都附带着手机门户功能,但往往功能不全,毕竟很多都是免费使用。
      下面说说phpcms v9同一系统如何利用双模板制作电脑站及移动站,本文参考网上资料加以整理。最后得出功能是PC站与移动站共用一个数据库,做到内容发布同步,通过伪原创得出PC站网址与移动站网址一一对应,比如如:http://www.weby.cc对http://m.weby.cc,只是网址头部不同,并且通过判断用手机浏览网站时自动跳动到移动站网址及模板,每个网址一一对应跳转。表达能力有限,越说我都越糊涂了,下面一点点修改吧!


第一步:网址解析
       绑定三个网址: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 

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

修改为:

  1. if(substr($_SERVER['SERVER_NAME'], 0,1) == 'm'){ 
  2.   include template('content_m','index',$default_style); 
  3. }else
  4.   include template('content','index',$default_style); 

    分别在203265278行处把include template('content',$template);修改为:

  1. if(substr($_SERVER['SERVER_NAME'], 0,1) == 'm'){ 
  2.   include template('content_m',$template); 
  3. }else
  4.   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板模板加入跳转脚本
       判断为移动端自动跳转网址
       脚本写法:

  1. <script src="{JS_PATH}uaredirect.js" type="text/javascript"></script> 
  2. <script type=>uaredirect("要跳转到的移动站网址");</script> 

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

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

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

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

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

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

    脚本uaredirect.js的文本为:

  1. functionuaredirect(f){ 
  2.     try{ 
  3.         if(document.getElementById("bdmark")!=null){ 
  4.             return 
  5.         }var b=false;if(arguments[ 
  6.             1 
  7.         ]){ 
  8.             vare=window.location.host;var a=window.location.href;if(isSubdomain(arguments[ 
  9.                 1 
  10.             ], 
  11.             e)==1){ 
  12.                 f=f+"/#m/"+a;b=true 
  13.             }else
  14.                 if(isSubdomain(arguments[ 
  15.                     1 
  16.                 ], 
  17.                 e)==2){ 
  18.                     f=f+"/#m/"+a;b=true 
  19.                 }else
  20.                     f=a;b=false 
  21.                 } 
  22.             } 
  23.         }else
  24.             b=true 
  25.         }if(b){ 
  26.             var c=window.location.hash;if(!c.match("fromapp")){ 
  27.                 if((navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i))){ 
  28.                     location.replace(f) 
  29.                 } 
  30.             } 
  31.         } 
  32.     }catch(d){ 
  33.          
  34.     } 
  35. }function isSubdomain(c, 
  36. d){ 
  37.     this.getdomain=function(f){ 
  38.         vare=f.indexOf("://");if(e>0){ 
  39.             varh=f.substr(e+3) 
  40.         }else
  41.             var h=f 
  42.         }varg=/^www\./;if(g.test(h)){ 
  43.             h=h.substr(4) 
  44.         }returnh 
  45.     };if(c==d){ 
  46.         return1 
  47.     }else
  48.         var c=this.getdomain(c);varb=this.getdomain(d);if(c==b){ 
  49.             return1 
  50.         }else
  51.             c=c.replace("."
  52.             "\\.");vara=new RegExp("\\."+c+"$");if(b.match(a)){ 
  53.                 return2 
  54.             }else
  55.                 return0 
  56.             } 
  57.         } 
  58.     } 
  59. }; 

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

相关热词搜索:格子 转自 像素 模板 利用

延伸阅读

精彩阅读
会员登录
广告位

关注我们:美仑视觉

官方QQ群

微信平台

全国服务热线:

0769-33232320

【版权声明】本站内容由互联网用户自发贡献,本站不拥有所有权,不承担相关法律责任。如果发现本站有涉嫌抄袭的内容,欢迎发送邮件至Email:admin@meil88.com 举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。

Copyright   ©2013-2018  美仑视觉  Powered by©Meil88!  公安备案:粤ICP备15022042号