phpcms實現手機端與PC端雙模板的方法與詳細教程

2024-07-09 22:54:21

字體：大中小

來源：轉載

供稿：網友

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

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

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

include template('content',$template);

將其修改為如下代碼：

if(substr($_SERVER['SERVER_NAME'], 0,1) == 'm'){

include template('content_m',$template);

}else{

include template('content',$template);

}

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

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端的內容里面加上當前頁面手機端的鏈接，鏈接地址寫法如下：

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

反之，手機端加上PC端的鏈接：

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

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

<script type="text/javascript">

function browserRedirect() {

var sUserAgent = navigator.userAgent.toLowerCase();

var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";

var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";

var bIsMidp = sUserAgent.match(/midp/i) == "midp";

var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";

var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";

var bIsAndroid = sUserAgent.match(/android/i) == "android";

var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";

var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";

if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {

{if $catid=='' and $id==''}

window.location.href="{APP_PATH}/index.php";

{elseif $id=='' and $catid!=''}

window.location.href="{APP_PATH}/index.php?m=content&c=index&a=lists&catid={$catid}";

{else}

window.location.href="{APP_PATH}/index.php?m=content&c=index&a=show&catid={$catid}&id={$id}";

{/if}

}

}

browserRedirect();

function closewindow() {

$("#register-box").hide();

}

function openwindow() {

$("#register-box").show();

}

</script>