dedecms织梦手机模板使用和制作方法


当前第2页 返回上一页

*内容页模板添加如下代码


代码如下:

<meta http-equiv="mobile-agent" content="format=xhtml;url={dede:global.cfg_mobileurl/}/view.php?aid={dede:field.id/}"></p> <p><script type="text/javascript">if(window.location.toString().indexOf('pref=padindex') != -1){}else</p> <p>{if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) ||</p> <p>(/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("?</p> <p>mobile")<0){try{if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test</p> <p>(navigator.userAgent)){window.location.href="{dede:global.cfg_mobileurl/}/view.php?aid=</p> <p>{dede:field.id/}";}else if(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}</script>

其中上面的js是电脑网站跳转到手机网站的代码,而<meta http-equiv="mobile-agent" ....>是用来告诉百度,手机网站的地址,主要用于seo。

pc模板添加上面代码后,手机访问网站时,就会自动跳转到手机网站模板了。

(5)手机模板的设置

刚才说过了手机网站访问的是网站根目录的m文件夹下的index.php,list.php,view.php ,手机网站是访问动态页面,而不像pc站中的静态页面。

手机模板制作时,有两个地方和pc模板不同。

一、栏目超链接不同

在pc模板中,如导航栏,栏目超链接调用如下:


代码如下:

{dede:channel type='top' row='10' }</p> <p><a >这是栏目内容</a></p> <p>{/dede:channel}

手机模板调用栏目超链接代码如下:


代码如下:

{dede:channel type='top' row='10' }</p> <p><a >这是栏目内容</a></p> <p>{/dede:channel}

二、文章列表超链接不同

pc模板中文章列表超链接调用代码如下:


代码如下:

{dede:arclist row='10' }</p> <p><a >这是文章标题</a></p> <p>{/dede:arclist}

手机模板调用文章列表超链接代码如下:


代码如下:

{dede:arclist row='10' }</p> <p><a >这是文章标题</a></p> <p>{/dede:arclist}

除了这两个超链接不一样,其他的织梦标签通用。

(6)默认的手机搜索页模板search_m.htm不能用

经测试发现,默认的手机搜索模板search_m.htm不能用,但用手机搜索时,搜索结果用的是pc搜索模板search.htm 。

这是因为手机模板中搜索也是调用的pc站的搜索功能。如果需要让手机网站可以调用search_m.htm ,就需要单独设置搜索功能页面。

总结

好了,按照以上的步骤完成pc站的跳转,和手机站链接的注意事项,你就可以开始做自己的织梦手机模板了,方法和pc站模板开发类似。开发时,可以多参考默认default的手机模板。感兴趣的朋友们快去动手试试吧,如果有疑问可以留言交流,小编会尽快给大家回复的。


标签:织梦DedeCMS

返回前面的内容

相关阅读 >>

织梦DedeCMS 自定义修改文章命名规则方法

详解dedecms后台编辑器将回车br改为p的方法

在dede会员投稿增加文章来源功能的方法

详解dedecms织梦手机版网站首页如何更新

dede调用分类及分类下文章并限制标题字数及显示条数

dedecms系统后台查找技巧分析

dedecms 5.1 游客匿名投稿实现方法

dedecms用sql语句调用数据库任意内容方法

完美解决dedecms中的[html][html]和[code][code]问题

lumanager服务器管理软件安装dedecms软件图文教程

更多相关阅读请进入《织梦DedeCMS》频道 >>



打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...