phpcmsv9实现手机端与PC端双模板的方法与详细教程(转)
2017-08-09 16:26
375 查看
现在随着智能手机的兴起,我们网站开发移动端版本也显得越来重要了,但是现在phpcms还没有开发手机版,下面我们就教大家如何让phpcms实现手机版访问,一般正常情况下我们电脑版的域名为http://www.你的域名/,而手机版的域名一般为http://m.你的域名/
这样就需要我们给手机端另外做一套模板,实现网站双模板。下面是具体方法:
首先给phpcms添加自适配的代码,找到并打开/modules/content/index.php文件,在里面找到如下代码:
将其修改为如下代码:
如果不想手动修改,可以直接使用我们已经修改好的文件下载覆盖就可以了,下载地址如下:
http://pan.baidu.com/s/1c02nT1Q
以上代码的意思是当前页面url中第一个字符为m时则调用content_m模板,否则调用content模板
但是由于phpcms把文章的url都固定写死在数据表中,所以页面中的标签不能在使用{$rhttp://www" target=_blank>}
而要改成{str_replace(‘[url=http://www]http://www.’,’[url=http://m]http://m.’,$rhttp://www" target=_blank>)}
意思是截取url,把[url=http://www]http://www.你的域名/ 替换成[url=http://m]http://m.你的域名/
这里我们就完成了手机版的设置了,然后我们在制作一套手机端模板content_m就可以了。
如果我们要在PC端的内容里面加上当前页面手机端的链接,链接地址写法如下:
反之,手机端加上PC端的链接:
如果你使用的是静态页面,那么只要在模板页头加上以下JS代码就可以实现判断手机端自动跳转到手机端了。
转自CMS资源网
这样就需要我们给手机端另外做一套模板,实现网站双模板。下面是具体方法:
首先给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都固定写死在数据表中,所以页面中的标签不能在使用{$rhttp://www" target=_blank>}
而要改成{str_replace(‘[url=http://www]http://www.’,’[url=http://m]http://m.’,$rhttp://www" target=_blank>)}
意思是截取url,把[url=http://www]http://www.你的域名/ 替换成[url=http://m]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>
转自CMS资源网
相关文章推荐
- phpcms实现手机端与PC端双模板的方法与详细教程(同步跳转)
- phpcms实现手机端与PC端双模板的方法与详细教程
- 远程桌面连接的开启,和借助内外网软件,实现外网PC手机远程控制内网电脑,详细图文教程
- 20元实现随处wlan小教程(更新pc上操作M8文件的“另一种”方法)
- 设计模式之模板方法模式 c++实现和详细分析
- 事件驱动自动生成静态页面模板解决方法(一)——利用静态类和FileSystemWatcher实现模板快速索引和读取
- PS去除图片中文字的方法详细图文教程
- (转)Apache服务器使用.htaccess实现图片防盗链方法教程
- [转]详细讲解检测文件编码的实现方法
- asp下用实现模板加载的的几种方法总结 原创
- 在绑定控件中查询一条记录的详细信息的实现方法
- [导入]Apache服务器使用.htaccess实现图片防盗链方法教程
- php的Smarty中实现模板嵌套的方法(转)
- phpcms 2007 教程——默认模板的详细图文说明文档
- CSS教程:可扩展圆角标签的实现方法
- 模板方法的一般实现:
- C++模板应用——让模板定义和实现分离的方法
- Win Vista使用教程之UAC详细使用方法
- 新版iPhone&nbsp;PC&nbsp;Suite完全详细使用教程
- 一键GHOST V8.3 Build 060425 硬盘版一键ghost使用方法说明[图文详细教程]