Cassiopeia 模板在 Joomla 4 默认前端模板中实现了众多改进。

明星之最

Joomla 4 RC 版本即将发布，备受期待的全新默认模板 Cassiopeia 已经合并到 Joomla 4 Beta 6，该版本于 2021 年 1 月 7 日发布，在此之前的六个月内，在 GitHub 的分支上进行了大量工作。

现在这一里程碑已经实现，如果在 2020 年期间检查过 Joomla 4 Beta 版本，应该会注意到 Cassiopeia 模板的各种改进。目前还有两个主要开发任务待完成。首先，在接下来的几周内需要对一些问题进行测试的一小批拉取请求。其次，由于即将进入发布候选阶段，需要大量工作来广泛地记录新模板以及 Joomla 4 的其他功能。如果您有兴趣协助，可以 从今天开始为 JDOC 做贡献。

Cassiopeia 模板在 Joomla 3 的前驱者 Protostar、Joomla 2.5 的 Atomic 和 Joomla 1.5 的 RHUK Milkyway 的基础上提升了模板游戏。Cassiopeia 还提高了可访问性标准，将成为 Joomla 4 中唯一的默认前端模板，结合了 Beez 可访问模板中处理过的功能，以结合响应式特性。

亮点

移动优先的响应式设计，集成可访问性

Cassiopeia 从一开始就旨在取代其前辈，提供一个设计时即具有移动优先响应性的单个模板。模板还注重可访问性，提供了字体、色彩对比、aria 属性等设置，以改善使用 Joomla 4 的网站的可访问性。

Joomla 4 的核心中也发现了一些可访问性的改进，所以如果您想使您的 Joomla 4 网站具有可访问性，并有一个首选的模板框架，请确保其 Joomla 4 版本包括新覆盖，包括核心系统模板中可访问的各种 aria 属性。

Bootstrap 4

Cassiopeia 的用户界面基于 Bootstrap 4，提供了一整套响应式和 UX 特性，这将使构建移动优先的网站更快更简单。

在规划Bootstrap 5时，Bootstrap 5将不再使用jQuery，Cassiopeia不会加载jQuery，并旨在不依赖于任何其他CSS或JavaScript框架。

Web资源

鉴于GDPR和其他全球类似法规对隐私的不断变化的考虑以及提供灵活性的能力，Cassiopeia有一些功能提供更干净的功能集，同时也允许在迁移过程中提供替代方案。

一些例子包括Cassiopeia从网站本地加载字体以符合GDPR（而不是将Google Fonts或Adobe Type Kit作为外部资源链接），以及使用Metis菜单的原生JavaScript版本以避免对jQuery的要求。Metis菜单也用于新Atum管理模板的Joomla后端。

如果模板设计师希望集成其他框架，Joomla 4中的新Web资源功能将允许他们调用所需的内容。网站实施者也可以使用Web资源功能自行扩展Cassiopeia。

SASS

Joomla 4和Cassiopeia使用SASS（语法极好的样式表）进行样式化。SASS是一个CSS预处理器，它允许您使用变量、数学运算、混合、循环、函数、导入和其他有趣的功能，这些功能使编写CSS更具功能。从某些方面来看，您可能会将SASS视为样式表扩展语言，因为它通过引入基本编程语言的好处扩展了标准CSS的特性。因此，SASS会编译您的代码并生成浏览器可以理解的CSS输出。

CSS网格布局

在切换到CSS网格布局时，Cassiopeia不会将模板布局限制在Bootstrap 4中可用的内容。网格的CSS允许您使用更简单的HTML生成复杂的布局。

迁移Joomla用户需要考虑的一个因素是对博客分类布局配置的重大更改。使用CSS网格布局的Joomla 4移除了用户自Joomla 1.0以来熟悉列数。迁移过程将致力于将Joomla 3的设置转换为Joomla 4，以尽量减少不便。然而，新的布局系统大大增加了展示内容的方式，使其在桌面和移动端上看起来都很好。随着文档的跟进，我所见到的最佳新布局预览在Ciaran Walsh的拉取请求中，其中展示了几个布局的示例。

迁移您的Joomla 3模板

Cassiopeia无疑是模板开发者升级其现有Joomla 4产品时新Joomla 4站点的考虑因素。

论坛和其他渠道中提出的问题询问迁移Joomla模板到Joomla 4需要做什么。在2020年7月对JoomShaper的Kawshar Ahmed的采访中，Kawshar介绍了几点JoomShaper在更新Joomla 3中100多个模板集合时考虑的因素。

安装文件显然是一个起点，因为您需要调整模板的template.xml文件，以便它可以在Joomla 4中安装。一些向后兼容性问题已记录。所需的主要更改将是更改对Bootstrap 2的引用到Bootstrap 4。如果您的模板设计中包含模板覆盖，则需要对其进行审查以符合Joomla 4，以确定与Joomla 3中相同功能的核心功能有何变化。通过Joomla 3.10的迁移过程还将有助于识别任何受Joomla 4升级影响的覆盖。

如果您还没有准备好迁移，只是想看看Joomla 4的样子，您可以下载Joomla 4 Beta 6或在建站平台上launch.joomla.org创建一个测试站点。安装博客示例数据或多语言示例数据，看看Cassiopeia能做什么。

您将创建什么？

Cassiopeia应该能实现快速加载、移动适配、可访问的网站，并能快速使用Joomla 4进行实施。Bootstrap 4和CSS Grid的改进使加载时间更短，为设计师提供了更多灵活性，因此，您能创造出什么取决于您的创造力。结合其他新功能，如Web服务API、安全改进、工作流、改进的媒体管理器等，2021年对采用Joomla 4的Joomla社区来说将是一个激动人心的年份。

无论您使用的是Cassiopeia还是其他Joomla 4模板，Joomla 4都不远了。一旦您在Joomla 4中创建了网站，请务必将其添加到Joomla! 展示目录中，以展示您可以做什么。