首页 > 教程 >
怎样让手机访问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/}",
这样用户在访问时,就不会出现不管访问什么页面都会调到首页的状况了,而是跳转到对应的列表或是文章页面。
下载链接:网站源码/小程序源码/网站模板下载
下载排行
- WordPress主题 JustNews5.2.2 + QAPress问答插件适合源码站虚拟资源站个人博客
- ThinkPHP高仿蓝奏云网盘系统源码/对接易支付系统程序
- 最新JustMedia V2.7.3主题破解版去授权WordPress主题模板
- 最新去水印小程序源码分享/无需后台/对接接口/支持全网去水印功能
- 自带多平台解析接口短视频去水印图集水印小程序源码下载
- TooNaughty网址导航主题/WordPress主题下载
- 最新短视频去水印小程序源码/带流量主/外卖CPS系统/批量解析/修改MD5
- 某鱼最近卖的很火蓝色版微信去水印小程序源码+接口
- 最新版去水印小程序源码/基于WordPress的短视频去水印小程序源码
- 起点导航系统源码最新V2.6开源可运营版