阅读时间 10 分钟 (1990 字)

Joomla! 模板工具第三部分

Joomla! Template Tools Part Three

这是我们当前模板工具系列的最后一部分,我们共同评估了 Joomlashack、Rumi、Shape5 和 YooTheme,并附上两篇优秀的文章。第一篇文章解释了开发者使用的各种最小化和压缩(CSS & Javascript)技术,第二篇文章检查了那些非常重要的文件——robots.txt 和 .htaccess。

少即是多

在我们评估模板工具的过程中,我们学到的最值得注意的是,开发者们普遍认为“少即是多”。正如我们在杂志第一期的主篇文章中所写,静态资源(CSS 和 Javascript 文件)的最小化和压缩可以显著提高网站性能。为此,有一些技术被用于实现。
首先,我们有 组合。这是一种最基本的技术。它所做的只是将单独的文件组合成一个单一的、较大的文件。唯一的性能提升来自于浏览器只需要执行一个 HTTP 请求来加载组合资源,而不是加载所有单独资源所需的多个请求。

一种稍微高级的技术是 最小化。这是一个术语,指的是对资源进行后处理以减小其大小。通常这是一个简单的过程,它移除浏览器解析 CSS 和 Javascript 文件时不需要的注释和空白。一些模板工具可能会更进一步,例如通过将多个属性组合成一个来优化 CSS。主要的速度提升来自于减小需要传输到浏览器中的文件的整体大小。

对于现代浏览器来说,一个非常重要的技术是 压缩(GZip)。一些模板工具在将 CSS 和 Javascript 文件作为原始文件传输之前,会尝试使用 GZip 算法压缩它们,所有现代浏览器都支持 GZip 算法,这可以将传输的数据量减少 50% 或更多。解压缩在浏览器下载资源时透明地进行。不利的一面是,这种技术不适用于较旧的浏览器(如 Internet Explorer 6)或一些低端手机的移动浏览器。

最吸引人且使用较少的技术之一是使用数据URL。这项技术仅适用于CSS文件,其前提是小型图像文件可以直接“嵌入”CSS文件中,而不是通过URL引用。主要优点是您的浏览器不再需要执行HTTP请求来加载多个小文件,例如渐变背景、圆角和图标。然而,缺点是这种处理需要更多时间,并导致CSS文件略大,并且并非所有浏览器都支持它。最值得注意的是,Internet Explorer 6和7无法理解它们,这可能影响您大部分的网站访客。

所有现代模板工具似乎都遵循“少即是多”的原则,并为您的静态文件提供优质的压缩和精简解决方案。一些模板框架,如T3、Morph和Warp,通过提供作用于您网站所有文件(而不仅仅是它们的核心文件)的通用解决方案,将这一原则提升到了新的高度。这使得我们非常乐观,相信所有模板工具的开发者最终都会走向这个方向,让我们的网站加载速度更快。

模板工具评估

请查看下面的第3期比较电子表格.pdf

{tab=Joomlashack}

joomlashacktemplate iconFresh是由JoomlaShack分发的免费GPL许可模板,JoomlaShack是University(一个Joomla学习空间)背后的熟练开发团队;同时也是Wordpress和Drupal主题的开发者。

正如其名,Fresh是一个清新简洁的主题,包含了启动实用网站所需的所有好东西。其中隐藏的好处包括所有核心Joomla组件的输出覆盖,以实现完全的无表格和符合标准的布局。960网格系统确保内容流动的清洁和一致性。30个模块位置,能够在多个用户位置中发布超过6个模块。模块样式和源图形文件提供完全自定义,使Fresh成为任何网络设计项目的绝佳基础主题。

功能

  • 6种浅色主题的选择;
  • 基于960网格系统的3列布局,用于模块化布局管理;
  • 30个模块位置和5种模块chrome颜色样式;
  • CSS suckerfish菜单;
  • SEO友好且有效的XHTML标记;
  • 完全无表格布局,所有核心Joomla!组件都有输出覆盖;
  • 提供完全模板自定义的源图形文件;
  • GPL许可,并可通过提交您的姓名和电子邮件地址免费下载;
  • 详细的文档和支持论坛。

Team EaSE播客:'TJ' Baker采访Neri Valentin-Macias

链接和更多信息

{tab=Rumi}

rumitemplate framework iconThe Rumi框架和MalangNews是一个强大的主题皮肤解决方案。主要在前端Rumi ParamsBox开发者面板中进行管理,该面板在模板管理器中启用。

ParamsBox是Rumi框架的驱动力,允许用户轻松控制网站的美观和功能。从标准可配置参数到错误和离线页面的控制、Cufon字体、元数据等;使Rumi皮肤管理对新手和开发者都变得简单。

功能

  • 包含MalangNews皮肤的典型Joomla 1.5模板安装过程;
  • 名为ParamsBox的前端开发者面板通过模板管理器启用,并具有IP特定分配;
  • Cufon字体替换;
  • 50个模块位置由Rumi ParamsBox管理,并提供包括手风琴、滑块和标准模块选项在内的多种模块样式;
  • 错误和离线页面控制;
  • 基于960网格系统构建;
  • 12个菜单选项;
  • 详细的文档网站、展示和框架路线图;

ParamsBox概述

  • 皮肤参数: 皮肤样式选项以及关于已安装皮肤的详细信息,包括包含大小信息的文件列表;
  • 布局选项: 包括XHTML 1.0 Strict和XHTML Mobile 1.0在内的HTML文档类型的选项;
  • 字体: 从该面板的此部分启用或禁用核心Joomla样式。还提供选择字体类型、覆盖字体大小、字体单位以及RTL支持的选项;
  • 字体替换: 启用或禁用Cufon字体替换,添加元素或类的输入,选择2种Cufon字体类型,字体替换后的悬停启用选项,以及输入阴影值;
  • 背景选项: 从该面板的此部分设置背景颜色和图像,以及配置背景重复和定位的选项;
  • 其他选项: 管理启用返回顶部滑块、系统消息样式、ie6支持警告和配置以及页脚版权文本的输入;
  • 标志选项: 包括图像、自定义文本和Joomla配置中设置的站点名称文本在内的3个标志预设;
  • 模块选项: 从该部分管理所有50个模块位置,并包括铬色样式选项。选项包括;默认、水平、手风琴菜单、选项卡菜单、下拉和下拉列菜单、正常、鱼眼、轮廓、滑块、5级XHTML、路径、圆形和表格;
  • 元标签、SEO和跟踪: 添加自定义站点名称、标题、元描述和关键字。还有输入框用于输入更受欢迎的搜索引擎的验证密钥和分析跟踪代码;
  • 离线: 管理网站离线页面的显示。启用或显示离线登录表单、自定义离线消息的输入、添加自定义标志的URL以及设置标志宽度和高度的选项;
  • 错误: 类似于离线管理选项,但此部分专门用于控制404错误页面,并包括显示多达3个模块位置的选项;
  • 开发者工具: 这些选项显示模块位置,并允许调试以及跟踪模板资源的内存使用情况。

链接和更多信息

{tab=Shape5}

shape5template iconShape5的大学主题是一个简洁的Joomla模板,包括一些应该伴随良好构建模板的功能和选项。具有固定或流动宽度选项的3列布局只是可以通过模板参数调整的一些功能。

功能

  • 默认菜单选择;
  • 流体或固定宽度;
  • 固定宽度值;
  • 左、右和内嵌列值;
  • 选择Jquery或Shape5 JavaScript效果;
  • 为10个默认菜单项提供子文本标签,可选择禁用;
  • 选择5种主题颜色;
  • 可选择禁用首页组件的加载;
  • 登录、登出和注册文本标签值;
  • 网站背景、主体背景、顶部背景和底部背景的颜色值和图片源;
  • 可选择启用或禁用工具提示、多框、多框覆盖和多框控制功能;
  • CSS3风格的排版;
  • 32个模块位置;
  • 优秀的文档和支持论坛,为俱乐部成员提供支持。

链接和更多信息

{tab=YooTheme}

yoothemetemplate framework iconNeo是一个基于YooTheme的Warp5.5框架构建的轻量级、灵活且美观的模板。简洁而强大的框架中包含了美观的排版和模块风格,以及其他特色功能。

遵循黄金比例或神圣比例的规则,此模板采用混合流体像素网格布局,提供多种页面布局选项。Warp5.5菜单系统通过其易于创建和配置手风琴和下拉样式、菜单子文本和页面背景等功能,增加了美感和功能性。结合强大的JavaScript和PHP工具,速度、功能和美观相结合,使开发人员和网站设计师能够在短时间内创建复杂的网站...

功能列表

  • 利用黄金比例实现混合固定或流体3列布局;
  • 提供12种主题预设和12种颜色选择,以满足多种颜色和主题组合的需求。
  • 提供3种压缩选项,包括将文件合并为一个文件来最小化js和css,以及使用gzip压缩和用data URIs替换图片文件请求的选项;
  • 为所有核心Joomla!组件提供输出覆盖,以实现完全的无表格布局;
  • 模块系统具有19个模块位置、深色和浅色颜色组合、子文本以及丰富的模块样式,包括徽章、图标、极片风格和便签式样式;
  • 菜单系统提供配置下拉或手风琴样式的选项。其他功能还包括通过活动菜单选择简单样式更改、菜单图片和菜单子文本;
  • 对所有常见标签进行排版样式设计;
  • 有效的XHTML标记;
  • 为iPhone和iPod touch提供移动布局;
  • JavaScript和PHP工具箱,可实施其他功能,包括png支持、滑动菜单、动态背景、平滑滚动等。
  • Neo和Warp5.5与所有YooTheme产品兼容,包括其流行的Zoo CCK;
  • 提供切片图像源文件,以实现完整的模板自定义;
  • 有详细的文档、视频教程以及俱乐部成员支持论坛。

链接和更多信息

总结

在过去的3期《JCM》中,EaSE团队深入研究了Joomla社区中一些最强大的模板和工具集。我们的目标不是推销某个框架或制造商,而是为Joomla模板开发提供丰富的资源洞察。在我们对Joomla模板开发世界的探索中,我们发现并非所有模板和/或工具集都是相同的,但它们都致力于实现一些共同的目标。一种简化的方法或工作流程,用于开发强大、易用、SEO友好且独特的客户端用户体验。

EaSE团队衷心感谢所有参与本期第一系列的模板开发者,并期待未来再次探讨这个话题。

第4期 - 2010年10月

在第4期中,我们将评估Joomla!的电子商务解决方案——正好是您设置圣诞商店的时候!本系列的前两部分将涵盖三个主要的免费GPL Joomla!电子商务解决方案。EaSE团队期待这一期,我们希望您也是如此。

返回顶部

《Joomla社区杂志》上的一些文章代表了作者在特定主题上的个人观点或经验,可能与Joomla项目官方立场不符。

0
 

评论

已经注册? 在此登录
尚无评论。成为第一个发表评论的人

通过接受,您将访问https://magazine.joomla.net.cn/之外第三方提供的服务