织梦手机端静态化和电脑端完美适配同步更新

作者: AG亚游集团 分类: 媒体专栏 发布时间: 2018-01-04

织梦手机端静态化和电脑端完美适配同步更新

网上方法不少,但bug也不少,买的一些插件,也存在很多的问题,本篇是经过作者研究的,目前顺利实现了手机端静态化以及和电脑端的完美适配(实现同一数据库,做SEO的都知道,这主要是解决SEO的问题)

不说废话,直接上方法。

针对GBK和utf-8的两个版本,已经打包,请下载后,覆盖到织梦网站程序根目录,如果默认的dede目录已经被你改名,找到对应的目录覆盖。友情提醒,覆盖前请先做备份。

下载后请看教程文档,需要注意的是:

第一,织梦默认的手机模板的命名,通常是在模板后面加上"_m"来区分,但官方的命名有些不太规范,比如将list_article的手机版命名为list_default_m.htm,实际上应该是list_article_m.htm这样更容易区分。所以不管是list_default_m.htm还是list_article_m.htm织梦都能够识别。为了规范,建议程序员采用list_article_m.htm的命名,虽然这会在后台手机端更新的时候,提示模板不存在,但这并不影响页面的生成!其他所有手机端页面的命名,都是如此,一一对应的!大部分调用标签也是通用的。

第二,页面生成的路径问题:电脑端怎么设置的,手机端页面就会同步,非常的傻瓜式,也实现了所谓的适配,即url后缀是一样的。

第三,频道封面栏目,这个如果设置了,需要改成最终列表栏目!不然无法生成!其实调整到“最终列表栏目”,也不会耽误封面页的调用。列表页也是支持{dede:field.content/}标签的,效果一样。

下面是跳转代码,自动识别手机端跳转(以二级域名http://m.wxtlad.com为例)

PC首页:

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

 

PC频道:

<meta http-equiv="mobile-agent" content="format=xhtml;url=http://m.wxtlad.com{dede:type}[field:typelink/]{/dede:type}">
<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="http://m.wxtlad.com{dede:type}[field:typelink/]{/dede:type}";}else if(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}</script>

 

PC文章:

<meta http-equiv="mobile-agent" content="format=xhtml;url=http://m.wxtlad.com{dede:type}[field:typelink/]{/dede:type}{dede:field.id/}.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="http://m.wxtlad.com{dede:type}[field:typelink/]{/dede:type}{dede:field.id/}.html";}else if(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}</script>

请将标红域名改成自己的,如果自定义了栏目或者文章目录,请参照织梦标签修改。

案例:http://www.wxtlad.com 手机版:http://m.wxtlad.com 采用的是默认的织梦模板。大家在做网站的时候,可以做两套模板,pc+手机,手机模板以pc模板后加"_m"命名,将下载的手机静态化插件用起来,就基本实现了手机端适配,方便百度的收录和排名。目前织梦来讲,技术上只有响应式和本篇的方法,较为普遍。

插件下载:http://pan.baidu.com/s/1kU8IQc3

本页标签: 织梦 静态化



如果觉得本文对您有用,请您任意打赏。博主QQ/微信:468161447