QQ在線咨詢在線咨詢 幫做網絡積累了豐富的項目經驗,聚集了一批資深專業人才,售后服務一流,內業好評不斷,是一家專業的網站建設服務商。微信:skin2288 專業的網站建設服務商。微信:skin2288 網站建設地圖?|?城市分站

phpcms實現手機端與PC端雙模板的方法

發布時間:2018-12-24 12:16:20??作者:專業網站建設工程師?來源:幫做網絡 瀏覽量:

導??讀:現在隨著智能手機的興起,我們網站開發移動端版本也顯得越來重要了,但是現在phpcms還沒有開發手機版,下面我們就教大家如何讓...

現在隨著智能手機的興起,我們網站開發移動端版本也顯得越來重要了,但是現在phpcms還沒有開發手機版,下面我們就教大家如何讓phpcms實現手機版訪問,一般正常情況下我們電腦版的域名為http://www.你的域名/,而手機版的域名一般為http://m.你的域名/

 

這樣就需要我們給手機端另外做一套模板,實現網站雙模板。下面是具體方法:

首先給phpcms添加自適配的代碼,找到并打開/modules/content/index.php文件,在里面找到如下代碼:

 

1 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);
5  }

 

如果不想手動修改,可以直接使用我們已經修改好的文件下載覆蓋就可以了,下載地址如下:

 

http://pan.baidu.com/s/1c02nT1Q

 

以上代碼的意思是當前頁面url中第一個字符為m時則調用content_m模板,否則調用content模板

 

但是由于phpcms把文章的url都固定寫死在數據表中,所以頁面中的標簽不能在使用{$r[url]}

 

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

 

意思是截取url,把http://www.你的域名/ 替換成http://m.你的域名/

 


這里我們就完成了手機版的設置了,然后我們在制作一套手機端模板content_m就可以了。

 

 

 

如果我們要在PC端的內容里面加上當前頁面手機端的鏈接,鏈接地址寫法如下:

 

1 http://{str_replace('www.','m.',$_SERVER['SERVER_NAME'])}{$_SERVER['REQUEST_URI']}

 

 


反之,手機端加上PC端的鏈接:

 

1 http://{str_replace('m.','www.',$_SERVER['SERVER_NAME'])}{$_SERVER['REQUEST_URI']}

 

如果你使用的是靜態頁面,那么只要在模板頁頭加上以下JS代碼就可以實現判斷手機端自動跳轉到手機端了。

 

01 <script type="text/javascript">
02  function browserRedirect() {
03  var sUserAgent = navigator.userAgent.toLowerCase();
04  var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
05  var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
06  var bIsMidp = sUserAgent.match(/midp/i) == "midp";
07  var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
08  var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
09  var bIsAndroid = sUserAgent.match(/android/i) == "android";
10  var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
11  var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
12  if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {
13  {if $catid=='' and $id==''}
14  window.location.href="{APP_PATH}/index.php";
15  {elseif $id=='' and $catid!=''}
16  window.location.href="{APP_PATH}/index.php?m=content&c=index&a=lists&catid={$catid}";
17  {else}
18  window.location.href="{APP_PATH}/index.php?m=content&c=index&a=show&catid={$catid}&id={$id}";
19  {/if}
20  }
21  }
22  browserRedirect();
23  
24 function closewindow() {
25  $("#register-box").hide();
26  }
27  function openwindow() {
28  $("#register-box").show();
29  }
30  </script>


轉載請注明出處: 首頁 > 知識學堂 > phpcms仿站 > >phpcms實現手機端與PC端雙模板的方法


易中彩票