为Movabletype创建手机版网站

  • Posted on
  • by

随着智能手机的普及及无线网络流量费用的降低,手机上网也变得普通。许多CMS都针对手机、平板的设备的浏览器进行优化。但是movabletype对这方面的支持仍然很弱。

我对手机版网站的设想是:当手机设备等浏览器访问网站某一链接时,自动将其定向到针对屏幕较小的设备进行优化的版本。手机版本网站使用二级域名,且用户可以使用Google、OpenID等方式登录留言。

由于现有的办法并没有办法达到以上的全部要求,我就自己对网站进行修改。这是修改的结果:http://m.veryword.com(已经取消)

我的实现方法是:

1、创建二级域名

创建二级域名m.veryword.com之后,网站根目录下会创建新的文件夹,文件夹目录结构类似于原根目录的结构。

2、 利用.htaccess文件进行重定向

对访问网站的客户端进行判断,如果为手机的浏览器,将其重定向到手机版。这带来的问题是,用户无法登录留言。因为用户在留言时,服务器会调用二级域名所对应文件夹下的可执行文件,而这些文件不存在。

3、 复制安装文件到二级域名对应文件夹

为解决上一步所带来的问题,按照movabletype的安装过程和安装好后的结构,将已有安装文件从根目录拷贝到二级域名对应文件夹。设置cgi脚本属性为755,修改mt-config.cgi文件的mt-static和cgi脚本路径为二级域名,保持数据库信息不变。经过这一步,用户就可以用二级域名进行登录、管理、留言了。

4、 修改模板

复制所有发布的模板,重命名,修改模板内的链接,对输出进行优化,并设置文件输出的路径为二级域名对应的文件夹。可以使用firefox和firebug、user agent switcher插件,以及notepadd++进行调试。

5、 发布

针对手机客户端进行优化的版本就创建好了。

更详细的说明及相关文件下载可以参考我之前的这篇文章