phpcms v9怎么利用双模板制作PC站与移动站(转自像素格子)

   随着智能手机日益发展，人们上网不再追求电脑上网，手机浏览网页超过电脑必成大势，故移动站制作已非常重要。目前各大CMS都附带着手机门户功能，但往往功能不全，毕竟很多都是免费使用。

      下面说说phpcms v9同一系统如何利用双模板制作电脑站及移动站，本文参考网上资料加以整理。最后得出功能是PC站与移动站共用一个数据库，做到内容发布同步，通过伪原创得出PC站网址与移动站网址一一对应，比如如：http://www.66fww.com对http://m.66fww.com,只是网址头部不同，并且通过判断用手机浏览网站时自动跳动到移动站网址及模板，每个网址一一对应跳转。表达能力有限，越说我都越糊涂了，下面一点点修改吧！

第一步：网址解析

 绑定三个网址：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);
}

意思是，当域名头部为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="text/javascript">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[
            1
        ]){
            vare=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))){
                    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
            }
        }
    }
};

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

第六步：content_m中模板调用的更改
       由于phpcms把文章的url都固定写死在数据表中.所以,页面中的标签不能在使用{$r[url]}，而要改成

{str_replace('http://www.','http://m.',$r[url])},

 意思是,截取url,把 http://www. 替换成 http://m. ，其它琏链接的标签参考此法。
      PC版首页可以生成静态，也可以是动态。双模板伪原创好处是写百度适配非常简单,直接三句：
 

http://www.xx.com对http://m.xx.com
http://www.xx.com/list-(\d+)-(\d+).html对http://m.xx.com/list-${1}-${2}.html
http://www.xx.com/show-(\d+)-(\d+)-(\d+).html对http://m.xx.com/show-${1}-${2}-${3}.html

  当然PC站静态也可以的，不过移动站就不能静态或伪静态了，因为只能生成一个静态页面，起码我不会弄，但可以跳转到移动站的动态网址，跳转网址可以参考伪静态的，无非是三个参数的对应。好了，这是我用双模板制作PC手移动站的一点点心得，完胜系统自带的手机门户站吧，手机站和PC站一样的标签调用。如有看不懂的地方可以提问。

(本文转自像素格子)