建站资讯

织梦cmsDede手机上模版制作实例教程 WAP模版标准与

作者:admin 发布时间:2020-08-11

织梦cmsDedecms V5.7版本号升级后,就加上了许多对于手机上手机端的设计方案,较大的设计方案便是加上了转化成二维码的织梦cms标识和织梦cms手机上模版作用,织梦cms升级后,默认设置的default模版中就包括手机上模版,因此大家能够给织梦cms网站制作双模版,电脑上网站pc模版和手机上wap模版,很便捷。

大家在制作模版时一般都是参照织梦cms默认设置模版default中的标识应用,因此,接下去大家就来剖析一下织梦cms默认设置模版default中应用手机上模版的制作方式(留意本实例教程合适有织梦cms模版开发设计工作经验的网站站长,假如是初学者,提议先去了解织梦cmspc模版开发设计)。

1、手机上模版取名标准

在新织梦cms的default模版中,除开原来的模版外,多了些手机上模版,关键手机上模版以下:

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 检索页模版

header_m.htm 顶端模版

footer_m.htm 底端模版

了解织梦cms电脑上网站模版制作的网站站长,一眼大致就可以搞清楚这种手机上模版相匹配的使用方法和制作。这种手机上模版和pc模版在制作、启用上還是一些差别的。下边说一下实际的差别。

2、手机上模版和pc模版的不一样

(1)手机上模版的取名不一样

从上边手机上模版的取名便可以看得出,手机上模版和pc模版的取名差别便是在pc模版后加 _m ,比如pc模版是index.htm,相匹配的手机上模版便是index_m.htm ;pc目录页模版是list_article.htm ,相匹配的手机上目录页模版就list_article_m.htm 。

而且制作pc模版时,应当有一个pc模版,就做一个相匹配的手机上模版,取名如上,那样电脑上和手机上浏览时,相匹配网页页面都可以以一切正常显示信息。

(2)手机上模版启用的資源部位不一样

pc模版制作时,启用的css、js、images都会模版文档夹中,比如默认设置default模版中的css、js、images都会在其中。而默认设置手机上模版启用的css、js、images等資源都会网站网站根目录/m/assets文档夹下。

手机上模版的資源放到哪些地方都可以以,但是假如你习惯性了做pc模版,还可以门把机站的資源放进和pc站一样,放进pc站模版文档夹中。

因此提议手机上模版資源依照默认设置模版一样,放进网站根目录相匹配文档夹下。

(3)网站网站根目录的m文档夹

新织梦cms的网站根目录下多了m文档夹,这一便是手机上浏览的文档夹,刚刚讲过手机上模版資源就在m文档夹下。此外m文档夹下也有index.php、list.php、view.php,当我们们浏览手机上站时,实际上便是浏览这3个文档,动态性浏览手机上站。

因此假如你要用电量脑查询一下自身的手机上站,方式便是浏览:m ,便可以查询手机上网站了。

(4)pc模版中的设定

当我们们用力机浏览网站时,会全自动自动跳转拿到机模版,这必须在pc模版中加上自动跳转的js编码。在

* 模版中加上以下编码:

 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  

在其中上边的js是电脑上网站自动跳转拿到机网站的编码

pc模版加上上边编码后,手机上浏览网站时,便会全自动自动跳转拿到机网站模版了。

(5)手机上模版的设定

刚刚说已过手机上网页访问的是网站网站根目录的m文档夹下的index.php,list.php,view.php ,手机上网站是浏览动态性网页页面,而不象pc站内的静态数据网页页面。

手机上模版制作时,有2个地区和pc模版不一样。

一、频道超级链接接不一样

在pc模版中,如导航栏栏,频道超级链接接启用以下:

{dede:channel type='top' row='10' }  a href='[field:typeurl/]'  它是频道內容 /a  {/dede:channel} 

手机上模版启用频道超级链接接编码以下:

{dede:channel type='top' row='10' }  a href='list.php?tid=[field:id/]'  它是频道內容 /a  {/dede:channel} 

pc模版汉语章目录超级链接接启用编码以下:

除开这2个超级链接接不一样,别的的织梦cms标识通用性。

ok,进行pc站的自动跳转,和手机上站连接的留意事宜,你也就能够刚开始做好自己的织梦cms手机上模版了,方式和pc站模版开发设计相近。开发设计时,能够多参照默认设置default的手机上模版。快去试一下吧。祝你们取得成功。

标识: 手机上模版 织梦cmsDedecms实例教程 模版制作

收缩