首页 > 教程 >

怎样让手机访问DedeCMS网站都跳转到对应的手机版

2023-03-31教程围观

简介现在网上很多事情,大家都是人云亦云,不去尝试,随意转发。比如手机访问电脑版网站自动跳转到手机WAP版本页面这件事。在网上一查,结果好多,而且非常简单,只要在HEAD标签之间加上一段跳转代码,再把跳转代码中的网址改为你自己的WAP页面地址就行,比如DedeCMS制作的网站就是跳转到http://域名/wap.php。可是当你在每个页面都放上这段代码之后,你会发现这样根本就行不通,不是因为不会自动跳转

  

现在网上很多事情,大家都是人云亦云,不去尝试,随意转发。

比如手机访问电脑版网站自动跳转到手机WAP版本页面这件事。在网上一查,结果好多,而且非常简单,只要在HEAD标签之间加上一段跳转代码,再把跳转代码中的网址改为你自己的WAP页面地址就行,比如DedeCMS制作的网站就是跳转到 http://域名/wap.php。

可是当你在每个页面都放上这段代码之后,你会发现这样根本就行不通,不是因为不会自动跳转,而是因为无论访问什么页面,都只会跳转到WAP版网站的首页,这对于一位正在访问我们网站文章页的用户来说,根本没有任何意义,其结果反而适得其反,本来还可以凑合看,跳转后反而找不到那篇文章了。

所以,我们在设计跳转的时候,一定要实现无论在任何页面跳转,跳转后的手机版页面一定也还要是这个PC页面所对应的,也就是说,用户在用手机打开我们A文章的PC网址时,网站必须自动跳转到A文章对应的WAP页面,这样才算合情合理。

所以,除了首页之外,我们还必须针对DedeCMS网站的频道页、列表页以及文章页的跳转作不同的跳转设计。

按照DedeCMS默认的手机WAP网站设计,是通过栏目或是文章页的id来获取相关信息的。这些id的信息我们都可以在模板中用 {dede:field.id/}标签来获取。

所以我们可以把 频道及列表页的跳转代码中的跳转网址设置成如下这样:

    var mobileUrl="  http://dede58.com/wap.php?action=list&id={dede:field.id/}",

把文章页面的跳转代码 中的跳转网址设置成如下这样:

    var mobileUrl="  http://dede58.com/wap.php?action=article&id={dede:field.id/}",

这样用户在访问时,就不会出现不管访问什么页面都会调到首页的状况了,而是跳转到对应的列表或是文章页面。

下载链接:网站源码/小程序源码/网站模板下载

Tags: DedeCMS 网站 怎样 手机 访问