当前位置: 首页 > 图文教程 > 网站运营 > 建站经验 > 使用 MobilePress 让 WordPress 博客适合手机浏览

建站经验
个人站长用最朴实的语言谈建站心得
交互设计及用户体验的几个概念
网站投资的20个自身检查
在线调查表设计方略
网站最重要也最缺乏的忠诚
借鉴:欧美网站建设的不同风格
经验分享:浅谈我的几点论坛管理经验
几年来的建站经验—一个大龄菜鸟的总结
谈高校论坛建设经验(同样适合各大类BBS)
2006年做站小结之—和各位站长分享
欲望与激情共进-垃圾站从这里开始
杂谈个人站长怎样建站与后期的运作
B2B行业网站成功要素
要怎样把网站做强与做大我有自己的想法
做了1年多的在线电影站 交流下经验
建站经验分享:3000独立IP,每天10美元
我的垃圾站失败经验谈
一个程序员的建站历程:从0到1万IP
开站两天IP过千经验分享
建站一级攻略 从看完之后就开始

建站经验 中的 使用 MobilePress 让 WordPress 博客适合手机浏览


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-17   浏览: 62 ::
收藏到网摘: n/a

随着 3G 网络的发展,手机已经成为人们生活中越来越重要的网络终端,越来越多的人开始使用手机来浏览网页,但是很多网站其实并不是适合手机浏览,其中就包括我们大家使用 WordPress 构建的博客。以前我推荐使用 FeedM8 这个服务给博客创建适合手机浏览的版本,但是 FeedM8 毕竟是第三方服务,自己不能做太多的控制,并且还需要让用户记住你在 FeedM8 的地址和用户名,并不是很方便。其实对于 WordPress 博客的用户,我们可以使用 MobilePress 这款 WordPress 插件,让你的博客适合手机浏览,用户只需在手机浏览器中输入你博客的地址即可。

MobilePress 介绍

MobilePress 是一款 WordPress 插件,它首先通过浏览器的 User-Agent 判断出用户是否使用手机在浏览你的 WordPress 博客,然后它会给博客更换一款适合手机浏览的主题,让手机用户更好的浏览博客。

MobilePress 支持绝大多数手机,如 iPhone, Android, 黑莓, Windows CE, Nokia 等类型手机,和 Opera Mini, UCWeb 等手机浏览器。

MobilePress 安装和使用

MobilePress 安装非常简单,只要上传激活即可,也可以通过 WordPress 后台直接安装。

安装好 MobilePress 之后,在 WordPress 后台主菜单就多了一个 MobilePress 的菜单,他有两个子菜单:

1.Options

这里的 Blog Title 和 Blog Description 是让你给手机版本的博客设置一个博客标题和描述,留空使用原来默认已经设置好的博客标题和描述。

Force Mobile Site? 强制使用手机版,即使使用普通浏览器浏览也会显示适合手机浏览的主题。一般选择 no 了,普通浏览器用户还是希望给他看到更多精彩的展示。

接下来三项:

Treat iPhone as a web browser?

Treat Windows smartphone as a web browser?

Treat Opera Mini as a web browser?

意思是是否把用户在 iPhone, Windows CE, Opera Mini 这三种情况浏览你的博客作为普通浏览器用户,即显示默认设置的主题。这里一般还是选择 no,虽然 iPhone 手机已经强大和普通浏览器没有很大的区别,Opera Mini 对网页解析已经最够完美了,但是我们还是希望给手机用户一个简洁的主题,主题中图片更少,从另外一方面说,也是节省了带宽。

2.Theme

这里的 Theme 可以让你给不同的手机设置不同的主题,目前支持给 iPhone, Windows CE, Opera Mini 这三种手机或者手机浏览器设置专属的主题。目前 MobilePress 提供了 Mobile 和 iPhone 两款适合手机浏览的主题,当然你可以给自己的手机设置一款主题上传到该插件目录下的 themes 文件夹中。

和 WP Super Cache 配合使用

如果你的博客和我一样安装了 WP Super Cache 这款插件,你需要开启 WP Super Cache 插件中的 Mobile device support 这个选项,即手机浏览情况下不缓存,MobilePress 插件才有效。为了确保该选项起作用,你应该检查下你的 .htaccess 文件中是否含有以下几行:

RewriteCond %{HTTP_user_agent} !^.*(Android|2.0\ MMP|240x320|AvantGo|BlackBerry|Blazer|Cellphone|Danger|DoCoMo|Elaine/3.0|EudoraWeb|hiptop|IEMobile|iPhone|iPod|KYOCERA/WX310K|LG/U990|MIDP-2.0|MMEF20|MOT-V|NetFront|Newt|Nintendo\ Wii|Nitro|Nokia|Opera\ Mini|Palm|Playstation\ Portable|portalmmm|Proxinet|ProxiNet|SHARP-TQ-GX10|Small|SonyEricsson|Symbian\ OS|SymbianOS|TS21i-10|UP.Browser|UP.Link|Windows\ CE|WinWAP).*

普通缓存和 GZ 缓存都需要对应一行。

关于 MobilePress 就讲解那么多,下载地址:http://mobilepress.co.za/。现在你可以使用你的手机浏览下我的博客,也可以使用你手机的订阅我的博客。你只需要在你的手机中输入 http://fairyfish.net 就可以看到 MobilePress 插件的效果。