導(dǎo)讀:建站文章建站文章織夢(mèng)2015年6月8日更新后，就添加了很多針對(duì)手機(jī)移動(dòng)端的設(shè)計(jì)，最大的設(shè)計(jì)就是添加了生成二維碼的織夢(mèng)標(biāo)簽和織夢(mèng)手機(jī)模板功能，織夢(mèng)更新后，默認(rèn)的 default模建站文章建站技術(shù)教學(xué)。

織夢(mèng)2015年6月8日更新后，就添加了很多針對(duì)手機(jī)移動(dòng)端的設(shè)計(jì)，最大的設(shè)計(jì)就是添加了生成二維碼的織夢(mèng)標(biāo)簽和織夢(mèng)手機(jī)模板功能，織夢(mèng)更新后，默認(rèn)的 default模板中就包含手機(jī)模板，所以我們可以給織夢(mèng)網(wǎng)站設(shè)計(jì)雙模板，電腦網(wǎng)站pc模板和手機(jī)wap模板，很方便。

我們?cè)谥谱髂０鍟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ī)資源管理方便。

關(guān)鍵詞標(biāo)簽: 模板 手機(jī) 制作教程