当前位置

再次尝试Drupal搭建手机版网站

James Qi 在 2012年5月7日 - 18:14 提交
内容摘要:好些年前就做过WAP网站的尝试,去年开始关注智能手机上的移动版本网站,做过一个例子:邮编库手机版,积累了一点经验,现在过去又半年多了,还逐步有了一些流量。 今年还准备在这方面做更多的工作,于是近期在......

  好些年前就做过WAP网站的尝试,去年开始关注智能手机上的移动版本网站,做过一个例子:邮编库手机版,积累了一点经验,现在过去又半年多了,还逐步有了一些流量。

  今年还准备在这方面做更多的工作,于是近期在尝试用Drupal搭建多语言网站的时候,也随后就尝试着用同一套数据库(去年是完全独立做的一个手机版)来搭建相应的手机版网站。

  这方面的资料也逐步多了起来,这个连续4篇的英文网站写得很详细,值得参考:

  1. Mobile Drupal (part 1): The groundwork
  2. Mobile Drupal (part 2): Site setup
  3. Mobile Drupal (part 3): The code
  4. Mobile Drupal (part 4): Conclusions

  我这次干脆把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、百度站长平台中提及网站地图。

评论