織夢的移動化適配
分享
評論
贊0
一、為了更好的實現pc端和移動端匹配效果，可在pc端模板增加類似如下代碼：
1、首頁
<meta http-equiv="mobile-agent"content="format=xhtml;url={dede:global.cfg_mobileurl/}/">
<scripttype="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|WindowsPhone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){window.location.href="{dede:global.cfg_mobileurl/}/";}elseif(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}
</script>
2、欄目頁
<metahttp-equiv="mobile-agent"content="format=xhtml;url={dede:global.cfg_mobileurl/}/list.php?tid={dede:field.id/}">
<scripttype="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|WindowsPhone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){window.location.href="{dede:global.cfg_mobileurl/}/list.php?tid={dede:field.id/}";}elseif(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}
</script>
3、文章頁
<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|WindowsPhone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){window.location.href="{dede:global.cfg_mobileurl/}/view.php?aid={dede:field.id/}";}elseif(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}
</script>
代碼中的{dede:global.cfg_mobileurl/}部分要替換為包含“http://”的二級域名（即：http://m.nt090.com），如不想修改模板里的相關代碼，也可修改/include/common.inc.php中的$cfg_mobileurl變量賦值為二級域名。
以上代碼為dedecms新版模板所使用，第一行<meta>標簽代碼為百度發現跳轉適配關系的方式（可同時使用）之一——“Meta標記”，下面幾行javascript代碼的功能是識別是否移動端設備訪問，如是則將當前pc端頁面自動跳轉到匹配的移動端頁面。
二、還可使用<link>標簽以便于百度更好地發現PC站和移動站的移動適配關系，在模板的<head></head>標簽內加入如下代碼：
1、PC站首頁模板：
<link rel="alternate" media="only screen and(max-width: 640px)" href="http://m.nt090.com" >
2、PC站欄目頁模板：
<link rel="alternate" media="only screen and(max-width: 640px)"href="http://m.nt090.com/list.php?tid={dede:field.id/}" >
3、PC站文章頁模板：
<link rel="alternate" media="only screen and(max-width: 640px)" href=" http://m.nt090.com/view.php?aid={dede:field.id/}">
4、移動站首頁模板：
<link rel="canonical"href="http://www.nt090.com/ "/>
5、欄目頁模板：
<link rel="canonical"href="http://www.nt090.com{dede:type typeid='0' row=1}[field:typelink/]{/dede:type}"/>
6、文章頁模板：
<link rel="canonical"href="http://www.nt090.com/{dede:field.idrunphp='yes'}[email protected];@me='';$url=GetOneArchive($id);@me=$url['arcurl'];{/dede:field.id}"/>
三、提交移動跳轉適配
1、URL對應關系示例：
2、適配方式：
欄目頁的對應關系沒有規律，且數量較少，使用URL適配 ；文章頁為有規律的網址，且數量多，使用規則適配。
提交文章頁規則適配（如圖）：
提交首頁和欄目頁URL適配（如圖）：
對于欄目較多的Dedecms網站，人工列出所有的欄目頁URL對顯然很費事，這里推薦一個方法可以輕松解決該問題：
※在模板中嵌入以下代碼，對應前臺頁面中即可顯示所有欄目的URL對，復制粘貼即可：
{dede:channelartlist row=100 typeid='top'}
http://www.nt090.com{dede:field name='typeurl'/}http://m.nt090.com/list.php?tid={dede:field name='id'/}<br>
{dede:channel type='son' noself='true'}
http://www.nt090.com[field:typelink/]http://m.nt090.com/list.php?tid=[field:id/]<br>
{/dede:channel}
{/dede:channelartlist}
※提交完規則適配，等待百度審核。
如果所提交的適配關系有誤，處理狀態將很快會出現“校驗失敗”的提示。
很長一段時間以來，很多站長應該都發現移動適配“校驗中”時間很長，對于此問題，目前官方已做了改進，校驗效率有了明顯提升，以前所提交的適配關系發現正在陸續通過。
以下為很早前提交、近期已通過適配的一個網站示例：
猜你喜歡
評論(0人參與，0條評論)
發布評論
最新評論