更改主题的名称

一种非常简单的入门方法是使用免费的Hydrogen主题,并将它作为一个基础,你可以创建一个独特的,完全定制的主题,满足你的个人需求。

 比方说,如果你有个客户,你想要创建一个网站,你可以创建一个全新的主题,用一个高级的主题来帮助你成功地运行,或者使用Hydrogen作为一个基础,你可以为你的顾客创建一个定制的主题,而不需要重新创建你的那些小碎块。

创建自定义主题的一个重要步骤是重新命名它。这样做给您的创建的主题提供了一个您的客户和您自己可以轻松引用和理解的名称。它还能给你的工作添加一些个人品牌。

请记住,这也意味着您成为这个新主题的主要更新和支持源。这是一个非常高级的步骤,对于绝大多数的开发人员来说可能不是必需的。它还可能与一些第三方主题提供商提供的条款和条件发生冲突。

在本指南中,我们将讨论您需要知道如何将Hydrogen主题的名称改为Helium的步骤。

步骤1:下载、解压缩和打开Hydrogen

我们在本指南中所详细介绍的所有内容都将以您正在使用一个强大的文本/代码编辑器来修改一个未压缩的Hydrogen主题下载的来完成。一个非常受欢迎的选择是Sublime Text,它是一个跨平台的文本编辑器,它具有非常好的可扩展性,大量有用的插件,并且可以很容易地定制,以满足单个开发人员的需求。

另一个受欢迎的选择是Atom,它拥有许多与卓越文本相同的功能,但它是由GitHub的用户免费和维护的。与Sublime Text一样,Atom是跨平台兼容的,它将在Windows、OS X和许多流行的Linux发行版上运行。

Hydrogen本身可以在Gantry.org上下载,并携带相同的MIT/GPL版本2或更高版本的许可证作为Gantry 5 

一旦你下载了最新版本的Hydrogen主题,解压它并在你喜欢的文本编辑器中打开解压缩的文件夹。

步骤2:更改文件和目录的名称

Gantry更改主题的名称

这是一个很好的第一步,因为它使您能够在目录结构级别上建立新的主题名称。对于Hydrogen,这包括主题包含的父文件夹,以及几个子文件夹,包括:scss/hydrogen and scss/hydrogen-joomla.当我们改变它们以符合新的Hydrogen名称时,这些文件夹将被重新命名为scss/helium 和 scss/helium-joomla

下面是一些您想要重命名的文件/目录,以反映新的主题名称:

文件/目录 描述
language/en-GB/en-GB.tpl_g5_hydrogen.ini 这个文件指定了主题名称、描述的语言文件,以及网站前端的更多信息。您应该在文件名和内容中替换主题名称的所有实例。
language/en-GB/en-GB.tpl_g5_hydrogen.sys.ini 该文件指定主题的名称、描述和管理后端的语言文件
scss/hydrogen-joomla.scss 该文件包含主题的特定于平台的样式
scss/hydrogen.scss 这个文件包含主题的样式
scss/hydrogen/ 该目录包含与主题的特定部分相关的SCSS文件。例如,Header节的样式规则存储在这里。
scss/hydrogen-joomla/ 该目录包含与主题的特定部分相关的SCSS文件。与其他SCSS目录不同,这个目录是特定于平台的。

可能还有其他目录,其中包含需要更改的当前主题名称。这从主题到主题都有所不同,甚至可能会根据构建支持的平台而变化。

步骤3:搜索主题名称的文件

这是一个非常基本的步骤,它真正利用了一个好的文本编辑器。搜索主题的所有主题文件(在本例中为“hydrogen”),以一种非大小写敏感的方式,可以让您立即看到当前主题名称的所有实例。

Gantry更改主题的名称

这个名称可以在很多地方引用,包括目录路径引用、类、文本描述等等。

你会想要在主题的文件基础上用Hydrogen替换Helium。通过使用文本编辑器在主题的文件中查找和替换搜索,可以很容易地做到这一点。这里有不同的搜索和替换我们做了转换Hydrogen的主题。

查找 替换
Hydrogen Helium
hydrogen helium
HYDROGEN HELIUM

Gantry更改主题的名称

完成此操作后,保存更改并将主题的父文件夹压缩。完成此操作后,您应该能够以其新名称安装新主题。Helium的主题也可以在没有冲突的情况下被安装在Hydrogen的主题旁边。