我們?cè)谥谱髂0鍟r(shí)通常都會(huì)參考織夢(mèng)默認(rèn)模板default中的標(biāo)簽使用,所以,接下來(lái)我們就來(lái)分析一下織夢(mèng)默認(rèn)模板default中使用手機(jī)模板的制作方法
注意:本教程適合有織夢(mèng)模板開(kāi)發(fā)經(jīng)驗(yàn)的站長(zhǎng),如果是新手,建議先去熟悉織夢(mèng)pc模板開(kāi)發(fā)。
1、手機(jī)模板命名規(guī)則
在新織夢(mèng)的default模板中,除了原有的模板外,多了些手機(jī)模板,主要手機(jī)模板如下:
index_m.htm 首頁(yè)模板
index_default_m.htm 頻道頁(yè)模板
list_default_m.htm 列表頁(yè)模板
list_default_sg_m.htm 列表頁(yè)模板
article_article_m.htm 內(nèi)容頁(yè)模板
article_default_m.htm 內(nèi)容頁(yè)默認(rèn)模板
search_m.htm 搜索頁(yè)模板
head_m.htm 頂部模板
footer_m.htm 底部模板
熟悉織夢(mèng)電腦網(wǎng)站模板制作的站長(zhǎng),一眼大體就能明白這些手機(jī)模板對(duì)應(yīng)的用法和制作。這些手機(jī)模板和pc模板在制作、調(diào)用上還是有些區(qū)別的。下面說(shuō)一下具體的區(qū)別。
2、手機(jī)模板和pc模板的不同
(1)手機(jī)模板的命名不同
從上面手機(jī)模板的命名就可以看出,手機(jī)模板和pc模板的命名區(qū)別就是在pc模板后加“_m” ,例如pc首頁(yè)模板是index.htm,對(duì)應(yīng)的手機(jī)模板就是index_m.htm ;pc列表頁(yè)模板是list_article.htm ,對(duì)應(yīng)的手機(jī)列表頁(yè)模板就list_article_m.htm 。
并且制作pc模板時(shí),應(yīng)該有一個(gè)pc模板,就做一個(gè)對(duì)應(yīng)的手機(jī)模板,命名如上,這樣電腦和手機(jī)訪問(wèn)時(shí),對(duì)應(yīng)頁(yè)面都可以正常顯示。
(2)手機(jī)模板調(diào)用的資源位置不同
pc模板制作時(shí),調(diào)用的css、js、images都在模板文件夾中,例如默認(rèn)default模板中的css、js、images都在其中。而手機(jī)模板調(diào)用的css、js、images等資源都在網(wǎng)站根目錄/m/assets文件夾下。
當(dāng)然我們可以在手機(jī)模板中把資源調(diào)用的位置設(shè)置到模板文件夾內(nèi)。但我分析了一下,覺(jué)的默認(rèn)的手機(jī)模板資源這樣調(diào)用還是有好處的,把手機(jī)模板資源和pc模板 資源分開(kāi),這樣當(dāng)我們又做了一個(gè)pc模板,想把現(xiàn)有的手機(jī)模板添加到這個(gè)新pc模板中時(shí),只需要把手機(jī)模板文件復(fù)制一份到新pc模板中就可以了,手機(jī)的 css、js等資源都不用動(dòng)。簡(jiǎn)單說(shuō),就是對(duì)手機(jī)資源管理方便。
所以建議手機(jī)模板資源按照默認(rèn)模板一樣,放到根目錄對(duì)應(yīng)文件夾下。
(3)網(wǎng)站根目錄的m文件夾
新織夢(mèng)的根目錄下多了m文件夾,這個(gè)就是手機(jī)訪問(wèn)的文件夾,剛才說(shuō)了手機(jī)模板資源就在m文件夾下。除此之外m文件夾下還有index.php、list.php、view.php,當(dāng)我們?cè)L問(wèn)手機(jī)站時(shí),其實(shí)就是訪問(wèn)這3個(gè)文件,動(dòng)態(tài)訪問(wèn)手機(jī)站。
所以如果你想用電腦查看一下自己的手機(jī)站,方法就是訪問(wèn):http://你的域名/m ,就可以查看手機(jī)網(wǎng)站了。
(4)pc模板中的設(shè)置
當(dāng)我們用手機(jī)訪問(wèn)網(wǎng)站時(shí),會(huì)自動(dòng)跳轉(zhuǎn)到手機(jī)模板,這需要在pc模板中添加跳轉(zhuǎn)的js代碼。在添加代碼。