一种非常简单的入门方法是使用免费的Hydrogen模板,并将它作为一个基础,你可以创建一个独特的,完全定制的模板,满足你的个人需求。
比方说,如果你有个客户,你想要创建一个网站,你可以创建一个全新的模板,用一个高级的模板来帮助你成功地运行,或者使用Hydrogen作为一个基础,你可以为你的顾客创建一个定制的模板,而不需要重新创建你的那些小碎块。
创建自定义模板的一个重要步骤是重新命名它。这样做给您的创建的模板提供了一个您的客户和您自己可以轻松引用和理解的名称。它还能给你的工作添加一些个人品牌。
请记住,这也意味着您成为这个新模板的主要更新和支持源。这是一个非常高级的步骤,对于绝大多数的开发人员来说可能不是必需的。它还可能与一些第三方模板提供商提供的条款和条件发生冲突。
在本指南中,我们将讨论您需要知道如何将Hydrogen模板的名称改为Helium的步骤。
步骤1:下载、解压缩和打开Hydrogen
我们在本指南中所详细介绍的所有内容都将以您正在使用一个强大的代码编辑器来修改一个未压缩的Hydrogen模板下载的来完成。一个非常受欢迎的选择是Sublime Text,它是一个跨平台的代码编辑器,它具有非常好的可扩展性,大量有用的插件,并且可以很容易地定制,以满足单个开发人员的需求。
另一个受欢迎的选择是Atom,它拥有许多与Sublime Text相同的功能,但它是由GitHub的用户免费和维护的。与Sublime Text一样,Atom是跨平台兼容的,它将在Windows、OS X和许多流行的Linux发行版上运行。
Hydrogen本身可以在Gantry.org上下载,并携带相同的MIT/GPL版本2或更高版本的许可证作为Gantry 5
一旦你下载了最新版本的Hydrogen模板,解压它并在你喜欢的代码编辑器中打开解压缩的文件夹。
步骤2:更改文件和目录的名称
这是一个很好的第一步,因为它使您能够在目录结构级别上建立新的模板名称。对于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”),以一种非大小写敏感的方式,可以让您立即看到当前模板名称的所有实例。
这个名称可以在很多地方引用,包括目录路径引用、类、文本描述等等。
你会想要在模板的文件基础上用Hydrogen替换Helium。通过使用文本编辑器在模板的文件中查找和替换搜索,可以很容易地做到这一点。这里有不同的搜索和替换我们做了转换Hydrogen的模板。
查找 | 替换 |
---|---|
Hydrogen |
Helium |
hydrogen |
helium |
HYDROGEN |
HELIUM |
完成此操作后,保存更改并将模板的父文件夹压缩。完成此操作后,您应该能够以其新名称安装新模板。Helium的模板在没有冲突的情况下被安装在Hydrogen的模板旁边。