dedecms做的网站怎么生成移动端页面 20
dedecms建站移动化问题,从6.18织梦更新手机站后问题就解决了,下面是对网站系统做的一些升级记录(记得升级之前一定要备份,切记)以网站http://boaer.com为例:
第一步:下载官方升级文件v57sp1-20150618.zip (记得升级之前一定要备份,切记)
第二步:解压覆盖原来的文件。上传到服务覆盖之前的文件。
第三步:对模板文件的修改。复制以前的老模板文件,分别加上一下代码:
首页:
<meta http-equiv="mobile-agent" content="format=xhtml;url={dede:global.cfg_mobileurl/}/index.html">
<script type="text/javascript">if(window.location.toString().indexOf('pref=padindex') != -1){}else{if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){if(window.location.href.indexOf("?mobile")<0){try{if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){window.location.href="{dede:global.cfg_mobileurl/}/index.html";}else if(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}</script>栏目页
<meta http-equiv="mobile-agent" content="format=xhtml;url={dede:global.cfg_mobileurl/}/list.php?tid={dede:field.id/}">
<script type="text/javascript">if(window.location.toString().indexOf('pref=padindex') != -1){}else{if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){if(window.location.href.indexOf("?mobile")<0){try{if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){window.location.href="{dede:global.cfg_mobileurl/}/list.php?tid={dede:field.id/}";}else if(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}</script>文章页面
<meta http-equiv="mobile-agent" content="format=xhtml;url={dede:global.cfg_mobileurl/}/view.php?aid={dede:field.id/}">
<script type="text/javascript">if(window.location.toString().indexOf('pref=padindex') != -1){}else{if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){if(window.location.href.indexOf("?mobile")<0){try{if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){window.location.href="{dede:global.cfg_mobileurl/}/view.php?aid={dede:field.id/}";}else if(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}</script>建议把其中的{dede:global.cfg_mobileurl/} 修改为手机站网站,例如修改成http://m.boaer.com/ 。这代码的主要含义是手机跳转到手机页面。
对手机端模板修改,主要是添加统计代码,对css的一些调整,手机模板也存在于默认模板下.主要的有:
header_m 顶部
index_m 首页
footer_m 底部
index_default_m 列表页修改之后覆盖。解决验证码失效问题:
直接取消验证码
1、打开 login.php 找到:
if($validate==” || $validate != $svali)
替换为:if( false )
2、在模板文件dede/templets/login.htm里去掉以下验证码的具体HTML代码:
<li><span>验证码:</span>
<input name=”validate” type=”text” id=”vdcode” style=’width:50px;text-transform:uppercase;’ />
<img id=”vdimgck” src=”../include/vdimgck.php” alt=”看不清?点击更换” align=”absmiddle” style=”cursor:pointer” onclick=”this.src=this.src+’?'” />
</li>第四步:把二级目录变为二级域名,就可以方位手机站了。网址:http://www.boaer.com/m/ 为了更友好,可以把二级目录变为二级域名。
1、解析二级域名到服务器IP。
2、解决图片不显示的问题。把图片变成绝对地址
改目录include下的文件extend.func.php,在最后面添加一个函数方法
function replaceurl($newurl)
{
$newurl=str_replace('src="/uploads/allimg/','src="http://你的域名/uploads/allimg/',$newurl);
return $newurl;
}另外调用文章正文内容的标签{dede:field.body/}
需要改成: {dede:field.body function='replaceurl(@me)'/}
此方法可以适用于任何调用绝对路径图片的页面。手机访问网站时就会自动跳转到手机站网址了。其他问题可以去DEDECMS官方论坛看看,或者百度搜索基本上都能找到答案。
2,需要做移动页面,可以使用织梦的wap插件
3,不过需要重新再做一套手机版页面的模板。相当于两点网站了
4,现在流行的是用html5做响应式模板,这样一站式管理兼容电脑,平板和移动端
5,给你一个参考吧。
移动端就是手机+平板,如果只做手机站平板就还是达不到效果。
如果移动端用html5的响应式做三合一的模板。那就很好了,但是你的PC端已经好了,那就只能先做一个html5的移动手机站,网上有dedecms的手机站插件,实例网站百度“护眼网”,可以实现和pc的同步!
如果要求比较高,平板也要兼顾那就只能用html5重新写页面了,比如bootstrap的前端就比较好!
广告 您可能关注的内容 |