我們在制作模板時通常都會參考織夢默認(rèn)模板default中的標(biāo)簽使用，所以，接下來我們就來分析一下織夢默認(rèn)模板default中使用手機(jī)模板的制作方法

注意：本教程適合有織夢模板開發(fā)經(jīng)驗(yàn)的站長，如果是新手，建議先去熟悉織夢pc模板開發(fā)。

1、手機(jī)模板命名規(guī)則

在新織夢的default模板中，除了原有的模板外，多了些手機(jī)模板，主要手機(jī)模板如下：

index_m.htm 首頁模板

index_default_m.htm 頻道頁模板

list_default_m.htm 列表頁模板

list_default_sg_m.htm 列表頁模板

article_article_m.htm 內(nèi)容頁模板

article_default_m.htm 內(nèi)容頁默認(rèn)模板

search_m.htm 搜索頁模板

head_m.htm 頂部模板

footer_m.htm 底部模板

熟悉織夢電腦網(wǎng)站模板制作的站長，一眼大體就能明白這些手機(jī)模板對應(yīng)的用法和制作。這些手機(jī)模板和pc模板在制作、調(diào)用上還是有些區(qū)別的。下面說一下具體的區(qū)別。

2、手機(jī)模板和pc模板的不同

(1)手機(jī)模板的命名不同

從上面手機(jī)模板的命名就可以看出，手機(jī)模板和pc模板的命名區(qū)別就是在pc模板后加“_m” ，例如pc首頁模板是index.htm，對應(yīng)的手機(jī)模板就是index_m.htm ;pc列表頁模板是list_article.htm ，對應(yīng)的手機(jī)列表頁模板就list_article_m.htm 。

并且制作pc模板時，應(yīng)該有一個pc模板，就做一個對應(yīng)的手機(jī)模板，命名如上，這樣電腦和手機(jī)訪問時，對應(yīng)頁面都可以正常顯示。

(2)手機(jī)模板調(diào)用的資源位置不同

pc模板制作時，調(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)。但我分析了一下，覺的默認(rèn)的手機(jī)模板資源這樣調(diào)用還是有好處的，把手機(jī)模板資源和pc模板 資源分開，這樣當(dāng)我們又做了一個pc模板，想把現(xiàn)有的手機(jī)模板添加到這個新pc模板中時，只需要把手機(jī)模板文件復(fù)制一份到新pc模板中就可以了，手機(jī)的 css、js等資源都不用動。簡單說，就是對手機(jī)資源管理方便。

所以建議手機(jī)模板資源按照默認(rèn)模板一樣，放到根目錄對應(yīng)文件夾下。

(3)網(wǎng)站根目錄的m文件夾

新織夢的根目錄下多了m文件夾，這個就是手機(jī)訪問的文件夾，剛才說了手機(jī)模板資源就在m文件夾下。除此之外m文件夾下還有index.php、list.php、view.php，當(dāng)我們訪問手機(jī)站時，其實(shí)就是訪問這3個文件，動態(tài)訪問手機(jī)站。

所以如果你想用電腦查看一下自己的手機(jī)站，方法就是訪問：http://你的域名/m ，就可以查看手機(jī)網(wǎng)站了。

(4)pc模板中的設(shè)置

當(dāng)我們用手機(jī)訪問網(wǎng)站時，會自動跳轉(zhuǎn)到手機(jī)模板，這需要在pc模板中添加跳轉(zhuǎn)的js代碼。在添加代碼。