个人工具
名字空间
变换
操作

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教程

留言