Joomla 5（以及以后）的未来光明……

第四集：UIKit、Gavern 和 Gantry 框架

正如我们在本系列的最后三集中所看到的，您在构建 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（免费或专业版）或经常更新的 Astroid 框架，甚至 T4…… 

但随着我们涉足更多框架，很明显，有不同哲学和方法来与 Joomla 交互以创建模板……在本集中，我们将讨论一个肯定采取了独特方法与 Joomla 交互的框架：UIKit（及其配套的 YooTheme Pro）。 

查看 TemplateJoomla 的最新总计，有 1651 个 Joomla 5 模板（1058 个基于 Helix Ultimate……，46 个基于 UIKit，24 个基于 Gavern，24 个基于 Gantry）。 

像之前一样，我建议您回顾第二集：JoomShaper 的 Helix Ultimate，查看 7 个类别以及我们将要涵盖的内容，但我会将每个类别的标题和每个类别的要点数量留在了下面。

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

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

—————

YooTheme的UIKit包
—————————————

UIKit框架与之前评审的其他框架都不同。它不能作为Joomla扩展安装，是一个非常轻量的CSS & JS包，与Vue.js结合使用，并且只在YooTheme Pro中可见，YooTheme Pro可以真正作为一个模板框架和页面构建器使用。因此，我主要会谈论YooTheme Pro与UIKit框架本身...

得分:  37 分 （满分50分）

1：功能和功能 - （7 分 （满分10分））

1. 如果有的话，包含或可用的内置或伴随构建器是什么？
   UIKit 3.21.9 - （最后更新日期：2024年8月）不能作为Joomla扩展安装，因此您必须购买YooTheme Pro才能访问框架的功能（它可以做很多事情）。
   
   遗憾的是，YooTheme Pro没有免费或试用版本，而且它也是目前最昂贵的页面构建器/框架组合。
   
2. 框架如何处理布局（包括网格系统、列和行）？UIKit自身具有10列布局的内置功能，并附带81个组件来完成各种任务：手风琴、徽章、下拉菜单、网格、灯箱、覆盖层、幻灯片、视频等等... 
   
   另一方面，YooTheme Pro原生支持12列布局，并内置了35个可以拖放定位的元素...（甚至有扩展可以将YooTheme Pro的列数扩展到24列以及更多！)
   
   图片来源：yootheme.com
   
   
3. 在框架内是否可以轻松添加、删除和配置模块？UIKit中不存在这种概念。YooTheme Pro在处理模块方面非常强大，它可以按模块位置处理模块，可以处理自定义模块、特殊的Builder模块以及超级强大的动态内容概念。
4. 感谢现代框架都支持响应式设计，那么调整和自定义的容易程度如何？YooTheme Pro支持许多响应式功能：响应式网格布局、样式、头部布局，并且也支持Retina显示。
5. 它与Joomla核心的配合程度如何？这可能是YooTheme Pro最强大、最好的功能之一，因为它允许Joomla文章使用YooTheme Pro中创建的布局，其动态内容功能允许在页面构建器中显示文章和分类中的特定字段，并且可以从Joomla内置的自定义字段中获取数据 - YooTheme Pro与Joomla核心配合得非常好。
6. 有哪些自定义选项，例如字体、配色方案和动画？YooTheme Pro具有所有这些功能，例如Google字体（包括本地加载）和样式、各种字体功能等等...

2: 性能与优化 - ( 9 分之 10 )

1. 框架在页面加载速度和其他关键绩效指标方面的表现如何，如果有的话，有哪些内置的优化技术？
   YooTheme Pro支持许多内置功能以帮助提高性能：当然包括文件压缩，还有懒加载、下一代图片格式、本地托管Google字体和图片的Srcset...
   
   
2. 框架是否提供内置的SEO优化功能或提示，如元标签、结构化数据、规范URL等？
   YooTheme Pro在元标签管理、Open Graph支持、Schema标记、清洁和语义HTML等方面做得比大多数框架都要多……
   
   
3. 框架如何适应移动设备，是否有增强移动用户体验的功能？
   YooTheme Pro在各种设备上表现良好，从智能手机到平板电脑再到大桌面。虽然在这方面做得很好，但一些用户在移动端却难以获得良好的性能评分。.
   
   
4. 支持哪些浏览器，框架如何处理跨浏览器兼容性问题？
   支持所有主流现代浏览器。它还通过支持键盘导航和ARIA角色提供了良好的可访问性支持。
   
   

3: 易用性与学习曲线 - ( 7 分之 10 )

1. 框架的界面直观性和用户友好性如何，用户可以期待什么样的学习曲线？
   YooTheme Pro受到那些已经理解并习惯了它的工作方式的人的青睐……但它有一个陡峭的学习曲线，这个曲线比大多数替代品都要陡峭 - 结合其付费模式，并不像它本可以的那样用户友好。
   
   
2. 框架提供哪些类型的文档、教程和支持资源？有一个专属网站用于UIKit，一个专属页面用于YooTheme Pro，突出框架/页面构建器的特点，以及一个文档、帮助视频和一个Discord频道。还有一个相当大的YooTheme Pro专家网络可以雇佣。
   
   
3. 围绕框架的社区活跃度和参与度如何？
   YooTheme Pro（以及YooTheme的其他产品：WidgetKit和ZOO）的社区相当强大、活跃，并且对产品有真正的热情。
   
   
4. 框架的支持类型及其质量如何？
   作为一个付费产品，人们当然期望得到很好的支持 - YooTheme提供了文档、帮助视频、社区支持、专属Discord频道，但也有一些关于支持响应速度以及最近一些客户体验处理不当的担忧。
   
   

4: 兼容性与集成 - (3 分之 5)

1. 框架支持哪些Joomla版本，或者它是否具有原生的Joomla 5支持（即无需B/C插件）？
   显然支持Joomla 5，且无需兼容性插件（但它也支持Joomla 4）。
   
   
2. 框架如何与流行的Joomla扩展集成或协同工作？
   在JoomlaSphere中，与其他组件提供商有相当多的支持，特别是针对YooTheme Pro的特定支持。
   
   
3. 框架在无障碍性方面表现如何？
   在测试最近6个YooTheme模板时，我非常惊讶地发现，使用Wave等工具时，存在相当多的无障碍性错误。当你添加自己的内容时，你必须确保查看并遵循无障碍性最佳实践，以实现期望的结果。
   

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

1. 框架提供了哪些安全特性（如果有）？
   网站上没有关于此框架内置安全特性的具体信息。
   
   
2. 更新频率如何，以及提供了哪些针对安全补丁和错误修复的支持？
   在过去6个月中，YooTheme Pro进行了24次更新，UIKit框架进行了30次更新。因此，尽管支持响应可能存在一些延迟，但YooTheme Pro和UIKit是最活跃的更新之一。
   
   
3. 框架开发者如何处理漏洞披露，用户可以期待什么程度的透明度？
   我没有找到针对YooTheme Pro的官方漏洞披露程序。
   

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

1. 框架如何容易地定制以满足特定项目需求？
   YooTheme Pro非常容易定制，具有原生的12列支持（以及通过其众多扩展之一的24列支持），导出功能等——如果你能克服相当陡峭的学习曲线，它可能是你为复杂项目选择的强大框架之一。
   
   
2. 框架在布局、设计和功能方面提供了哪些灵活性？
   框架的后端界面分为6个区域：布局、样式、构建器、菜单、模块和设置，每个区域都隐藏了许多功能。
   
   
3. 框架是否可以使用自定义代码或第三方插件进行扩展或修改？
   存在一个相当活跃的YooTheme Pro第三方扩展社区，可以进行许多不同的事情。
   

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

1. 这个框架与其它框架有什么不同，它提供了哪些独特的功能或好处？
   YooTheme Pro通过其动态内容、与Joomla的紧密集成以及大量的第三方扩展支持脱颖而出。
   
   
2. 框架是如何解决Joomla网站建设中的常见问题或挑战的，以及它们提供了哪些创新解决方案？
   YooTheme Pro中最具创新性的功能是其界面和动态内容，但这也是最难以学习和适应的方面。
   

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

Gavern by Gavick / JoomlArt
—————————————

经过更深入地审查Gavern框架，并发现它真正是一个基于Joomla 3的框架，在Joomla 5下也能很好地运行。同时，由于JoomlArt多年来的开发投入不足，仅提供了24个模板，因此我决定不对Gavern框架进行全面评估。

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

Gantry 5 by RocketTheme
—————————————

RocketTheme的Gantry 5框架是一个非常强大的框架，拥有强大的后端，尽管它也只有24个模板，并且其未来尚不确定，但框架的最新更新值得仔细研究。

关于Gantry框架的快速概述视频。
 
得分： 38 分，总分 50 分

1: 功能和功能 - ( 8 分，总分 10 分 )

1. 如果有的话，包含或可用的内置或伴随构建器是什么？
   无。 虽然RocketTheme没有提供配套的或特定的视觉页面构建器，但Gantry可以轻松地与SP Page Builder、Quix等一起使用 :)
   
   
2. 框架如何处理布局（包括网格系统、列等）？
   Gantry 5有一个简单且非常干净的、现代且视觉上吸引人的布局管理器，使工作变得愉快。
   
   
   图片来源：gantry.org / RocketTheme
   
   
3. 是否可以在框架内轻松添加、删除和配置模块？
    从布局屏幕开始，非常容易添加1个组件区域或任何数量的模块。
   
   
4. 由于所有现代框架都支持响应式设计，因此它有多可定制，以及调整的难易程度如何？
   Gantry是一个以移动端为主的框架，提供了许多选项，使支持手机、平板电脑和桌面视图变得容易，包括默认和自定义断点。
   
   
5. 它与Joomla核心的配合程度有多紧密或多好？
   对于框架本身，Gantry与Joomla核心不像一些其他框架那样紧密，似乎也不支持Joomla 5子模板。Gantry开发非常活跃，旨在与J5紧密结合工作！
   
   
6. 可用的定制选项有哪些，例如字体、配色方案和动画？
   Gantry有很多定制选项。其后端有6个部分：布局、样式、页面设置、分配以及轮廓和菜单。除此之外，Gantry 5还有一个独特的概念：粒子（Particles）和原子（Atoms）。粒子是可以添加到页面布局的模块化组件，而原子是专门化的粒子，它们在前端不渲染视觉效果，但用于执行脚本或函数。 
   

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

1. 框架在页面加载速度和其他关键绩效指标方面的表现如何，如果有的话，有哪些内置的优化技术？
   Gantry 5设计得轻量级、快速、现代，非常适合SEO和性能。
   
   
2. 框架是否提供内置的SEO优化功能或提示，例如元标签、结构化数据、规范URL等？
   Gantry 5就像大多数其他框架一样，主要建立在Joomla核心之上，依赖于Joomla核心。Joomla在SEO方面表现优秀，因此您有一个很好的起点。
3. 框架在移动设备上的适应性如何，是否有增强移动用户体验的功能？
   Gantry 5支持Bootstrap 5，采用移动优先的方法和流动布局的方法——以及针对小手机、大手机、平板电脑、中等及大尺寸电脑屏幕的断点。
4. 支持哪些浏览器，框架如何处理跨浏览器兼容性问题？
   Gantry 5支持四大主流现代浏览器：Google Chrome、Mozilla Firefox、Apple Safari和Microsoft Edge，并进行了特定测试以确保框架按预期工作。

3：易用性和学习曲线 - ( 8 分出 10 )

1. 框架的界面直观性和用户友好性如何，用户可以期待什么样的学习曲线？
   Gantry拥有现代UI，易于导航和理解。尽管粒子（Particles）和原子（Atoms）的概念是极好的扩展性添加，但有时会稍微复杂化界面。
   
   
2. 框架有哪些文档、教程和支持资源可用？有一个专门的网站来帮助推广、理解Astroid，以及一个非常活跃的Github账户和文档。
3. 围绕框架的社区活跃程度和参与度如何？Gantry 5仅为Joomla 5构建了24个模板，但它有一个相当活跃的社区。多亏了RocketTheme和其他提供商，粒子、原子等得到了发展。在过去的18个月中，人们非常担心RocketTheme是否会完全停止，让我们希望最近7月份将15个Joomla模板更新到J5.1的更新是一个好兆头！
4. 框架的支持有哪些，效果如何？Gantry 5通过多个渠道进行持续的开发和支持，至少包括Github和社区论坛。

4：兼容性和集成 -  ( 4 分出 5 )

1. 框架支持哪些Joomla版本，或者它是否具有原生的Joomla 5支持（即无需B/C插件）？
   据我所知，截至本文撰写时，Gantry 5需要开启Joomla 5的向后兼容性插件，因为我从我的测试中看到了这一点——但据RocketTheme两个月前的一篇帖子称，它正在开发中。
2. 框架与流行的Joomla扩展如何集成或协同工作？
   根据我的测试，Gantry 5与其他流行的扩展协同工作得非常好。
3. 它如何处理可访问性？
   使用像 Wave 这样的工具进行测试时，我发现大多数由RocketTheme使用Gantry 5制作的6个最近模板都有很多错误，但这可能是因为RocketTheme在2年前发布了这些模板。当你添加自己的内容时，你必须确保遵循可访问性最佳实践以实现你期望的结果。
   
   

5：安全和更新 -  ( 3 分之 5 )

1. 框架提供了哪些安全功能（如果有的话）？
   Gantry 5被设计为安全，并将多个安全功能集成到框架中。
   
   
2. 更新发布频率如何，以及提供哪些类型的支持和安全补丁及漏洞修复？
   在过去的1年里，Gantry框架进行了4次更新，其中最近的一次5.5.19发布于3个月前。由于相关信息缺乏以及RocketTheme没有推出新模板，人们对未来的担忧有所增加，但最近更新了15个模板至Joomla 5.1，这让人看到了一些复兴的希望……
   
   
3. 框架开发者如何处理漏洞披露，用户可以期待什么程度的透明度？
   没有官方的漏洞报告流程，我也找不到Gantry 5的负责任披露政策。

6：可定制性和灵活性 -  ( 4 分之 5 )

1. 框架如何容易地定制以满足特定项目需求？
   Gantry 5拥有许多现代功能，并且由于其他提供者提供的Particles和Atoms支持，它易于根据您的项目进行定制。
   
   
2. 框架在布局、设计和功能方面提供了哪些灵活性？
   框架的后端界面分为6个区域：布局、样式、页面设置、分配以及概要和菜单。
   
   
3. 是否可以使用自定义代码或第三方插件扩展或修改框架？
   是的，由于Particles和Atoms，Gantry 5可以扩展和改进。

7：独特卖点与差异化 -  ( 3 分之 5 )

1. 什么使这个框架与众不同，它提供了哪些独特功能或好处？
   Gantry 5拥有许多弹药来帮助您完成任务：Bootstrap 5、Fontawesome 6、基于Twig的模板、基于YAML的配置、SCSS / LESS支持，以及支持Particles和Atoms等。
   
   
2. 框架如何解决Joomla网站构建中的常见问题或挑战，以及提供了哪些创新解决方案？
   Gantry 5是一个现代、模块化、优化和可扩展的框架，应该允许您处理大多数如果不是所有Joomla网站项目。
   

因此，在本版中，经过对Gavern的全面审查后，结果只剩下YooTheme和Gantry 5，每个都有其自身优势——尽管Gantry 5的未来尚不明朗，YooTheme仅是商业软件并且学习曲线较陡——但它仍然排在最佳框架/页面构建器第三位，仅次于Helix Ultimate。

希望这个环节对您有所帮助，并且您在使用这些1651个模板和这两个框架之一创建Joomla 5网站时会感到乐趣。

下个月我们将更深入地讨论最后4个框架：可扩展的TM、GK框架、YT框架和Plazart框架。