微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

phpcms制作手机WAP网站模板二次开发教程

现在随着智能手机的兴起,我们网站开发移动端版本也显得越来重要了,但是现在PHPcms还没有开发手机版,下面我们就教大家如何让PHPcms实现手机版访问,一般正常情况下我们电脑版的域名为http://www.你的域名/,而手机版的域名一般为http://m.你的域名/

这样就需要我们给手机端另外做一套网站模板,实现网站双模板。下面是具体方法

首先给PHPcms添加自适配的代码,找到并打开/modules/content/index.PHP文件,在里面找到如下代码

PHP">include template('content',$template);

将其修改为如下代码


如果不想手动修改,可以直接使用已经修改好的文件下载覆盖就可以了,下载地址如下:

以上代码的意思是当前页面url中第一个字符为m时则调用content_m模板,否则调用content模板

但是由于phpcms把文章的url都固定写死在数据表中,所以页面中的标签不能在使用{$r[url]}

而要改成

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

这里我们就完成了手机版的设置了,然后我们在制作一套手机端网站模板content_m就可以了。

如果我们要在PC端的内容里面加上当前页面手机端的链接,链接地址写法如下:


反之,手机端加上PC端的链接:

如果你使用的是静态页面,那么只要在模板页头加上以下JS代码就可以实现判断手机自动跳转到手机端了。

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(); }

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐