在本系列关于 Joomla 模板和框架的第三集中，Emmanuel Lemor 向我们介绍了三个流行的框架：Sparky、Astroid 和 T4。

Joomla 5（以及未来）的前景光明...

第三期：Sparky、Astroid 和 T4 框架

如前文所述，当您在 Joomla 5.x 中构建网站时，您有相当多的优秀选项和方法可选。

1. 核心加 Cassiopeia 内置模板、自定义字段、标签等，并选择出色的内置选项：[Joomla 内置内容模板页面构建器](/all-issues/may-2024/content-templates-the-joomla-page-builder-you-didn-t-know-you-already-had)。

2. 您可以选择非常流行的 Helix Ultimate 2.x 框架，以及可能随附的 SP Page Builder（免费或专业版），如[第二期：JoomShaper 的 Helix Ultimate](/all-issues/june-2024/building-your-site-in-joomla-5-episode-ii-focus-helix-ultimate-2-x)中所述...

但也许尽管它功能强大且最受欢迎，您可能没有从它开始，或者最终不喜欢它，或者可能喜欢我们接下来三个最受欢迎的框架之一构建的模板：Sparky、Astroid 或 T4...

为了提供一些视角和提醒，截至本文撰写之时（根据模板joomla.com的数据，Helix Ultimate 已托管 1049 个使用它的模板，Sparky 有 107 个，Astroid 有 90 个，T4 约有 68 个（即使我们稍微作弊，包括 T3 的 14 个与 Joomla 5 兼容的模板，这也只是 82 个 - 明确来说，我不建议在 T3 中构建 Joomla 5 网站，尤其是由于没有保证这些模板会在 T4 中重建...））。

为了避免无谓地延长这篇文章，我建议您回到 EPISODE II: Helix Ultimate by JoomShaper，查看7个类别以及我们将要涵盖的每个类别的内容，不过我会在下面列出每个类别的标题和每个类别的评分点。

1: 功能和功能特性（满分10分）
2: 性能和优化（满分10分）
3: 易用性和学习曲线（满分10分）
4: 兼容性和集成（满分5分）
5: 安全性和更新（满分5分）
6: 定制性和灵活性（满分5分）
7: 独特卖点与差异化（满分5分）

为了尝试比较每个框架之间的差异，我根据重要性和类别分别给出了5分或10分的评分。
每个评分点根据重要性和类别不同，分为5分或10分。

—————

HotJoomla的SPARKY 5.1
—————————————

尽管Sparky框架有大约107个模板，但令人惊讶的是，它是我迄今为止唯一一个必须购买才能使用的Joomla框架。

得分： 28 分（满分 50 分）

1: 功能和功能特性 - （5 分 out of 10 分）

1. 是否包含或可用内置或配套的构建器？
   Sparky Page Builder 1.3 - （最后更新于2023年10月）与JoomShaper的SP Page Builder 5.x有很大的不同，它不是Joomla的一个组件，而是一个编辑器，用于替换TinyMCE等。
   
   它在某种程度上有明显的优势，感觉与标准的Joomla文章编辑过程更接近。遗憾的是，正面的东西就到这里了，界面非常基础，感觉过时了，并且Page Builder只有独特的14个块：段落、标题、图片、按钮、列表、图标、社交、视频、音频、Iframe、分隔符、间距、自定义HTML、Joomla模块。
   
   
2. 框架如何处理布局（包括网格系统、列和行）？
   Sparky框架的一些独特之处：
   - 虽然最初基于12列网格布局，但可自定义从1列到24列。它当然支持无限数量的行，并带有4色界面——对我来说太单调或基础了，但有些人可能更喜欢这种方法。
   
   - 它不基于任何特定的CSS框架，并使用自己的内部系统，这意味着1.没有Bootstrap冲突，2.您可以使用Bootstrap、Tailwind、SemanticUI或任何其他CSS框架。
   
   
   图片来源：hotjoomlatemplates.com
   
   
3. 是否可以在框架内轻松添加、删除和配置模块？
   确实有在布局屏幕上轻松添加1个主要内容区域（组件区域）或任何数量的模块的能力。
   
   
4. 感谢现代框架都支持响应式设计，那么可定制性和操作调整有多容易？
   Sparky在响应式设计上采取了一种不同的方法，它声称采用移动优先设计，这很棒，但之后，它就有点幕后魔法的感觉——它确实提到了使用与Bootstrap类似的断点，但关于响应式的功能太少了或不够详细。似乎没有在框架内添加自己规则的能力。
   
   
5. 它与Joomla核心的配合有多紧密或多好？
   对于框架本身来说，它与其他框架在接近Joomla核心方面没有更多或更少。然而，正如上述所提到的，使用Sparky Page Builder及其文本编辑方法确实提供了非常接近Joomla核心的体验，因为它替换了您的文本编辑器并在Joomla文章中工作。
   
   
6. 可用的定制选项有哪些，例如字体、配色方案和动画？
   自框架版本5.1起，Sparky框架支持本地Google字体，并且与之前一样支持色彩方案以及各种简单的字体排版功能。

2：性能与优化 - ( 6 ) 共 10

1. 框架在页面加载速度和其他KPI方面表现如何？如果有的话，内置了哪些优化技术？
   Sparky框架5.1生成有效的W3C代码，只加载您真正使用的功能 - 它将只加载为该页面动态生成的CSS。
   
   
2. 框架提供内置的SEO优化功能或提示，例如元标签、结构化数据、规范URL等吗？
   Sparky框架与其他大多数框架一样，主要建立在Joomla核心之上，并依赖Joomla核心，模板选项区域基本上没有可定制的功能。幸运的是，Joomla在SEO方面做得很好，如果您填写了相关信息，您就会得到照顾。
   
   
3. 框架在移动设备上的适应性如何，是否有增强移动用户体验的功能？
   Sparky框架采用以移动设备为首要考虑的方法，但缺乏针对各种平板电脑、手机和桌面尺寸的具体功能，可能会使事情变得有些复杂。
   
   
4. 框架支持哪些浏览器，以及它如何处理跨浏览器兼容性问题？
   所有主流的现代浏览器都得到支持。没有明显/特定的功能来处理跨浏览器问题，尽管这不应成为问题。
   
   

3：易用性与学习曲线 - ( 7 ) 共 10

1. 框架的界面有多直观、用户友好，用户可以期待什么样的学习曲线？
   使用基本的UI和布局，可能足够容易适应并使用Sparky。
   
   
2. 框架提供了哪些文档、教程和支持资源？
   有一个专门页面突出了框架的功能，以及论坛和文档。
   
   
3. 围绕框架的社区有多活跃和投入？
   虽然Sparky已经为Joomla 5创建了大约107个模板，但社区似乎比Helix小得多。
   
   
4. 框架的支持有哪些，以及它有多好？
   HotJoomla自2004年以来一直活跃在Joomla社区中，尤其是前10年非常活跃。他们多年来开发了数百个模板和十多个扩展。他们继续在Joomla 5中进行开发和支持。论坛上的大多数支持请求都在1天内得到回答。

4：兼容性与集成 - ( 2 ) 共 5

1. 框架支持哪些Joomla版本，或者它是否有本地的Joomla 5支持（即无需B/C插件）？
   显然是Joomla 5，而且看起来不需要兼容性插件（遗憾的是，我无法在网站/文档中100%确认这一点）（但它也支持Joomla 4）。
   
   
2. 框架与流行的Joomla扩展集成或协同得有多好？
   虽然有一些报告的问题，但只要您确保您的扩展是最新的版本，您就不会遇到问题。
   
   
3. 它如何处理可访问性？
   由于该框架是商业性的，我无法对其进行测试，但是，我使用像Wave这样的工具测试了他们演示网站上大约一打的模板，在无障碍性方面还有改进的空间。当你添加自己的内容时，你必须解决这些问题，并确保遵循无障碍最佳实践，以实现您想要的结果。

5: 安全性和更新 -  ( 3 out of 5 )

1. 如果有的话，框架提供了哪些安全功能？
   网站或论坛上没有关于此框架内置安全功能的任何信息。
   
   
2. 更新发布得多频繁？对于安全补丁和错误修复，提供什么样的支持？
   在过去两年中，Sparky 框架更新了5次，2022年有4次更新，而过去12个月只有1次更新。虽然有一个论坛可以报告问题，但没有公开的变更日志或活跃的GitHub页面（4年内没有发布软件包或更新）可能会让一些人感到不安。
   
   
3. 框架开发者如何处理漏洞披露，用户可以期待什么样的透明度？
   没有官方的电子邮件或报告漏洞的程序，我找不到HotJoomla或Sparky框架的负责任披露政策。

6: 定制性和灵活性 -  ( 3 out of 5 )

1. 框架如何容易地定制以满足特定的项目需求？
   Sparky 框架具有1-24列网格方法、导出功能等特点，但除了这些功能之外，可能不是我会选择的复杂项目的框架。
   
   
2. 在布局、设计和功能方面，框架提供了什么样的灵活性？
   框架的后端界面分为10个区域：详情、布局、样式、功能、菜单、响应式、自定义、导出、新闻和菜单分配。
   
   
3. 是否可以使用自定义代码或第三方插件扩展或修改框架？
   没有提到或推广扩展或修改的能力，由于这是一个商业框架，可能很少有开发者会考虑为它创建内容。

7: 独特卖点与差异化 -  ( 2 out of 5 )

1. 这个框架与其它框架有什么不同，它提供了哪些独特功能或好处？
   虽然Sparky框架没有太多独特之处，但我认为对网站制作者可能感兴趣的两个特性是它的CSS框架无依赖方法和从1到24列网格布局的能力。
   
   
2. 框架如何处理Joomla网站构建中的常见问题或挑战，他们提供了什么样的创新解决方案？
   Sparky框架没有太多创新方面，可能更有创新性的是其伴侣Sparky Page Builder Text Editor方法，这样你的工作就在Joomla文章内进行。

====================

Templaza的ASTROID 3.x
—————————————

Astroid框架有一些90个模板是基于它构建的，但与许多Joomla 5框架不同，它没有特定的/专门的视觉页面构建器。

关于Astroid Framework的快速概述视频。
 

得分：  35 out of 50 points

1: 特性和功能 - ( 6 分，总分 10 )

1. 是否包含或可用内置或配套的构建器？
   无。虽然Astroid没有配套的或特定的视觉页面构建器，但它可以轻松与SP Page Builder、Quix等一起使用 :).
   
   
2. 框架如何处理布局（包括网格系统、列等）？
   Astroid具有一个非常干净、现代且视觉上吸引人的布局管理器，这使得更改变得非常容易。
   
    
3. 是否可以在框架内轻松添加、删除和配置模块？
   您可以从布局屏幕轻松添加一个组件区域或任意数量的模块。
   
   
4. 感谢现代框架都支持响应式设计，那么可定制性和操作调整有多容易？
   Astroid是一个以移动端为先的框架，具有许多选项，易于支持手机、平板电脑和桌面视图，它还包含Off-Canvas、移动菜单等。然而，似乎无法在框架内部添加您自己的规则集。
   
   
5. 它与Joomla核心的配合有多紧密或多好？
   对于框架本身，Astroid在一些框架中具有优势，因为它支持Joomla 5子模板。Astroid正在积极开发，与J5！紧密结合。
   
   
6. 可用的定制选项有哪些，例如字体、配色方案和动画？
   Astroid有许多定制选项。其后台有12个部分：基本、页眉、颜色、布局、字体、文章/博客、社交、自定义代码、扩展、杂项、主题和预设配置文件，以处理所有定制方面。
   
   

2: 性能和优化 - ( 6 分，总分 10 )

1. 框架在页面加载速度和其他KPI方面表现如何？如果有的话，内置了哪些优化技术？
   Astroid框架设计得轻量、快速、现代，非常适合SEO。尽管如此，许多使用Astroid的模板也需要JollyAny框架（Astroid框架的扩展版本），这在某些情况下似乎会略微影响性能。
   
   
2. 框架提供内置的SEO优化功能或提示，例如元标签、结构化数据、规范URL等吗？
   Astroid框架与其他大多数框架一样，主要基于并依赖于Joomla核心。Joomla在SEO方面做得很好，因此如果您正确填写信息，您就可以得到照顾。
   
   
3. 框架在移动设备上的适应性如何，是否有增强移动用户体验的功能？
   Astroid框架使用Bootstrap 5，采用移动端优先的方法，并提供设备用户控制的先进功能等，以帮助处理响应式。
   
   
4. 框架支持哪些浏览器，以及它如何处理跨浏览器兼容性问题？
   所有主流现代浏览器都得到支持，Astroid团队对浏览器进行特定测试，以确保框架有尽可能好的支持。

3: 易用性和学习曲线 - ( 8 分，总分 10 )

1. 框架的界面有多直观、用户友好，用户可以期待什么样的学习曲线？
   Astroid具有现代UI和逻辑分离的后台，非常容易理解。
   
   
2. 框架提供了哪些文档、教程和支持资源？
   有一个专门的网站dedicated website，用于推广、了解Astroid，以及一个非常活跃的Github account、Github hosted Discussions area和Documentation。
   
   
3. 围绕框架的社区有多活跃和投入？
   Astroid为Joomla 5构建了一些90个模板，并且它有一个相当活跃的社区。
   
   
4. 框架的支持有哪些，以及它有多好？
   Astroid通过多个渠道提供非常明确的活动开发和支持，至少包括Github和Discord。
   
   

4: 兼容性和集成 - ( 4 分，总分 5 )

1. 框架支持哪些Joomla版本，或者它是否有本地的Joomla 5支持（即无需B/C插件）？
   是的，Astroid框架v3.x系列无需B/C插件即可与Joomla 5一起使用。然而，我发现截至2024年6月，通常与其捆绑在一起的JollyAny框架确实需要它。
   
   
2. 框架与流行的Joomla扩展集成或协同得有多好？
   Astroid框架被发现与其他流行的扩展程序配合得非常好，并且许多使用它构建的模板都有一个特定的扩展程序部分，具有特定的参数，以最佳支持这些扩展程序，如Hikashop等。
   
   
3. 它如何处理可访问性？
   在使用Wave等工具进行测试时，Astroid在无障碍访问方面表现良好。当您添加自己的内容时，您必须确保遵循无障碍最佳实践，以达到您期望的结果。

5: 安全性和更新 -  ( 4 out of 5 )

1. 如果有的话，框架提供了哪些安全功能？
   Astroid非常重视安全性，并在框架中集成了多个安全功能。
   
   
2. 更新发布得多频繁？对于安全补丁和错误修复，提供什么样的支持？
   在过去一年中，Astroid框架已更新超过15次。有一个活跃的Github托管讨论区，用于报告问题。
   
   
3. 框架开发者如何处理漏洞披露，用户可以期待什么样的透明度？
   没有官方的报告漏洞流程，我也找不到Astroid的负责任披露政策，但根据经验，它们专注于安全，并遵循Joomla安全实践。

6: 可定制性和灵活性 -  ( 4 out of 5 )

1. 框架如何容易地定制以满足特定的项目需求？
   Astroid框架拥有许多现代功能，如Sass支持、Lazy Loading、Ajax Rating等，使您的项目取得成功。
   
   
2. 在布局、设计和功能方面，框架提供了什么样的灵活性？
   框架的后端界面分为14个区域：基本、页眉、颜色、布局、Astroid小部件、字体排印、文章/博客、社交、自定义代码、杂项、主题、菜单项设置、巨菜单和更多。
   
   
3. 能否使用自定义代码或第三方插件扩展或修改框架？
   没有明确提到它能否被扩展或修改，但由于它在Github上，可以轻松做到。

7: 独特卖点与差异化 -  ( 3 out of 5 )

1. 是什么使这个框架与其他框架不同，它提供了哪些独特功能或好处？
   Astroid框架做了很多框架应该做的事情：SVG、Bootstrap 5、Fontawesome 6和Sass支持、Lazy Loading Ajax Ratings、导入/导出其设置等 - 它支持子模板、包含Astroid小部件、RTL等...
   
   
2. 框架如何处理Joomla网站构建中的常见问题或挑战，他们提供了什么样的创新解决方案？
   Astroid框架是一个非常完整、现代、模块化、优化且不断更新的框架，应允许您处理Joomla网站项目。

====================

JoomlArt的T4 Joomla! 框架
——————————————————

T4 Joomla! 框架基于它构建了约68个模板，来自一个拥有大量扩展和模板子品牌的Joomla巨头。

关于T4 Joomla! 框架的快速概述视频T4 Joomla! Framework。
 

得分：  36 out of 50 points

1: 功能和功能 - ( 8 out of 10 )

1. 是否包含或可用内置或配套的构建器？
   T4 Page Builder 2.1.x拥有一个非常现代的界面，并且作为一个视觉页面构建器使用起来非常愉快。当然，它是推荐选项，我使用过其他与T3和T4框架基于模板的页面构建器，没有问题。
   
   
2. 框架如何处理布局（包括网格系统、列等）？
   T4框架有一个非常组织的侧边栏系统，右侧实时更新……使用典型的12列网格布局，无限行，预定义调色板和大量的可定制性。与Helix Ultimate中部分面板浮在网站上方不同，T4框架的面板系统是锚定的，不能使其浮动 - 一些用户可能喜欢或认为这很烦人……总的来说，它的功能和定制能力与迄今为止我审查过的最佳框架——Helix Ultimate相似，虽然我个人不喜欢固定的菜单，但我更喜欢它的UI。
   
   

    

3. 是否可以在框架内轻松添加、删除和配置模块？
   您可以从布局屏幕轻松添加一个组件区域或任意数量的模块。
   
   
4. 感谢现代框架都支持响应式设计，那么可定制性和操作调整有多容易？
   Т4 Joomla! Framework是一款以移动优先为基础的框架，提供了许多选项，使得支持手机、平板电脑、桌面和超宽桌面视图变得简单，还包含Off-Canvas、移动菜单等功能。我找不到在框架内部添加自己的规则集的方法，并且希望平板电脑和手机的横屏支持更易于处理。
   
   
5. 它与Joomla核心的配合有多紧密或多好？
   对于框架本身，T4框架也支持Joomla 5子模板，开发活跃，旨在与J5!紧密工作。几点值得注意的是，T4支持启用/禁用字体awesome 4、5和6，这可能很有帮助，并且是用Bootstrap 4构建的，不幸的是与使用Bootstrap 5的Joomla 5存在差异。
   
   
6. 可用的定制选项有哪些，例如字体、配色方案和动画？
   T4 Framework提供了大量的自定义选项，支持
   
   

2: 性能和优化 - ( 7 out of 10 )

1. 框架在页面加载速度和其他KPI方面表现如何？如果有的话，内置了哪些优化技术？
   T4框架旨在比其T3前辈更快、更优化，同时具有更多功能和现代特性。不幸的是，在我的测试中，存在一些可能混淆用户的错误信息：T4框架自己的页面提到了J5!的BootStrap 4，根据加载的哪个部分，它还将运行Bootstrap v4.3.1。这可能是一些用户报告了混合结果的原因之一——它仍然是Joomla 5前5个最佳框架之一，甚至可能是前3名，但我们将在本系列的最后看到结果。
   
   
2. 框架提供内置的SEO优化功能或提示，例如元标签、结构化数据、规范URL等吗？
   虽然T4框架像所有其他框架一样依赖于Joomla核心进行SEO，但它已经被设计成考虑到SEO。Joomla在SEO方面很出色，所以如果你正确填写信息，你就可以得到保障。
   
   
3. 框架在移动设备上的适应性如何，是否有增强移动用户体验的功能？
   T4框架完全响应式，并围绕移动优先的flexbox网格构建所有形状和大小的布局。内置了对手机、平板电脑、桌面和大型桌面（XL）的支持，但同样，我希望它使横屏模式更容易处理。
   
   
4. 框架支持哪些浏览器，以及它如何处理跨浏览器兼容性问题？
   所有主流现代浏览器都得到支持，JoomlArt团队会进行特定的浏览器测试，以确保框架具有最佳的支持。
   
   

3: 易用性和学习曲线 - ( 7 out of 10 )

1. 框架的界面有多直观、用户友好，用户可以期待什么样的学习曲线？
   具有实时更新和组织化界面的T4框架非常容易适应和学习。
   
   
2. 框架提供了哪些文档、教程和支持资源？
   有一个专门的网站来帮助推广、理解T4框架，以及专门的T4框架支持论坛和文档。
   
   
3. 围绕框架的社区有多活跃和投入？
   T4框架可能官方上只有68个模板，但它是一个更大社区和公司——JoomlArt的一部分。多年来，JoomlArt购买了多个在Joomla领域知名的品牌，并成为了具有JoomlArt、Gavick、Shape5、JomSocial、iJoomla等品牌中最突出的行为者之一。
   
   
4. 框架的支持有哪些，以及它有多好？
   JoomlArt通过至少他们的论坛积极开发和支持其框架。

4: 兼容性和集成 - ( 3 out of 5 )

1. 框架支持哪些Joomla版本，或者它是否有本地的Joomla 5支持（即无需B/C插件）？
   是的，T4框架与Joomla 5一起工作，无需B/C插件。
   
   
2. 框架与流行的Joomla扩展集成或协同得有多好？
   发现T4框架与其他流行扩展一起工作良好，只有少数几个问题。
   
   
3. 它如何处理可访问性？
   在使用像Wave这样的工具进行测试时，我有些失望地发现T4框架及其最近6个模板中的5个在可访问性方面有些不尽人意。当你添加自己的内容时，你必须确保修复并仔细评估可访问性，遵循最佳实践以实现期望的结果。
   
   

5：安全性和更新 -  ( 4 out of 5 )

1. 如果有的话，框架提供了哪些安全功能？
   JoomlArt非常重视安全性，已在框架中构建了多个安全功能，并设立了安全事件响应机制。
   
   
2. 更新发布得多频繁？对于安全补丁和错误修复，提供什么样的支持？
   T4框架每年至少更新6次。更新内容在他们的博客上有所提及，但与一些其他框架相比，这并不那么实用。
   
   
3. 框架开发者如何处理漏洞披露，用户可以期待什么样的透明度？
   JoomlArt有官方的漏洞报告流程、特定的电子邮件地址，并遵循最佳Joomla编程和安全实践。

6：定制性和灵活性 -  ( 3 out of 5 )

1. 框架如何容易地定制以满足特定的项目需求？
   T4框架是一个现代化的框架，拥有Bootstrap 5、SCSS支持、SEO和性能优化的最新特性，以确保你的项目取得成功。
   
   
2. 在布局、设计和功能方面，框架提供了什么样的灵活性？
   框架的后端界面分为14个区域：概览、网站设置、导航、主题颜色、布局设置、全局设置、菜单分配和工具。
   
   
3. 能否使用自定义代码或第三方插件扩展或修改框架？
   我没有找到任何这样的API，它可以使扩展变得容易。

7：独特卖点与差异化 -  ( 4 out of 5 )

1. 这个框架与其它框架有什么不同，它提供了哪些独特功能或好处？
   T4框架（及其前身T3）在不断发展并支持许多网站构建所需方面拥有悠久的历史：自定义CSS和SCSS、调色板等，但与其他框架相比，没有特别突出的地方。
   
   
2. 框架如何处理Joomla网站构建中的常见问题或挑战，他们提供了什么样的创新解决方案？
   T4框架将为你提供构建任何网站项目的工具 - 但正如经常发生的那样，你可能会发现使用其T4页面构建器伴侣时具有最大的灵活性。

总之，在我看来，上述3个框架中有2个是不错的选择，并且它们在构建今天的Joomla 5网站方面的最终得分非常接近...

坦白说，我对Sparky框架的经验不多，但对我来说，由于界面的视觉方面和其他框架相比缺乏功能，它很难使用。在Astroid和T4之间，尽管它们相当接近，尽管我使用Astroid构建了更多的网站，但我更倾向于喜欢T4，即使我认为它有一些小小的缺点（在他们的网站上找到正确信息的难度、过度依赖论坛、没有简单的变更日志或公开的GitHub透明度方法）。

希望这已经给你提供了对每个框架的见解，你可能会尝试使用它们，并且结合现在为Joomla 5制作的1596个模板，你有大量的组合和可能性来构建另一个基于Joomla的伟大网站！

下个月我们将更深入地讨论第5、6、7个最受欢迎的Joomla 5框架：UIkit框架、Gavern框架和Gantry框架。