阅读时间24分钟 (4712个单词)

第三集:Sparky、Astroid和T4框架

template-episode-3

在本系列关于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)所述...

但也许即使它是相当强大并且最受欢迎的框架之一,您可能没有从它开始,或者最终不喜欢它,或者可能喜欢由我们以下三个最受欢迎的框架之一构建的模板:SparkyAstroidT4...

为了提供一些视角和提醒,截至本文撰写时(根据templatejoomla.com的数据,Helix Ultimate托管了1049个使用它的模板,Sparky有107个,Astroid有90个,T4有68个(即使我们稍微作弊,包括T3的14个兼容Joomla 5的模板,也仅82个 - 为了清楚起见,我不建议在T3中构建Joomla 5网站,尤其是由于没有保证这些模板将在T4中重建...))) 

为了避免无谓地拉长这篇文章,我建议您回到 第二集:JoomShaper的Helix Ultimate,查看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框架。

    Screen showing the Sparky Layout Builder
    图片来源:hotjoomlatemplates.com

  3. 是否可以轻松地在框架内添加、删除和配置模块?
    确实有在布局屏幕中轻松添加1个主内容区域(组件区域)或任何数量的模块的能力。

  4. 由于所有现代框架都支持响应式设计,那么它是如何进行自定义的,以及调整起来有多容易?
    Sparky在响应式方面采取了不同的方法,它声称采用移动优先设计,这很棒,但之后,它更像是一种幕后魔法 - 它确实提到了使用与Bootstrap相似的断点,但关于响应式的功能太少了或太详细。似乎无法在框架内添加自己的规则集。

  5. 它与Joomla核心的配合有多紧密或多好?
    在与其他框架工作时,该框架本身与Joomla核心的工作方式没有更多或更少。然而,如上所述,使用Sparky Page Builder及其文本编辑器方法确实为您提供了非常接近Joomla核心的体验,因为它替换了您的文本编辑器,并在Joomla文章中工作。

  6. 有哪些自定义选项可用,例如字体、配色方案和动画?
    从框架的5.1版本开始,Sparky框架支持本地Google字体,并且像以前一样支持配色方案和各种简单的排版功能。

 


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

  1. 框架在页面加载速度和其他关键性能指标方面的表现如何?如果有的话,有哪些内置的优化技术?
    Sparky框架5.1生成有效的W3C代码,只加载您实际使用的功能 - 它将只加载针对该页面的动态生成的CSS。

  2. 框架是否提供内置的SEO优化功能或提示,例如元标签、结构化数据、规范URL等?
    Sparky框架就像大多数其他框架一样,主要建立在Joomla核心之上并依赖于它,在模板选项区域基本上没有任何可定制的功能。幸运的是,Joomla在SEO方面做得很好,所以如果您填写了相关信息,您将得到妥善处理。

  3. 框架在移动设备上的适应性如何,是否有任何功能可以增强移动用户体验?
    Sparky框架采用移动优先的方法,但针对各种平板、手机和桌面尺寸的功能缺失可能会使事情变得更加复杂。

  4. 支持哪些浏览器,框架如何处理跨浏览器兼容性问题?
    所有主流现代浏览器都得到支持。没有明显的/特定的功能来处理跨浏览器问题,但这不应该成为问题。

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

  1. 框架的界面有多直观、用户友好,用户可以期待什么样的学习曲线?
    有了基本的UI和布局,Sparky可能足够容易适应和使用。

  2. 框架有哪些文档、教程和支持资源可用?
    有一个专门页面概述了框架的功能,以及论坛文档

  3. 围绕框架的社区有多活跃、参与度如何?
    虽然Sparky有大约107个用于Joomla 5的模板,但社区似乎比Helix小得多。

  4. 框架有哪些支持,质量如何?
    HotJoomla自2004年以来一直在Joomla社区中活跃,尤其是在前10年。他们多年来开发了数百个模板和十多个扩展。他们继续通过Joomla 5进行开发和支持。论坛上的大多数支持请求都在一天内得到解答。


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

  1. 框架支持哪些Joomla版本,或者它是否有本地的Joomla 5支持(即无需B/C插件)?
    显然支持Joomla 5,并且似乎不需要兼容性插件(遗憾的是,我在网站/文档上无法100%确认这一点)(但它也支持Joomla 4)。

  2. 框架与流行的Joomla扩展集成或协同工作得如何?
    虽然有一些报告称存在问题,但只要您确保您的扩展是最新版本,您就不会遇到问题。

  3. 它如何处理无障碍性?
    由于该框架是商业化的,我无法对其进行测试,然而,我使用工具如Wave测试了他们演示网站上大约12个模板,在无障碍性方面还有一些改进的空间。当你添加自己的内容时,你需要修复这些问题,并确保遵循无障碍性最佳实践以实现所需的结果。


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 框架与其他框架没有太多不同,但我认为对网站创建者可能感兴趣的2个特性是其对 CSS 框架无关的方法以及能够拥有从1到24列的网格布局。

  2. 框架如何处理 Joomla 网站构建中的常见问题或挑战,他们提供了哪些创新解决方案?
    关于 Sparky 框架没有太多具体的创新方面,可能更创新的是其配套的 Sparky Page Builder Text Editor 方法,这样你的工作就在一个 Joomla 文章内。


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


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

Astroid 框架使用它构建了大约90个模板,但与许多 Joomla 5 框架不同,它没有提供特定的/专门的视觉页面构建器。

关于Astroid 框架的快速概述视频。
 

得分:  35 out of 50 points

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

  1. 是否包含或可用内置或伴随的构建器?
    无。尽管Astroid没有配套或特定的视觉页面构建器,但它可以很容易地与SP Page Builder、Quix等一起使用 :)

  2. 框架如何处理布局(包括网格系统、列等)?
    Astroid有一个非常干净、现代且视觉上吸引人的布局管理器,使更改变得容易。

    展示Astroid布局构建器的图片 
  3. 是否可以轻松地在框架内添加、删除和配置模块?
    您可以直接从布局界面轻松添加1个组件区域或任何数量的模块。

  4. 由于所有现代框架都支持响应式设计,那么它是如何进行自定义的,以及调整起来有多容易?
    Astroid是一个以移动端为首选框架,提供了许多选项以支持手机、平板和桌面视图,它还包含Off-Canvas、移动菜单等。然而,框架似乎没有添加您自己的规则集的能力。

  5. 它与Joomla核心的配合有多紧密或多好?
    对于框架本身,Astroid在某些框架中具有优势,因为它支持Joomla 5子模板。Astroid正在积极开发,以与J5!紧密合作。

  6. 有哪些自定义选项可用,例如字体、配色方案和动画?
    Astroid有许多自定义选项。其后台有12个部分:基本、页眉、颜色、布局、字体、文章/博客、社交、自定义代码、扩展、杂项、主题和预设配置文件,以处理所有自定义方面。

2:性能和优化 - 6 分之 10

  1. 框架在页面加载速度和其他关键性能指标方面的表现如何?如果有的话,有哪些内置的优化技术?
    Astroid框架设计得精简、快速、现代,非常适合SEO。但说到底,许多使用Astroid的模板也要求使用JollyAny框架(Astroid框架的扩展版本),这在某些情况下似乎会略微影响性能。

  2. 框架是否提供内置的SEO优化功能或提示,例如元标签、结构化数据、规范URL等?
    Astroid框架与其他大多数框架一样,主要建立在Joomla核心之上,依赖于Joomla核心。Joomla非常适合SEO,因此如果您正确填写内容,您就会得到照顾。

  3. 框架在移动设备上的适应性如何,是否有任何功能可以增强移动用户体验?
    Astroid框架使用Bootstrap 5,采用移动优先方法,并具有针对设备的用户控件等高级功能,以帮助处理响应性。

  4. 支持哪些浏览器,框架如何处理跨浏览器兼容性问题?
    所有主流现代浏览器都受支持,Astroid团队进行了特定浏览器的测试,以确保框架提供最佳支持。


3:易用性和学习曲线 - 8 分之 10

  1. 框架的界面有多直观、用户友好,用户可以期待什么样的学习曲线?
    Astroid具有现代UI和逻辑上分离的后台,理解起来相当容易。

  2. 框架有哪些文档、教程和支持资源可用?
    有一个专门的网站dedicated website来推广、了解Astroid,以及一个非常活跃的Github账户Github托管讨论区文档

  3. 围绕框架的社区有多活跃、参与度如何?
    Astroid为Joomla 5构建了大约90个模板,并且有一个相当活跃的社区。

  4. 框架有哪些支持,质量如何?
    Astroid通过多个渠道(至少包括GithubDiscord)提供了非常明确的活动开发和支持。

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支持、懒加载、Ajax评分等,这些都是使你的项目成功的关键。

  2. 在布局、设计和功能方面,框架提供了哪些灵活性?
    框架的后端界面分为14个区域:基本、标题、颜色、布局、Astroid小工具、字体排版、文章/博客、社交、自定义代码、杂项、主题、菜单项设置、Megamenu等。

  3. 能否使用自定义代码或第三方插件扩展或修改该框架?
    没有具体提及它能否扩展或修改,但既然它在Github上,人们可以很容易地这样做。


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

  1. 是什么让这个框架与其他框架不同,以及它提供了哪些独特功能或好处?
    Astroid框架做了许多框架应该做的事情:SVG、Bootstrap 5、Fontawesome 6和Sass支持、懒加载Ajax评分,以及能够导入/导出其设置等 - 它支持子模板、包括Astroid小工具,以及RTL等...

  2. 框架如何处理 Joomla 网站构建中的常见问题或挑战,他们提供了哪些创新解决方案?
    Astroid框架是一个非常完整、现代、模块化、优化并持续更新的框架,这将使你能够处理Joomla网站项目。

 

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



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

由Joomla巨头推出的T4 Joomla!框架,基于它构建了约68个模板,拥有众多扩展和模板子品牌。

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

得分:  36 out of 50 points


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

  1. 是否包含或可用内置或伴随的构建器?
    T4页面构建器2.1.x拥有一个非常现代的界面,作为视觉页面构建器使用起来非常愉快。当然,它是推荐选项,但我已经使用过其他页面构建器与基于T3和T4框架的模板,没有问题。

  2. 框架如何处理布局(包括网格系统、列等)?
    T4 框架具有非常有序的侧边栏系统,右侧实时更新……采用典型的 12 列网格布局,无限行数,预定义调色板以及极高的可定制性。与 Helix Ultimate 不同,其部分面板浮于网站之上,T4 框架的侧边栏系统固定且无法浮动——一些用户可能喜欢或认为这令人烦恼……总的来说,它的功能和定制能力与迄今为止我所审查的最佳框架——Helix Ultimate 相似——虽然我个人不是固定菜单的粉丝,但我更喜欢它的 UI。

     

  3. 是否可以轻松地在框架内添加、删除和配置模块?
    您可以直接从布局界面轻松添加1个组件区域或任何数量的模块。

  4. 由于所有现代框架都支持响应式设计,那么它是如何进行自定义的,以及调整起来有多容易?
    T4 Joomla! 框架是一个以移动端优先的框架,具有许多选项,使其易于支持手机、平板、桌面和超大桌面(XL)视图,它还包含 Off-Canvas、移动菜单等。我找不到在框架内添加自己的规则集的方法,并希望平板电脑和手机的对齐支持更容易处理。

  5. 它与Joomla核心的配合有多紧密或多好?
    对于框架本身,T4 框架还支持 Joomla 5 子模板,非常活跃地开发,并旨在与 J5!紧密工作。值得注意的是,T4 支持启用/禁用 Font Awesome 4、5 和 6,这非常有帮助,并使用 Bootstrap 4 构建,这是与使用 Bootstrap 5 的 Joomla 5 之间不幸的差异。

  6. 有哪些自定义选项可用,例如字体、配色方案和动画?
    T4 框架具有大量的自定义选项,支持

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

  1. 框架在页面加载速度和其他关键性能指标方面的表现如何?如果有的话,有哪些内置的优化技术?
    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. 框架有哪些文档、教程和支持资源可用?
    有一个专门的网站https://www.joomlart.com/t4-framework,用于推广、理解和支持 T4 框架,以及专门的 T4 框架 Support ForumsDocumentation

  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 框架可以在不使用 B/C 插件的情况下与 Joomla 5 兼容。

  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 框架。

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

0
新加入Joomla社区?加入一个会议来获取...
土拨鼠日,但以有趣的方式 - 披萨、虫子...
 

评论

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

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