phpcms v9怎么利用雙模板制作PC站與移動站

昵稱29878632 2016-07-11

展開全文

　　隨著智能手機日益發(fā)展，人們上網不再追求電腦上網，手機瀏覽網頁超過電腦必成大勢，故移動站制作已非常重要。目前各大CMS都附帶著手機門戶功能，但往往功能不全，畢竟很多都是免費使用。

　　下面說說phpcms v9同一系統(tǒng)如何利用雙模板制作電腦站及移動站，本文參考網上資料加以整理。最后得出功能是PC站與移動站共用一個數據庫，做到內容發(fā)布同步，通過偽原創(chuàng)得出PC站網址與移動站網址一一對應，比如如：http://www.對http://m.,只是網址頭部不同，并且通過判斷用手機瀏覽網站時自動跳動到移動站網址及模板，每個網址一一對應跳轉。表達能力有限，越說我都越糊涂了，下面一點點修改吧

　　第一步：網址解析

　　綁定三個網址：http://www.XX.com、http://m.XX.com、http://XX.com。

　　第二步：做網址偽原創(chuàng)

　　欄目偽原創(chuàng)后網址如：http://www.XX.com/list-1-1.html，內容頁網址：http://www.XX.com/show-1-1-1.html。對應移動站網址：欄目偽原創(chuàng)后網址如：http://m.XX.com/list-1-1.html，內容頁網址：http://m.XX.com/show-1-1-1.html。至于怎么偽原創(chuàng)不是本文的重點，不會偽原創(chuàng)另外討論。

　　第三步:修改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="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的文本為：

　　個人建議腳本盡量放在靠前位置比較好吧，因為加載網頁時盡早觸發(fā)腳本，跳轉到移動網頁會不會快點呢，這是我的個人意見，不知對否請高手指正。

　　第六步：content_m中模板調用的更改

　　由于phpcms把文章的url都固定寫死在數據表中.所以,頁面中的標簽不能在使用{$r[url]}，而要改成{str_replace('http://www.','http://m.',$r[url])},意思是,截取url,把http://www.替換成http://m.，其它璉鏈接的標簽參考此法。

　　PC版首頁可以生成靜態(tài)，也可以是動態(tài)。雙模板偽原創(chuàng)好處是寫百度適配非常簡單,直接三句：

　　http://www.對http://m.

　　http://www./list-(\d+)-(\d+).html對http://m./list-${1}-${2}.html

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

　　當然PC站靜態(tài)也可以的，不過移動站就不能靜態(tài)或偽靜態(tài)了，因為只能生成一個靜態(tài)頁面，起碼我不會弄，但可以跳轉到移動站的動態(tài)網址，跳轉網址可以參考偽靜態(tài)的，無非是三個參數的對應。好了，這是我用雙模板制作PC手移動站的一點點心得，完勝系統(tǒng)自帶的手機門戶站吧，手機站和PC站一樣的標簽調用。如有看不懂的地方可以提問。