优化MobilePress的中文显示

用过几款针对手机浏览的WordPress插件,最终还是觉得MobilePress不错,看中它的布局合理和模块化设计,基本与Wordpress主题结构一致。不过对于中文博客来说,MobilePress并不友好,之所以说不友好,是因为由于MobilePress的字体大小定义,用的是相对的em,而非绝对的px,这导致在IE Mobile和Opera Mobile中中文字体显示都非常小,特别是经过cleartype之后,更是模糊一片。

所以只要更改相应的CSS定义即可解决问题:第一步找到“/plugins/mobilepress/system/themes”目录,打开你所使用的主题文件夹,修改主题文件夹下的header.php文件,将其中的h1定义为16px,h2为14px,h3为12px,同时将其他字体定义统一改为12px,这样一来,在手机这种小型屏幕下,你的Wordpress手机版将会显示正常,便于阅读。

这是我已经改好的header.php文件(点此下载),如果你嫌修改麻烦或者对此不太明白,直接下载,上传覆盖即可。

16 thoughts on “优化MobilePress的中文显示

  1. 你好,如何让MobilePress 正常显示page页面,手机访问后,page页面不移动化,还是使用电脑端的样式?

  2. 你的blog中文显示在ie下正常,在firefox显示有点乱,我的也是这样,这个怎么解决啊

  3. 你的blog中文显示在ie下正常,在firefox显示有点乱,我的也是这样,这个怎么解决啊

  4. 你的blog中文显示在ie下正常,在firefox显示有点乱,我的也是这样,这个怎么解决啊

  5. Pingback: Wordpress Mobile Plugin

  6. Pingback: 南有嘉鱼 » Blog Archive » Wap 浏览

Leave a Reply

Your email address will not be published. Required fields are marked *