织梦模板建站、织梦仿站,推荐选跟版网(专业织梦模板定制下载站),您可以把织梦模板网:加入收藏夹添加到桌面

收藏跟版网图片按钮
跟版网(www.genban.org)是专业的DEDECMS模板下载和定制开发服务商!
用户名: 密码: 验证码: 看不清?点击更换   注册帐号

跟版网-专业只为织梦模板

跟版网 > 织梦教程 > dedecms教程 > DedeCMS电脑端列表和内容跳转到对应移动端

DedeCMS电脑端列表和内容跳转到对应移动端

作者:DEDECMS建站网 关注: 时间:2017-04-21 17:51

内容详情
   以下内容您可能感兴趣:  
移动端pc端跳转

      移动端和PC的整合越来越多,实现一个后台管理PC、移动、微信等。如题,这个问题困扰了我和许多站长,摸索了一两天才发现dedecms默认的wap跳转正好可以拿来用。

       关于首页的跳转大家已经说得烂了,就不费口舌了,关于列表和文章的跳转就没有很好的办法。没错,好内容才拿来分享!大家一般做一个后台管理多个平台都是在一个空间装一些插件实现自动转码的功能。

       列表路径一般是:域名/m/case/

       文章路径一般是:域名/m/case/1.html

       具体的规则由自己的情况而定。

修改dedecms5.7v版本静态列表页、内容页跳转到相应的移动版页面JS

       原来这个跳转是用在新版的手机端上的,也就是为了“m”而生的。以下是dedecms的默认的跳转,修改红色的地方。细心的朋友会发现,其实这个链接就是跳转链接,前面多的不用细看,就是移动的各种版本。这里要注意,此方法只适用于使用相对路径而不能使用绝对路径,{dede:global.cfg_mobileurl/}默认为“m”,如果你的移动版生成的文件夹为“wap”根据情况修改。

<meta http-equiv="mobile-agent" content="format=xhtml;url={dede:global.cfg_mobileurl/}/index.php">
<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.php";}else if(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}</script>

       红色部分列表页修改为:{dede:global.cfg_mobileurl/}{dede:type}[field:typelink/]{/dede:type} ,把修改后的js代码放到<head></head>之间

       内容页修改为:{dede:global.cfg_mobileurl/}{dede:type}[field:typelink/]{/dede:type}{dede:field.id/}.html,同样的把修改后的js代码放到<head></head>之间

       其实熟悉dedecms的都看得懂,就是自动获取当前栏目的链接和获取内容的id,这样不管用户从哪里找到我们的快照,都能自适应进入到相应的页面。大功告成!

动态页面跳转到对应的页面实现方法

       该方法只适用于静态页面,动态页面的跳转方法比较简单(未做伪静态)。

       1.在同一个网站根目录增加移动站目录({dede:global.cfg_mobileurl/}系统默认为/m,为避免影响到根目录下的/m文件夹,则建立文件夹/wap),安装另外一个dedecms,安装前先备份好数据库,防止安装时被覆盖,安装过程和PC端完全一样;

       2.把移动端的对应模板上传到/wap/tamplates/default/;

       3.此时两个dedecms数据库已同一个,还原数据库即可;

       4.动态页面跳转JS和静态页面的修改方法是一样的,是不是很简单。

       红色部分列表页修改为:/wap/plus/list.php?tid={dede:field.id/} ,把修改后的js代码放到<head></head>之间

       内容页修改为:/wap/plus/view.php?aid={dede:field.id/},同样的把修改后的js代码放到<head></head>之间

跟版网-专业织梦模板下载平台,转载请注明出处:http://www.genban.org/news/dedecms-17946.html

     精心为您推荐:  
     邀您关注:  

扫描左侧二维码即可在手机端访问此页面

跟版网官方微信公众账号

扫描左侧二维码即可关注跟版网官方微信公众号,获取金币模板,还可以免费仿站哦!

跟版网官方QQ群

扫描左侧二维码即可加入跟版网官方群,免费获取金币资源并可以与其他织梦高手共同交流学习

跟版网率先实现织梦的三网合一网站,从即日起(2015-10-15)日,跟版网会陆续免费分享一批金币资源给需要的朋友,关注本站认证官方微信公众账号并回复相应的提取码,系统会自动将下载地址发送给您,同时这些金币资源也会分享在官方的QQ群中,欢迎各位朋友踊跃加入。另外本站后期会每周选择大家比较喜欢的网站仿制,并免费分享给大家,还有免费送金币活动哦!

上一篇:怎么在织梦模板添加从左向右滚动的代码

下一篇:DedeCMS的HTML自定义字段字符被过滤问题


赞助广告