Joomla!之门 arrow 文章新闻 arrow Joomla教程 arrow PDA mambot 让网站自动适应掌上电脑(PPC)阅读版面
Narrow screen resolution Wide screen resolution default color green color orange color

Google Translate

EnglishFrenchGermanItalianJapanesePortugueseRussian

文章分类阅读

PDA mambot 让网站自动适应掌上电脑(PPC)阅读版面

E-mail
(1 次投票)
作者: 白建鹏   
2007-12-10

当我们经常考虑网站在不同浏览器如IE、FireFox、Opera 里面的表现时,大多数人都忽略了一点:你的网站可能被访客通过掌上电脑([[PPC]]/[[PDA]])来访问。现在拥有掌上电脑的人越来越多,可能某个会员就会在路途中通过 PPC 以 [[GPRS]] 或者 [[WiFi]] 方式访问常去的Joomla!网站,甚至参与论坛的讨论。

很显然,由于 PPC 的屏幕一般只有 2.6~3.0 英寸,所以访问网站时就要求网站布局作出适当变动。安装[[WAP]]程序包或许是一个方法,但是对于Joomla! 用户来说,还有更简单的途径。

Joomlagate.com PDA version
Joomlagate.com PDA version

 

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 等模块位置。因此,以本站为例,在掌上电脑中看到的版面就是:

Default settings: No left and right module positon
Default settings: No left and right module positon

本站的顶部菜单(topmenu)发布在 user3 模块位置,从上图可以看到,默认参数也没有这个模块位置,因此在 PPC 上看到的页面就没有顶部菜单,而是直接跳跃到了正文部分。

原来 PDA mambot 的作者默认没有加载其他模块位置,但是他在该触发器参数中预留了自定义的选项。下面我们进入 PDA mambot 的后台参数中进行设置:

PDA mambot parameters
PDA mambot parameters

上图中第一项就是指为掌上电脑启用 PDA 模板,必须设为“是”;如果设为“否”,则掌上电脑中看到的页面仍然是网站默认模板的布局。

既然已有专门用于子域名的触发器,那么第二项和第三项就没有意义了。

下面的“页面常规设定”就是我们要增加模块位置的地方。原来的 PC 版模板是3栏式设计,而 PDA 版本则变成了1栏式,因此我们所设置的这些模块位置都是从上到下顺序展示的。以上图为例,header 模块位置显示金黄色的仿 ActiveX 提示;user4 模块显示搜索框;user3 显示顶部菜单;left 和 right 分别是左侧栏、右侧栏;footer 显示网站的页脚版权信息。

从上面可以看出,模块位置还是比较少。假如某个网站还有 user1、user2、advert1 等模块,岂不是安插不下了。当然,如果你有兴趣,可以自己对 PDA 专用模板进行修改,手动增加其它模块位置。

增加了这些模块位置之后,我们保存参数,在 PPC 上刷新页面,看到已经生效,显示了搜索框和顶部菜单、左侧栏及右侧栏:

module positions added
module positions added
 

 

Left column shown
Left column shown

right column shown
right column shown

从上面截图中还可以看出,访客来源 [[IP 地址]] 10.188.174.182 是[[中国移动]] GPRS 上网专用 IP 段。

该 PDA 专用模板还自动将文章插图进行了缩放处理,以适应 PPC 的小屏幕:

Figure resized
Figure resized

看起来一切都Ok了。这么说,本站的一些会员可以在上下班的地铁上用 PPC 来进行论坛讨论了?理论上应该可以的。不过,当我用朋友的[[华硕]] p535 Pocket PC 访问本站论坛时发现页面全是乱码:

Forum messed
Forum messed

根据以往经验,乱码问题的产生往往是模板文件的问题。不过这次我自己再三摸索好像还是没有解决问题,打算抽空跟 PDA mambot 的作者联系一下,如果问题解决,再回来补充。

 

 下载 PDA mambot 掌上电脑浏览触发器 2.1.2 简体中文版
文件标题:PDA mambot 掌上电脑浏览触发器 2.1.2 简体中文版 (Details)
文件类型:zip
版本:2.1.2
文件大小:9.78 Kb

 

 下载 PDA subdomain mambot 系统触发器 2.0.0 简体中文版
文件标题:PDA subdomain mambot 系统触发器 2.0.0 简体中文版 (Details)
文件类型:zip
版本:2.0.0
文件大小:4.41 Kb

 

 下载 PDA Mambot 专用模板 2.1
文件标题:PDA Mambot 专用模板 2.1 (Details)
文件类型:zip
版本:2.1.2
文件大小:10.05 Kb

 

 

 
< 上一篇   下一篇 >