dede模板怎么加手机版

TAG: 时间:2018-05-14 21:52

 
dede模板如何配置一个数据同步的手机模板呢?其实一点也不难,我们参照默认的模板 default 里的文件就可以来了。
1  第一,我们要了解 dede模板的命名规则。
我们打开默认的织梦模板文件夹,default 下会发现。凡是带_m.htm结尾的都是dede模板的手机模板。常见用到的如下:

     index_m.htm 首页模板

     index_default_m.htm 频道页模板

     list_default_m.htm 列表页模板

     list_default_sg_m.htm 列表页模板

     article_article_m.htm 内容页模板

     article_default_m.htm 内容页默认模板

     search_m.htm 搜索页模板

     head_m.htm 顶部模板

     footer_m.htm 底部模板

2   dede模板的pc段模板和wap手机版都是一一对应的。
 
例如:pc端首页 index.htm                手机wap首页  index_m.htm
          新闻列表:list_article.htm      手机模板列表:list_article_m.htm

其中手机版默认还带有_default_m.htm  这个是 没有默认  对应的  同名称的 手机模板时候,采取调用的一个模板。但是他的级别要低于  同名称的  手机版。

例如:pc的关于和联系我们调用的 模板 分别为:about.htm  和contact.htm两个模板

那么手机版 应该就要有  about_m.htm   contact_m.htm  这两个模板与之对应。如果手机版显示,样式表一样,我们可以直接用

index_default_m.htm  来代替上面两个模板。

如果手机版里有 about_m.htm   那么 手机版wap关于的调用模板就是    about_m.htm 而非 index_default_m.htm

3   栏目的链接和文章的链接变化了一下

栏目链接:原来的[field:typeurl/]   换成:list.php?tid=[field:id/]

内容调用链接:[field:arcurl/]     换成:'view.php?aid=[field:id/]

其他基本不变。
4   dede模板的手机版 因为调用了单独的模板,所以  手机版的样式表和框架图片和特效,位置可以任意放。
  手机版调用的核心文件是 m下的三个php文件。首页,列表和内容

5   最后一步,做一下网站的调转就可以了。如果实在不会,就参照默认的复制过来就可以了。

首页跳转:
 

<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>


列表或者频道跳转:
 

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


内容页跳转:
 

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



 


织梦无忧官方二维码
织梦无忧官方二维码

公司地址

地址:山东省滕州市碧水云天中央城

Copyright © 2002-2011 滕州织梦无忧网络科技有限公司 版权所有

鲁ICP备16003892号-1