導讀:建站文章建站文章織夢2015年6月8日更新后，就添加了很多針對手機移動端的設計，最大的設計就是添加了生成二維碼的織夢標簽和織夢手機模板功能，織夢更新后，默認的 default模建站文章建站技術教學。

織夢2015年6月8日更新后，就添加了很多針對手機移動端的設計，最大的設計就是添加了生成二維碼的織夢標簽和織夢手機模板功能，織夢更新后，默認的 default模板中就包含手機模板，所以我們可以給織夢網站設計雙模板，電腦網站pc模板和手機wap模板，很方便。

我們在制作模板時通常都會參考織夢默認模板default中的標簽使用，所以，接下來我們就來分析一下織夢默認模板default中使用手機模板的制作方法（注意本教程適合有織夢模板開發經驗的站長，如果是新手，建議先去熟悉織夢pc模板開發）。

1、手機模板命名規則

在新織夢的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 ? ? ? ? ? 搜索頁模板

head_m.htm ? ? ? ? ? ? 頂部模板

footer_m.htm ? ? ? ? ? 底部模板

熟悉織夢電腦網站模板制作的站長，一眼大體就能明白這些手機模板對應的用法和制作。這些手機模板和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模板中時，只需要把手機模板文件復制一份到新pc模板中就可以了，手機的 css、js等資源都不用動。簡單說，就是對手機資源管理方便。

關鍵詞標簽: 模板 手機 制作教程