Joomla! 内容管理系统强大的功能和灵活性增加了创建真正自定义模板的复杂性和时间。在这系列文章中，团队 EaSE 深入研究了 Joomla! 模板社区的一些解决方案，以大大加快这一过程。

Joomla! 社区有许多制造商为我们提供内容管理系统模板，几乎总有一个适合任何人品味的模板可供授权。然而，当您希望网站具有真正独特的视觉和感觉时，您将需要创建一些原创内容。您不必重新发明轮子。许多模板制造商已经开始使用模板框架作为其模板的基础。

灵活的设计需要谨慎的编码选择

如果您曾经尝试过，您可能已经发现，从头开始开发一个 Joomla! 模板是一项繁琐的任务。与任何网络项目一样，您需要将图形艺术家的创意概念转换为 HTML、图形和 CSS。但是，Joomla! 网站的强大功能给这项任务增加了复杂性。一个成功的 Joomla! 模板，即使是一个图形简单的模板，也需要特别注意菜单、模块和原生 Joomla! 页面元素的动力特性。

自定义 Joomla! 模板：从哪里开始？

当为您的 Joomla! 网站创建模板时，您有三个选择

1. 通常，您可能会使用模板制造商的模板并根据您的需求进行修改。通过更改徽标、颜色或其他关键元素，您可以使在全球许多网站使用的模板更加个性化。
   
2. 另一个选项是从头开始创建自己的模板。正如我们指出的那样，为强大的 Joomla! 网站的所有潜在情况做出计划——例如，为登录模块设置样式、为不使用的模块位置创建类和 id 可以相当耗时。
   
3. 最后，您可以使用模板工具。

框架和工具的范围

在本期以及随后几期《Joomla! 社区杂志》中，我们将

• 解释模板框架和模板工具是什么；
• 讨论它们为有志于创建自定义模板的创造者提供的显著优势；
• 评估几个模板工具和模板框架，并解释我们的方法，以便您能做出明智的选择。

空白模板

一个“空白Joomla!模板”，其中已定义了CSS样式和一些模块，可能是自定义模板创建者最基础的省力工具。虽然这些提供了良好的起点，但空白模板通常不包括使Joomla!网站更具吸引力的“额外功能”。我们所说的“额外功能”是什么？以Suckerfish之类的JavaScript增强菜单为例；动态日期和时间显示；或者使您的网站对有视觉障碍的访客更易访问的字体大小调整功能。正确使用这些功能可以极大地丰富访客在您网站上的体验。然而，编写和测试实现这些功能的代码会增加创建自定义模板过程中的复杂性和时间。如果大部分功能都已经在某个地方准备好了供我们使用，那会容易得多——比如一个模板代码的借阅图书馆？

模板框架

幸运的是，确实有。许多模板制造商现在提供现成的、开发者友好的模板框架，这些框架功能丰富，他们用这些框架来制作他们提供给客户的完整模板。这些框架定义了许多布局选择，具有可折叠模块，并提供如高级菜单系统等即插即用功能集。您可以使用这些高度可配置的模板作为构建块，为您制作出令人惊叹的模板，节省大量时间。通过添加您的图形并将它们绑定在一起，您可以使用制造商的代码来创建您梦想中的网站的模板。

模板生成器

最后，一些Joomla!开发者提供点对点桌面软件或网络服务，以便从预加载的图形、颜色选择和常见的模板功能中完全配置自定义模板。

我们的评估

这些模板工具制造商在开发他们的解决方案时有着非常不同的目标。他们共同的目标是允许通过关注艺术元素而不是与代码斗争来轻松创建Joomla!模板。从那里开始，每个公司都有自己定制模板所需代码的方法。一些公司有出色的文档，而另一些则没有。一些产品非常直观易用，而另一些则需要大量阅读。就像所有软件一样，选择一个或一个都不选，既取决于个人喜好，也取决于对产品功能的明智选择。我们希望为您提供一些关于后者的见解。

现在我们已经概述了整体情况，请加入我们，一起探索模板工具的世界！

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

{tab=Artisteer}

Artisteer是一个Web设计 模板生成工具，可以快速轻松地创建Joomla!模板，而不需要深入了解CSS、HTML或JavaScript。

该工具特别适用于那些刚开始学习如何构建模板或与WordPress、Drupal、DotNetNuke和Google Blogger等其他网站环境工作的人。软件可以在Microsoft Windows XP、Vista和Windows 7上使用。Artisteer的Macintosh测试版可用。

用户界面对于使用MS Office的用户来说非常容易识别。简化了的学习曲线使得初学者和模板设计师能够快速创建Artisteer模板。环境中的选择非常丰富。有数千种随机生成的样设计。如布局、背景、页眉、菜单、字体、按钮、标签页、颜色和配色方案等设计元素都非常容易配置和更改。

每个Artisteer模板的布局都有22个模块位置。了解Joomla!模板开发的工作原理后，设计师可以修改他们的模板并添加额外的模块位置。模板覆盖的强大功能并不伴随着Artisteer生成的模板，但可以通过覆盖功能轻松添加 - 请参阅下面的附加信息链接。建议使用模板覆盖来获得更易于访问的输出。

一旦做出设计决策，您只需在Artisteer界面中按下一个按钮，就可以导出您的Joomla!模板。这会创建一个标准的Joomla!模板.zip文件，它可以像其他模板一样安装。模板安装后，就可以在Joomla!中对其进行修改和进一步定制，就像其他模板一样。Artisteer模板也可以导出为文件以进行离线编辑。Artisteer是一个非常灵活的工具，与Joomla!配合得很好。

Artisteer优势

• 简单的点击对话框；
• 快速开发基本模板；
• 熟悉MS Office用户界面；
• 无需深入了解CSS和HTML即可构建模板；
• 对底层内容管理系统所需的知识有限；
• 支持多个内容管理系统；
• 软件文档齐全，有教程；
• 支持Internet Explorer 6+、Firefox 2+、Opera 9+、Safari 1+、Google Chrome 1+；
• 生成有效的XHTML 1.0过渡和CSS 2输出；
• 为许可证持有者提供支持论坛。

劣势

• 使用表格布局；
• 菜单需要使用JavaScript；
• 不支持RTL；
• 不友好SEO；
• 目前仅对Macintosh提供beta支持。

链接 & 更多信息

• 通过模板覆盖和附加信息提高可访问性
• 与Konrad Musial Extensoft/Artisteer的访谈记录.pdf如下
• 请查看下面的第1期比较电子表格 .pdf

{tab=JoomlaBamboo}

Joomla Bamboo's Zen Grid Framework 自2009年11月以来一直可用，增加了许多改进。它被用于Joomla! Bamboo生产其商业模板设计。它非常简单易用，旨在帮助那些HTML、CSS和Joomla!模板技能有限的人。

安装Zen Grid框架的简单程度与其他Joomla!模板安装相同。安装后，用户可以访问流畅的管理界面，允许完全管理模板的布局和设计。960 CSS网格基于无表格布局、隐藏弹出面板和基本的HTML标签覆盖只是Zen Grid中包含的一些功能。

以下四个子面板组成管理面板：概述、外观、布局、脚本和附加信息。在那里，您可以控制字体、标签行、覆盖CSS、控制布局尺寸和列宽，并根据需要调整徽标，以及许多其他类型的修改。

这是一个非常精心构建的界面，文档清晰，非常易于使用。

模板设计师

设计师们会喜欢960网格系统。样式覆盖界面定义了模板功能，如横幅、页脚、首页等，并允许设计师指定他们需要的布局。这为设计独特风格提供了能力。

打包的CSS包括Joomla!核心和标准元素样式。默认值会自动使用，这对初学者很有帮助，但模板设计师会发现有用的工具来覆盖样式。菜单和面板选项提供了行业标准和客户期待的交互类型。

Zen网格框架是一个很好的选择，Joomla Bamboo的支持非常出色。

Zen网格框架优势

• 与任何其他Joomla!模板一样安装；
• 字体、布局和颜色更改对初学者来说很容易；
• 提供无表格的输出，易于访问；
• 附带一套K2布局；
• 菜单与或无需JavaScript即可工作；
• 与Joomla!'s媒体管理器一起工作，使上传图像更容易；
• 可以轻松添加JS插件，无需创建Joomla!模块或插件；
• 对JS和CSS文件进行文件压缩，从而提高性能和SEO改进；
• 移除了Mootools，以适应更喜欢jQuery的用户；
• 框架提供了模板的CSS布局，模板可以覆盖值；
• 优秀的文档；
• 专业的960网格系统，易于更改布局和列；
• 支持多个浏览器和浏览器版本；
• 为俱乐部会员提供出色的支持论坛；
• 生成有效的XHTML 1.0过渡和CSS 2输出。

劣势

• 不是GPL，因此对开发者来说，添加到或包含在分发中并不有用；
• 在可以做些什么或如何扩展方面有些限制；
• 不使用Joomla! JS框架（尽管许多人更喜欢jQuery）；
• 没有RTL支持。

Team EaSE播客：Anthony Olsen被Nicholas K. Dionysopoulos采访

{mp3remote}http://cdn.akeebabackup.com/audio/jcm/EaSE_interview_JoomlaBamboo.mp3{/mp3remote}

下载JoomlaBamboo播客 15163Mb .mp3

链接 & 更多信息

{tab=RocketTheme}

Gantry框架是一个非常强大且灵活的模板框架，用于构建和创建模板。它可以由具有广泛技能的人使用，包括那些刚开始使用Joomla!的人。

它也是开发具有现代Ajax界面和巧妙设计的专业模板的绝佳工具。事实上，RocketTheme使用该框架创建了所有其商业模板，并免费提供给Joomla!社区，许可协议为GPL。

安装Gantry框架没有任何技巧。它的工作方式与任何其他Joomla!扩展一样。支持网站上有大量视频和教程，可以帮助您入门并了解这个强大工具的各个方面。

模板设计师

设计师会喜欢960网格系统。它易于使用，可以定义不同的布局和外观，然后将这些设计分配给基于菜单项的网站。Gantry引入了模板样式的概念，这将可在Joomla! 1.6中找到。

65个模块位置足以开发几乎任何网站，但如果你需要更多，可以轻松创建更多位置并创建自己的布局。输出易于访问，并且不使用表格进行布局。

打包的CSS包括标准的字体排印和Joomla!核心元素样式。您可以使用提供的默认值或根据需要调整。这本身就让自定义网站开发更容易。那些刚开始的人甚至不需要更改这些设置。

开发者

通过Gantry的XML驱动的覆盖和定制环境，您可以创建创新界面。您可以为您的客户创建具有定义预设的专业模板。浏览器识别功能可用，您可以根据需要提供特定于浏览器的CSS。

AJAX通信层使您轻松与Joomla! AJAX扩展接口。该框架允许通过URL、Cookie、会话或预设来建立参数，为开发者提供许多创新界面的工具。您可以将所有配置轻松存储在INI文件中进行打包。

内置了许多功能，如RTL语言支持、字体大小调整、Google Analytics、“返回顶部”平滑滑块、IE6警告等。

Gantry框架优势

• 免费且为GPL许可；
• 功能强大且对技能范围广泛的用户（从初学者到网站构建者和开发者）都非常有用；
• 参数可以一次定义整个网站，或基于菜单项，并存储和重用为预设；
• 优秀的文档、视频和GPL许可的模板，均提供无表格输出；
• 提供许多创建独特外观的选项，包括菜单、CSS样式、排版选择和字体大小调整；
• 具有吸引力和易于使用的管理员区域，提供广泛的配置选项；
• 专业的网格系统和轻松更改布局和列的能力；
• 高级面板控制强制位置、功能顺序、启用代码压缩、RTL、标题跨度、页面后缀和其他选项；
• 支持多个浏览器和浏览器版本；
• 生成有效的XHTML 1.0过渡和CSS 2输出；
• 内置Ajax系统；
• 支持选项包括所有用户的IRC和RocketTheme会员的论坛支持。

劣势

• 选项众多，对新用户来说可能令人难以承受；
• 提供额外的Gantry特定模板命令（尽管这些命令有良好的文档）；
• 调试可能比较复杂；
• 如果不小心，很容易创建重量级JavaScript界面且速度较慢的界面。

Team EaSE播客：Andy Miller采访Amy Stephen

{mp3remote}http://cdn.akeebabackup.com/audio/jcm/EaSE_interview_RocketTheme_Gantry.mp3{/mp3remote}

下载RocketTheme播客 4827Mb .mp3

链接 & 更多信息

• 更多关于模板样式和附加信息
• 请查看下面的第1期比较电子表格 .pdf

{tab=您！Joomla}

您！Bubble是一个高度可配置的模板，可以用于快速轻松地为Joomla! 1.5网站创建独特设计。对于那些从Joomla!开始并且想要一个没有太多负担的入门模板的人来说，这是一个很好的选择。它优雅的设计使其适合多种用途。它具有GPL许可且免费，这确实使其成为一笔非常好的交易。

花点时间查看您！Bubble的演示。它是一个非常好的三列设计，右侧边栏美观。表单样式设计得很好，这对于新设计师来说通常是一个困难的工作。提供几种排版选择，选项展示得很好。它很好地使用了图像列表，可以美化页面。

您！Bubble附带几种模块样式，可以利用Joomla 1.5模块外观。有12个模块位置，对于大多数设计来说已经足够。通过指定模块设置，您可以利用三种独特的样式选项。

可用的模板选项非常好，允许您激活服务器端压缩JS和CSS文件，设置您的顶部菜单，选择颜色选项，设置网站和列的宽度，以及设置字体。

有三个布局和菜单类型选择也很有帮助，包括分割菜单，以改变您网站的效果。

您！泡泡模板可以像任何其他Joomla模板一样安装，如果您在那个领域有技能，还可以进一步自定义。另一个很好的功能是能够下载已经打包与Joomla一起的模板以及展示模板功能的示例数据。

当然，您！泡泡对于许多不同的用途都是一个很好的选择，能够在不收费的情况下获得这样的优质模板真是太好了。

您！泡泡优势

• 免费且为GPL许可；
• 非常快，仅包含三个图片，总重量为23kb，这对搜索引擎优化很有好处；
• 服务器端压缩CSS和JS文件，这是搜索引擎排名的另一个优势；
• 工具栏弹出窗口的上下文帮助可以定义配置选项；
• 无表格设计；
• 许多选项可以帮助设计创建独特的外观，包括菜单、CSS样式、字体选择和字体大小调整。
• 可以轻松调整网站宽度和列数；
• 模板包含12个可折叠模块位置；
• 支持多个浏览器和浏览器版本；
• 生成有效的XHTML 1.0过渡和CSS 2输出；
• 为俱乐部成员提供支持论坛。

劣势

• 必须注册才能下载免费模板，并且很难找到免费会员选项；
• 选项比完整的模板框架或模板生成器要有限；
• 很难实现独特的设计；
• 对比度和字体大小不太易访问；
• 在评估时RTL支持未正常工作；
• 更新模板需要卸载，这将删除所有自定义设置；
• 不使用Joomla！的网站描述和关键词元。模板管理面板中的“SEO设置”可能有些令人困惑。这些字段实际上用于隐藏的H1页面标题和位于标志下的链接描述。用户必须小心更改界面的默认设置。如果模板使用全局配置的网站名称和网站关键词，可能会更不令人困惑。

团队EaSE播客：Dragan Todorovic被Miljan Vujosevic采访

{mp3remote}http://cdn.akeebabackup.com/audio/jcm/EaSE_interview_YouJoomla.mp3{/mp3remote}

下载您Joomla！播客 1117Mb .mp3

链接 & 更多信息

• 关于模块外观和附加信息的更多内容
• 请查看下面的第1期比较电子表格 .pdf