Joomla/让网站自动适应掌上电脑阅读版面
当我们经常考虑网站在不同浏览器如IE、FireFox、Opera里面的表现时,大多数人都忽略了一点:你的网站可能被访客通过掌上电脑(PPC/PDA)来访问。
很显然,由于PPC的屏幕一般只有 2.6~3.0 英寸,所以访问网站时就要求网站布局作出适当变动。安装WAP程序包或许是一个方法,但是对于[Joomla!] 用户来说,还有更简单的途径。
PDA mambot介绍[ ]
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安装及设置[ ]
下面以 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 的小屏幕:
参考来源[ ]
http://www.joomlagate.com/article/joomla10-tutorial/pda-mambot-turn-joomla-site-into-pda-version/