Phpcms V9对手机版的设置过于简单,只能自定义首页、频道页、栏目页、内容页四个模板。而不能针对某个栏目进行自定义模板的设置。在这里CMSYOU就给出一个方法,可以针对不同栏目设置不同的手机版模板,非常方便,修改也比较简单。
Phpcms V9自定义手机WAP模板新方法具体开始:
1、修改/modules/content/index.php文件,在里面找到如下代码:
include template(‘content‘,$template);
修改为:
if(substr($_SERVER[‘SERVER_NAME‘], 0,1) == ‘m‘){
include template(‘mobile‘,$template);
}else{
include template(‘content‘,$template);
}
以上代码是根据域名判断,给Phpcms v9添加自适配,调用不同目录的模板:判断当前页面url中第一个字符为m时则调用mobile目录模板,否则调用content目录模板。
由于Phpcms v9是调用网站URL方式,文章的URL地址都固定写死在数据表中,所以页面中的标签不能在使用{$r[url]},而要改成{str_replace(‘http://www.‘,‘http://m.‘,$r[url])},这样做到截取url,把http://www.你的域名/ 替换成http://m.你的域名/。
这里我们就完成了手机版的设置了,然后我们在制作一套手机端模板放在mobile目录就好了。
如果我们要在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>
以上内容,改编自axguowen,在此多谢!