当前位置

为我的这个博客网站添加手机版

James Qi 在 2012年5月29日 - 15:25 提交

  最近一直在对以前的一些网站添加对应的手机版本,并在解决一些遇到的问题,例如自动判断来访者终端类型并跳转到相应的版本、自动生成mobile xmlsitemap等。

  以前做一些测试都是拿我自己的这个博客网站jamesqi.com来首先进行的,今天也花了一些时间来对原有桌面版进行设置修改并做出对应的移动版本,请看:

  • 桌面版(适合台式电脑、笔记本电脑浏览)
  • 移动版(适合高端手机、平板电脑浏览)

  进行的一些修改记录如下:

  • 在squid, apache, drupal中添加m.jamesqi.com这个域名和站点;
  • 安装mobile 2.x这个drupal主题用于手机版本;
  • 修改sites/m.jamesqi.com/settings.php ,设置默认主题为mobile;
  • 设置软链接ln -s sites/default/files sites/m.jamesqi.com/files;
  • 修改桌面版和移动版的html.tpl.php,加入google adsense, analytics等代码;
  • 修改block设置,添加广告、添加“桌面版 | 移动版”切换功能等;
  • 修改sites/all/modules/xmlsitemap/xmlsitemap.pages.inc,添加http://m.jamesqi.com/sitemap.xmlhttp://jamesqi.com/sitemap.xml 进行转换;
  • 在.htaccess中设置了跳转代码,判断来访者使用手机终端则直接跳转到移动版。

 

自由标签:

添加新评论

Plain text

  • 不允许使用HTML标签。
  • 自动将网址与电子邮件地址转变为链接。
  • 自动断行和分段。