本教程適合有織夢模板開發(fā)經(jīng)驗的站長,如果是新手,建議先去熟悉織夢pc模板開發(fā)。 1、手機模板命名規(guī)則 在新織夢的default模板中,除了原有的模板外,多了些手機模板,主要手機模板如下: 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)容頁默認模板 search_m.htm 搜索頁模板 head_m.htm 頂部模板 footer_m.htm 底部模板 熟悉織夢電腦網(wǎng)站模板制作的站長,一眼大體就能明白這些手機模板對應的用法和制作。 這些手機模板和pc模板在制作、調(diào)用上還是有些區(qū)別的。下面說一下具體的區(qū)別。 2、手機模板和pc模板的不同 (1)手機模板的命名不同 從上面手機模板的命名就可以看出,手機模板和pc模板的命名區(qū)別就是在pc模板后加“_m” ,例如pc首頁模板是index.htm,對應的手機模板就是index_m.htm ;pc列表頁模板是list_article.htm ,對應的手機列表頁模板就list_article_m.htm 。 并且制作pc模板時,應該有一個pc模板,就做一個對應的手機模板,命名如上,這樣電腦和手機訪問時,對應頁面都可以正常顯示。 (2)手機模板調(diào)用的資源位置不同 pc模板制作時,調(diào)用的css、js、images都在模板文件夾中,例如默認default模板中的css、js、images都在其中。而手機模板調(diào)用的css、js、images等資源都在網(wǎng)站根目錄/m/assets文件夾下。 當然我們可以在手機模板中把資源調(diào)用的位置設置到模板文件夾內(nèi)。但我分析了一下,覺的默認的手機模板資源這樣調(diào)用還是有好處的,把手機模板資源和pc模板 資源分開,這樣當我們又做了一個pc模板,想把現(xiàn)有的手機模板添加到這個新pc模板中時,只需要把手機模板文件復制一份到新pc模板中就可以了,手機的 css、js等資源都不用動。簡單說,就是對手機資源管理方便。 所以建議手機模板資源按照默認模板一樣,放到根目錄對應文件夾下。 (3)網(wǎng)站根目錄的m文件夾 新織夢的根目錄下多了m文件夾,這個就是手機訪問的文件夾,剛才說了手機模板資源就在m文件夾下。除此之外m文件夾下還有index.php、list.php、view.php,當我們訪問手機站時,其實就是訪問這3個文件,動態(tài)訪問手機站。 所以如果你想用電腦查看一下自己的手機站,方法就是訪問:http://你的域名/m ,就可以查看手機網(wǎng)站了。 (4)pc模板中的設置 當我們用手機訪問網(wǎng)站時,會自動跳轉(zhuǎn)到手機模板,這需要在pc模板中添加跳轉(zhuǎn)的js代碼。在添加代碼。 |
免責聲明:本站部分文章和圖片均來自用戶投稿和網(wǎng)絡收集,旨在傳播知識,文章和圖片版權(quán)歸原作者及原出處所有,僅供學習與參考,請勿用于商業(yè)用途,如果損害了您的權(quán)利,請聯(lián)系我們及時修正或刪除。謝謝!
始終以前瞻性的眼光聚焦站長、創(chuàng)業(yè)、互聯(lián)網(wǎng)等領(lǐng)域,為您提供最新最全的互聯(lián)網(wǎng)資訊,幫助站長轉(zhuǎn)型升級,為互聯(lián)網(wǎng)創(chuàng)業(yè)者提供更加優(yōu)質(zhì)的創(chuàng)業(yè)信息和品牌營銷服務,與站長一起進步!讓互聯(lián)網(wǎng)創(chuàng)業(yè)者不再孤獨!
掃一掃,關(guān)注站長網(wǎng)微信