Joomla/让网站自动适应掌上电脑阅读版面

来自站长百科
跳转至: 导航、​ 搜索

Joomla | Joomla使用手册

当我们经常考虑网站在不同浏览器IEFireFoxOpera里面的表现时,大多数人都忽略了一点:你的网站可能被访客通过掌上电脑(PPC/PDA)来访问。

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

Joomla 1.0 1.gif

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

Joomla 1.0 2.gif

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

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

Joomla 1.0 3.gif

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

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

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

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

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

Joomla 1.0 4.gif

Joomla 1.0 5.gif

Joomla 1.0 6.gif

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

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

Joomla 1.0 7.gif

参考来源[ ]

http://www.joomlagate.com/article/joomla10-tutorial/pda-mambot-turn-joomla-site-into-pda-version/

Joomla 1.0使用手册导航

Joomla安装

Joomla!的安装

Joomla 1.0教程

让网站自动适应掌上电脑阅读版面 | MosIf的使用 | Joomla登录模块的DIY改造| 用下拉式页面跳转替换Joomla跳转列表 | configuration.php文件操作 | 用blog形式做简单的产品展示 | 将DreamHost的mysql数据导入及导出的问题 | 给页面顶端添加ActiveX Infobar | 用JA Transmenu模块做多级弹出菜单 | 用桥接器整合开源Gallery2图库到Joomla | 用CB Profile Gallery搭建交友网站的会员相册 | 在网页中插入Google Map地图 | VM中产品详情只显示大图的实现 | Joomla!扩展(组件、模块、触发器)的汉化 | Joomla! Pack的使用 | 应用JSMF桥接器在Joomla!上安装SMF论坛 | Advanced Flash Mp3 Player播放器模块用法 | Joomla/Allvideos Plugin 引用视频、音频的方法|geshibot使用详解 | 表格式模板列宽度自动扩展的实现 | Joomla! Tkit使用详解 | Community Builder 1.0.2 的安装方法 | 利用CSS给文章标题添加图片 | 如何选择合适的下载组件 | 让Joomla支持flash格式的banner

其他Joomla教程

用XAMPP快速搭建Joomla本地测试服务器 | 用Gmail的SMTP发送Joomla激活及通知邮件 | 深入认识Joomla CMS:扩展、菜单及模板 | Joomla 1.5教程 | Joomla高级教程 | Joomla! SEO教程