|
|
PDA mambot 让网站自动适应掌上电脑(PPC)阅读版面 |
|
| 作者: 白建鹏 | ||||||||||||||||||||||||||||||||||
| 2007-12-10 | ||||||||||||||||||||||||||||||||||
|
当我们经常考虑网站在不同浏览器如IE、FireFox、Opera 里面的表现时,大多数人都忽略了一点:你的网站可能被访客通过掌上电脑([[PPC]]/[[PDA]])来访问。现在拥有掌上电脑的人越来越多,可能某个会员就会在路途中通过 PPC 以 [[GPRS]] 或者 [[WiFi]] 方式访问常去的Joomla!网站,甚至参与论坛的讨论。 很显然,由于 PPC 的屏幕一般只有 2.6~3.0 英寸,所以访问网站时就要求网站布局作出适当变动。安装[[WAP]]程序包或许是一个方法,但是对于Joomla! 用户来说,还有更简单的途径。
Denis Ryabov 开发的 PDA mambot 正是为了解决这个问题。该触发器在 Joomla! 官方的扩展套件库里被评为“Top Rated”之前5名,并持续数月稳居排行榜。 此触发器的原理很简单:作为系统触发器,它自动判断访客所用[[终端]]设备,一旦发现访客是通过掌上电脑(PDA)来访问网站,它就自动将网站模板切换到 PDA 专用模板(这个也是 Denis Ryabov 设计的),这样访客在 PDA 上看到的页面布局就很符合 PDA 的阅读风格。而对于通过个人电脑(Desktop 或 Notebook)访问网站的访客,此触发器不会采取任何动作。 说明一下:PDA mambot 触发器安装之后就必须发布,否则不能生效;PDA 专用模板安装之后无须设置为“默认”,因为它是由触发器自动调用。 对于希望为网站 PDA 版本专门设立[[子域名]]([[subdomain]])的用户,此触发器还有一个姊妹版,即 PDA subdomain mambot 。因此,请根据你网站的需要选择下载。 下面以 PDA mambot 为例,简单演示一下安装及设置过程。测试时采用 Joomla! 1.0.13 平台。 首先从本站下载栏目得到 PDA 触发器及专用模板,下载得到两个 zip 压缩文件,请勿解压。以管理员身份登录到 Joomla! 后台,按照标准触发器及前台模板安装方法分别安装这两个 zip 文件。 安装完成之后,将 PDA mambot 触发器发布。在默认参数下,仅显示网站的“正文”部分(mainbody),不会显示 left、right 等模块位置。因此,以本站为例,在掌上电脑中看到的版面就是: 本站的顶部菜单(topmenu)发布在 user3 模块位置,从上图可以看到,默认参数也没有这个模块位置,因此在 PPC 上看到的页面就没有顶部菜单,而是直接跳跃到了正文部分。 原来 PDA mambot 的作者默认没有加载其他模块位置,但是他在该触发器参数中预留了自定义的选项。下面我们进入 PDA mambot 的后台参数中进行设置: 上图中第一项就是指为掌上电脑启用 PDA 模板,必须设为“是”;如果设为“否”,则掌上电脑中看到的页面仍然是网站默认模板的布局。 既然已有专门用于子域名的触发器,那么第二项和第三项就没有意义了。 下面的“页面常规设定”就是我们要增加模块位置的地方。原来的 PC 版模板是3栏式设计,而 PDA 版本则变成了1栏式,因此我们所设置的这些模块位置都是从上到下顺序展示的。以上图为例,header 模块位置显示金黄色的仿 ActiveX 提示;user4 模块显示搜索框;user3 显示顶部菜单;left 和 right 分别是左侧栏、右侧栏;footer 显示网站的页脚版权信息。 从上面可以看出,模块位置还是比较少。假如某个网站还有 user1、user2、advert1 等模块,岂不是安插不下了。当然,如果你有兴趣,可以自己对 PDA 专用模板进行修改,手动增加其它模块位置。 增加了这些模块位置之后,我们保存参数,在 PPC 上刷新页面,看到已经生效,显示了搜索框和顶部菜单、左侧栏及右侧栏:
从上面截图中还可以看出,访客来源 [[IP 地址]] 10.188.174.182 是[[中国移动]] GPRS 上网专用 IP 段。 该 PDA 专用模板还自动将文章插图进行了缩放处理,以适应 PPC 的小屏幕: 看起来一切都Ok了。这么说,本站的一些会员可以在上下班的地铁上用 PPC 来进行论坛讨论了?理论上应该可以的。不过,当我用朋友的[[华硕]] p535 Pocket PC 访问本站论坛时发现页面全是乱码: 根据以往经验,乱码问题的产生往往是模板文件的问题。不过这次我自己再三摸索好像还是没有解决问题,打算抽空跟 PDA mambot 的作者联系一下,如果问题解决,再回来补充。
|
||||||||||||||||||||||||||||||||||
| < 上一篇 | 下一篇 > |
|---|