您现在的位置是:首页 > cms教程 > DedeCMS教程DedeCMS教程

手机访问DedeCMS网站都跳转到对应手机版的方法

章学共2023-09-19DedeCMS教程已有人查阅

导读现在网上很多事情,大家都是人云亦云,不去尝试,随意转发。比如手机访问电脑版网站自动跳转到手机WAP版本页面这件事。在网上一查,结果好多,而且非常简单,只要

现在网上很多事情,大家都是人云亦云,不去尝试,随意转发。
比如手机访问电脑版网站自动跳转到手机WAP版本页面这件事。在网上一查,结果好多,而且非常简单,只要在HEAD标签之间加上一段跳转代码,再把跳转代码中的网址改为你自己的WAP页面地址就行,比如DedeCMS制作的网站就是跳转到 http://域名/wap.php,完整代码如下(以代码号为例):
可是当你在每个页面都放上这段代码之后,你会发现这样根本就行不通,不是因为不会自动跳转,而是因为无论访问什么页面,都只会跳转到WAP版网站的首页,这对于一位正在访问我们网站文章页的用户来说,根本没有任何意义,其结果反而适得其反,本来还可以凑合看,跳转后反而找不到那篇文章了。
所以,我们在设计跳转的时候,一定要实现无论在任何页面跳转,跳转后的手机版页面一定也还要是这个PC页面所对应的,也就是说,用户在用手机打开我们A文章的PC网址时,网站必须自动跳转到A文章对应的WAP页面,这样才算合情合理。
所以,除了首页之外,我们还必须针对DedeCMS网站的频道页、列表页以及文章页的跳转作不同的跳转设计。
按照DedeCMS默认的手机WAP网站设计,是通过栏目或是文章页的id来获取相关信息的。这些id的信息我们都可以在模板中用 {dede:field.id/}标签来获取。
所以我们可以把 频道及列表页的跳转代码中的跳转网址设置成如下这样:
var mobileUrl=" http://ebingou.cn/wap.php?action=list&id={dede:field.id/}",
把文章页面的跳转代码 中的跳转网址设置成如下这样:
var mobileUrl=" http://ebingou.cn/wap.php?action=article&id={dede:field.id/}",
这样用户在访问时,就不会出现不管访问什么页面都会调到首页的状况了,而是跳转到对应的列表或是文章页面。

本文标签:

很赞哦! ()

相关源码

  • (自适应响应式)装修装潢设计公司网站源码下载本模板为装修设计企业打造,采用PbootCMS内核开发,整体设计突出空间美学与功能性结合。首页采用大图轮播展示工程案例,服务项目模块支持三维效果展示,呈现装修设计企业的专业形象与技术实力。查看源码
  • (PC+WAP)红色驾校培训学车在线预约源码下载基于PbootCMS内核开发的驾校培训专用网站模板,深度适配驾驶培训行业展示需求。采用PC与移动端同步响应设计,单一后台统一管理内容数据,更换图文素材后可快速转变为其他行业网站。查看源码
  • (PC+WAP)绿色市政园林建筑设计绿化营销型pbootcms网站模板本模板基于PbootCMS系统开发,为园林绿化、景观设计类企业设计,特别适合市政园林、景观工程、绿化养护等企业使用。采用双端适配技术查看源码
  • 帝国cms7.5淘宝客电商品牌特价带手机站带会员模板下载为电商品牌特价展示设计的帝国CMS模板,集成PC端与移动端双平台适配。采用瀑布流商品布局,支持品牌分类聚合展示,突出特价促销视觉冲击力。查看源码
  • (自适应响应式)水墨风白酒酿制酒业酒文化酒类产品网站源码下载本模板基于PbootCMS内核开发,为酒类企业打造的水墨风响应式网站解决方案。采用传统东方美学设计语言,呈现白酒文化底蕴,自适应移动端展示效果,数据实时同步更新,助力酒企建立专业数字化形象。查看源码
  • (自适应响应式)HTML5磁电机械设备蓝色营销型网站pbootcms模板本模板为磁电设备行业设计,采用蓝色营销风格,突出工业设备的专业性和技术感。模板结构清晰,能够有效展示磁电设备的技术参数、应用场景和企业实力,帮助客户快速了解产品特点和公司服务。查看源码
分享笔记 (共有 篇笔记)
验证码:

本栏推荐