網(wǎng)站建設_QQ咨詢(xún)：
網(wǎng)站優(yōu)化_電話(huà)：15907554344
很多站長(cháng)在優(yōu)化織夢(mèng)網(wǎng)站的時(shí)候都會(huì )遇到這個(gè)問(wèn)題，很多網(wǎng)上找到的織夢(mèng)模板沒(méi)有自帶的手機端模板和PC端自動(dòng)跳轉織夢(mèng)手機端代碼，但是對于目前百度，神馬等搜索引擎優(yōu)化來(lái)說(shuō)，手機端網(wǎng)站或者自適應網(wǎng)站已經(jīng)是非常重要優(yōu)化排名手段?？棄?mèng)網(wǎng)站在2015年就更新出了手機端網(wǎng)站代碼，系統后臺添加了很多針對手機移動(dòng)端的設計，最好的功能就是添加了生成二維碼的織夢(mèng)標簽和織夢(mèng)手機模板功能，織夢(mèng)更新后，默認的 default模板中就包含手機模板，所以我們可以給織夢(mèng)網(wǎng)站設計雙模板，電腦網(wǎng)站pc模板和手機wap模板，非常方便。白起seo在此分享如何實(shí)現織夢(mèng)模板pc電腦端網(wǎng)站自動(dòng)跳轉手機模板網(wǎng)站。
我們在制作模板時(shí)通常都會(huì )參考織夢(mèng)默認模板default中的標簽使用，所以，接下來(lái)我們就來(lái)分析一下織夢(mèng)默認模板default中使用手機模板的制作方法。
一、手機模板命名規則
在新織夢(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è)模板
head_m.htm 頂部模板
footer_m.htm 底部模板
熟悉織夢(mèng)電腦網(wǎng)站模板制作的站長(cháng)，一眼大體就能明白這些手機模板對應的用法和制作。這些手機模板和pc模板在制作、調用上還是有些區別的。下面說(shuō)一下具體的區別。
二、手機模板和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代碼。在<head></head>添加代碼。
* 首頁(yè)模板中添加如下代碼：
<meta http-equiv="mobile-agent" content="format=xhtml;url={dede:global.cfg_mobileurl/}/index.php">
<script type="text/javascript">if(window.location.toString().indexOf('pref=padindex') != -1){}else
{if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) ||
(/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-
|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){if(window.location.href.indexOf("?
mobile")<0){try{if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test
(navigator.userAgent)){window.location.href="{dede:global.cfg_mobileurl/}/index.php";}else if
(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}
</script>
* 列表頁(yè)模板添加如下代碼：
<meta http-equiv="mobile-agent" content="format=xhtml;url={dede:global.cfg_mobileurl/}/list.php?tid={dede:field.id/}">
<script type="text/javascript">if(window.location.toString().indexOf('pref=padindex') != -1){}else
{if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) ||
(/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-
|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){if(window.location.href.indexOf("?
mobile")<0){try{if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test
(navigator.userAgent)){window.location.href="{dede:global.cfg_mobileurl/}/list.php?tid=
{dede:field.id/}";}else if(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}
</script>
*內容頁(yè)模板添加如下代碼
<meta http-equiv="mobile-agent" content="format=xhtml;url={dede:global.cfg_mobileurl/}/view.php?aid={dede:field.id/}">
<script type="text/javascript">if(window.location.toString().indexOf('pref=padindex') != -1){}else
{if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) ||
(/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){if(window.location.href.indexOf("?
mobile")<0){try{if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test
(navigator.userAgent)){window.location.href="{dede:global.cfg_mobileurl/}/view.php?aid=
{dede:field.id/}";}else if(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}
</script>
其中上面的js是電腦網(wǎng)站跳轉到手機網(wǎng)站的跳轉代碼，而<meta http-equiv="mobile-agent" ....>是用來(lái)告訴百度，手機網(wǎng)站的地址，主要用于seo網(wǎng)站優(yōu)化。
pc模板添加上面代碼后，手機訪(fǎng)問(wèn)網(wǎng)站時(shí)，就會(huì )自動(dòng)跳轉到手機網(wǎng)站模板了。
（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模板不同。
1、欄目超鏈接不同
在pc模板中，如導航欄，欄目超鏈接調用如下：
{dede:channel type='top' row='10' }
<a href='[field:typeurl/]' >這是欄目?jì)热?lt;/a>
{/dede:channel}
手機模板調用欄目超鏈接代碼如下：
{dede:channel type='top' row='10' }
<a href='list.php?tid=[field:id/]' >這是欄目?jì)热?lt;/a>
{/dede:channel}
2、文章列表超鏈接不同
pc模板中文章列表超鏈接調用代碼如下：
{dede:arclist row='10' }
<a href='[field:arcurl/]' >這是文章標題</a>
{/dede:arclist}
手機模板調用文章列表超鏈接代碼如下：
{dede:arclist row='10' }
<a href='view.php?aid=[field:id/]' >這是文章標題</a>
{/dede:arclist}
除了這兩個(gè)超鏈接不一樣，其他的織夢(mèng)標簽通用。
三、手機網(wǎng)站更新
到這里我們已經(jīng)實(shí)現了織夢(mèng)PC端跳轉手機端模板的布局了，那么接下來(lái)該如何實(shí)現織夢(mèng)手機網(wǎng)站的更新呢？
白起SEO幫你解決一個(gè)織夢(mèng)網(wǎng)站手機端更新問(wèn)題：在后臺更新時(shí)候手機版模板無(wú)法像電腦版一樣同步更新，這樣造成了很多的麻煩，有時(shí)候還擔心是否修改了其他模板文件。每次更新只能重新選擇手機模板，生成之后還要將靜態(tài)index.html傳到 根目錄“m/”下。下面就教大家如何像生成pc端一樣更新移動(dòng)端模板文件，達到實(shí)時(shí)更新模板。
首先，打開(kāi)后臺文件路徑：/dede/inc/inc_menu.php，修改前請自行備份一份，使用Notepad++或者其他文本編輯器打開(kāi)這個(gè)文件。
在打開(kāi)的inc_menu.php文件中找到143行，復制粘貼這一行代碼。并將“更新主頁(yè)HTML”修改成“更新手機HTML“，“makehtml_homepage”修改成“makehtml_homepage2“。
然后打開(kāi)后臺路徑：/dede/，復制makehtml_homepage.php這個(gè)文件并修改成：makehtml_homepage2.php。
打開(kāi)根目錄/dede/templets/下的makehtml_homepage.htm，并復制名稱(chēng)修改成：makehtml_homepage2.htm，和第三個(gè)步驟一樣。（這里注意下路徑，是/dede/templets/
用Notepad++或者其他文本編輯器打開(kāi)剛剛創(chuàng )建的makehtml_homepage2.php文件。
在底下第77行修改一下，
將：include DedeInclude(‘templets/makehtml_homepage.htm’);
改為：include DedeInclude(‘templets/makehtml_homepage2.htm’);
在36行中改成你的手機首頁(yè)模板路徑，我的是默認模板下的default/index_m.htm，你可以根據你模板文件修改
在36行中的遠程發(fā)布路徑修改成為手機首頁(yè)路徑 “../m/index.html”
在36行中的主頁(yè)位置路徑修改成為手機首頁(yè)路徑 “../m/index.html”
在57行中的遠程發(fā)布路徑修改成為手機首頁(yè)路徑 “../m/index.html”
在69行中“相關(guān)選項”中默認選取“不保存當前選項”，否則會(huì )引發(fā)和電腦版更新的沖突。
最后我們到后臺刷新更新下緩存就可以啦，這樣我們就可以像更新pc端一樣更新手機端模板啦。
如下圖：
網(wǎng)站建設咨詢(xún)
