再次嘗試Drupal搭建手機版網站

By James Qi, 2012年5月7日

　　好些年前就做過WAP網站的嘗試，去年開始關注智能手機上的移動版本網站，做過一個例子：郵編庫手機版，積累了一點經驗，現在過去又半年多了，還逐步有了一些流量。

　　今年還準備在這方面做更多的工作，于是近期在嘗試用Drupal搭建多語言網站的時候，也随後就嘗試着用同一套數據庫（去年是完全獨立做的一個手機版）來搭建相應的手機版網站。

　　這方面的資料也逐步多了起來，這個連續4篇的英文網站寫得很詳細，值得參考：

　　我這次幹脆把13種語言的網站全部都設置了對應的手機版本，鍊接如下：

Cape Verde Postcode Mobile Version (佛得角郵政編碼手機版)

　　一些設置要點記錄如下：

可以采用新域名或者二級域名或者子目錄方式，較多采用的多一級路徑“/m”的方式，這樣便于設置一些（對boost cache的影響需要特别設置）；
drupal 6或者drupal 7中的初步設置基本一樣：新域名設置域名解析和web服務器httpd.conf（如果是子目錄則設置.htaccess和ln -s . m軟連接），在sites下新建子目錄複制settings.php并修改皮膚，做ln -s ../example.com/files files的軟連接；
Drupal 6可以采用簡單的Nokia Mobile主題，Drupal 7可以采用簡單的mobile主題，不太複雜，簡潔、方便，但沒有一些html5等新特性，修改手機版皮膚文件，嵌入google analytics和dfp代碼、修改css文件、在<head></head>之間加入<meta http-equiv="Cache-Control" content="no-transform" /> <link rel="alternate" media="handheld" href="http://自引用手機版頁面URL"/>等；
剛開始anonymous cache和block cache有問題，後來好像又可以了；
設置單獨的node--cpv.node.php（或者contemplate模闆、模闆文件），專用于移動版本，頁面簡化，去掉核心内容以外多餘的信息；
在block等地方判斷是否為mobile主題（drupal 6的首頁中判斷主題有問題，改用$_SERVER['SERVER_NAME']判斷），以便修改适合的廣告等編碼；
添加了一個block，用于手機版本與電腦版本之間互相鍊接；
多語言版本與手機版本之間沒有沖突的地方，可以很好融合；
手機版本的adsense廣告采用了頂部320x50、底部300x250的标準模式，可以通過dfp來實施，也可以在頁面中間合适位置嵌入更多廣告代碼。

　　修改、測試完成後，可以做下面幾項事情：

打開手機版的boost cache功能，讓站點生成html靜态頁面；
修改電腦版的皮膚文件或者block，在底部添加“手機版 | 電腦版”的切換鍊接，在<head></head>之間加入<meta http-equiv="Cache-Control" content="no-transform" /> <link rel="alternate" media="handheld" href="http://對應手機版頁面URL"/>來禁止轉碼并指明對應手機版網址；
清理電腦版的boost cache文件，讓站點重新生成html靜态頁面；
在apache中（httpd.conf或者.htaccess）設置自動判斷訪問者終端類型，發現是手機用戶則自動重定向到手機版；
修改sites/all/modules/xmlsitemap中xmlsitemap.page.php中的代碼，自動生成與電腦版對應的手機版網站地圖；
将robots.txt從電腦版複制到手機版的目錄中，進行相應的修改；
在Google Webmaster Tools、百度站長平台中提及網站地圖。

自由标簽