織夢(mèng)就添加了很多針對手機移動(dòng)端的設計,最大的設計就是添加了生成二維碼的織夢(mèng)標簽和織夢(mèng)手機模板功能,織夢(mèng)更新后,默認的 default模板中就包含手機模板,所以我們可以給織夢(mèng)網(wǎng)站設計雙模板,電腦網(wǎng)站pc模板和手機m模板,很方便。
我們在制作模板時(shí)通常都會(huì )參考織夢(mèng)默認模板default中的標簽使用,所以,接下來(lái)我們就來(lái)分析一下織夢(mèng)默認模板default中使用手機模板的制作方法。
1、手機模板命名規則
在新織夢(mèng)的default模板中,除了原有的模板外,多了些手機模板,如下:
index_m.htm 手機首頁(yè)模板
index_default_m.htm 手機頻道頁(yè)模板
list_default_m.htm 手機列表頁(yè)模板
list_default_sg_m.htm 手機列表頁(yè)模板
article_article_m.htm 手機內容頁(yè)模板
article_default_m.htm 手機內容頁(yè)默認模板
search_m.htm 手機搜索頁(yè)模板
header_m.htm 手機頂部模板
footer_m.htm 手機底部模板
熟悉模板制作的站長(cháng),一眼大體就能明白這些手機模板對應的用法和制作。這些手機模板和pc模板在制作、調用上還是有些區別的。下面說(shuō)一下具體的區別。
2、手機模板和pc模板的不同
(1)手機模板的命名不同
從上面手機模板的命名就可以看出,手機模板和pc模板的命名區別就是在pc模板后加“_m” ,例如pc首頁(yè)模板是index.htm,對應的手機模板就是index_m.htm ;pc列表頁(yè)模板是list_article.htm ,對應的手機列表頁(yè)模板就list_article_m.htm 。
并且制作pc模板時(shí),應該有一個(gè)pc模板,就做一個(gè)對應的手機模板,命名如上,這樣電腦和手機訪(fǎng)問(wèn)時(shí),對應頁(yè)面都可以正常顯示。
(2)手機模板調用的資源位置不同
pc模板制作時(shí),調用的css、js、images都在模板文件夾中,例如默認default模板中的css、js、images都在其中。而手機模板調用的css、js、images等資源都在網(wǎng)站根目錄/m/assets文件夾下。
當然我們可以在手機模板中把資源調用的位置設置到模板文件夾內。但我分析了一下,覺(jué)的默認的手機模板資源這樣調用還是有好處的,把手機模板資源和pc模板 資源分開(kāi),這樣當我們又做了一個(gè)pc模板,想把現有的手機模板添加到這個(gè)新pc模板中時(shí),只需要把手機模板文件復制一份到新pc模板中就可以了,手機的 css、js等資源都不用動(dòng)。簡(jiǎn)單說(shuō),就是對手機資源管理方便。
所以建議手機模板資源按照默認模板一樣,放到根目錄對應文件夾下。
(3)網(wǎng)站根目錄的m文件夾
新織夢(mèng)的根目錄下多了m文件夾,這個(gè)就是手機訪(fǎng)問(wèn)的文件夾,剛才說(shuō)了手機模板資源就在m文件夾下。除此之外m文件夾下還有index.php、list.php、view.php,當我們訪(fǎng)問(wèn)手機站時(shí),其實(shí)就是訪(fǎng)問(wèn)這3個(gè)文件,動(dòng)態(tài)訪(fǎng)問(wèn)手機站。
所以如果你想用電腦查看一下自己的手機站,方法就是訪(fǎng)問(wèn):http://你的域名/m ,就可以查看手機網(wǎng)站了。
(4)pc模板中的設置
當我們用手機訪(fǎng)問(wèn)網(wǎng)站時(shí),會(huì )自動(dòng)跳轉到手機模板,這需要在pc模板中添加跳轉的js代碼。在
添加代碼。(5)手機模板的設置
剛才說(shuō)過(guò)了手機網(wǎng)站訪(fǎng)問(wèn)的是網(wǎng)站根目錄的m文件夾下的index.php,list.php,view.php ,手機網(wǎng)站是訪(fǎng)問(wèn)動(dòng)態(tài)頁(yè)面,而不像pc站中的靜態(tài)頁(yè)面。
手機模板制作時(shí),有兩個(gè)地方和pc模板不同。
一、欄目超鏈接不同
pc模板導航欄,欄目超鏈接調用如下:
{dede:channel type='top' row='10' }
{/dede:channel}
手機模板調用欄目超鏈接代碼如下:
{dede:channel type='top' row='10' }
{/dede:channel}
二、文章列表超鏈接不同
pc模板文章列表超鏈接調用代碼如下:
{dede:arclist row='10' }
{/dede:arclist}
手機模板調用文章列表超鏈接代碼如下:
{dede:arclist row='10' }
{/dede:arclist}
除了這兩個(gè)超鏈接不一樣,其他的織夢(mèng)標簽一樣。
(6)默認的手機搜索頁(yè)模板search_m.htm不能用
經(jīng)測試發(fā)現,默認的手機搜索模板search_m.htm不能用,但用手機搜索時(shí),搜索結果用的是pc搜索模板search.htm 。
這是因為手機模板中搜索也是調用的pc站的搜索功能。如果需要讓手機網(wǎng)站可以調用search_m.htm ,就需要單獨設置搜索功能頁(yè)面。具體內容大篇文章,所以請參考《織夢(mèng)怎樣設置不同的搜索頁(yè)模板》。
好了,完成pc站的跳轉,和手機站鏈接的注意事項,你就可以開(kāi)始做自己的織夢(mèng)手機模板了,方法和pc站模板開(kāi)發(fā)類(lèi)似。
