了解如何添加自己的自定义设置，并详细了解Helix3模板中文件夹的用途。以下是templates \ shaper_helix3文件夹结构的基础知识：

CSS文件夹

包含用于构建模板布局的所有CSS文件并创建设计功能。在那里你会找到例子：bootstrap 3.x和font-awesome 4.x样式。
在css \ presets文件夹中，您可以找到具有不同颜色变体的样式预设。它们在模板设置中使用。

在Helix3中使用自定义CSS让您有机会创建独特的设计，并允许您自定义选定元素（颜色，大小等）的外观。请不要编辑helix3模板框架中的template.css，legacy.css任何其他主要的css文件。原因是所有的更改都将被模板引擎覆盖。

将您自己的自定义CSS添加到Helix3模板（框架）中至少有两种方法：

• 从模板设置（有自定义CSS提交）
• 或者通过在/ css文件夹中创建一个custom.css文件来添加自己的CSS。

这样你的CSS将不会被模板系统或下一个模板更新覆盖。

功能文件夹

该文件夹包含每个Helix3模板主要部分的源代码：

• logo.php - 所有使用的标志（图片，文本，手机）的源代码
• menu.php - 菜单切换器MegaMenu＆OffCanvas菜单
• title.php - 带有面包屑模块​​位置的页面的标题
• contact.php - 联系人（电话和电子邮件），您可以在大多数情况下在模板（前端）的右上角看到设置，并在基本选项卡
• social.php - 您可以在模板设置的“基本”选项卡中看到的社交图标
• footer.php - 版权部分，也可以在模板设置的基本选项卡中看到

在每个模板中，所选文件的源代码可能看起来不同，包括额外的功能。

字体文件夹

在大多数情况下，需要和传统的字体文件类型：

• FontAwesome
• IcoFont
• IcoMoon

您可以在模板设置中使用的Google字体不保存在本地，仅在Google服务器上。

HTML文件夹

Joomla有一个集成的工具，允许你复制组件和模块视图，创建覆盖。这可以从这个模板文件夹中完成，以避免黑客入侵Joomla！

该目录包含核心输出和模块镶边的模板覆盖文件。

在我们的所有模板中，我们都覆盖了核心组件的几个视图，如：

• 文章（com_content）
• 用户（com_users）
• 搜索（com_search）

和模块如：

• 文章类别
• 文章最新
• 菜单
• 登录
• 搜索
• 标签
• 面包屑

有时候还有JoomShaper模块，例如SP Simple Portfolio等

在该模块中，您还可以找到名为布局的文件夹- 其中包含两个子文件夹：joomla和helix3：

文件夹：templates \ shaper_helix3 \ html \ layouts \ joomla - 包含主要为Joomla元素和由Helix3创建的新特性覆盖，例如：

• 文章的修改
• 类别视图
• 阅读更多
• 标签
• 后期格式
• 社会评论
• 社会份额
• 信息块（作者，日期，类别等）

 ....

....

图像文件夹

此目录包含模板使用的所有图像，但不包含QuickStart演示网站（！）。例如，你会发现在这里：

• 默认favicon
• 默认模板标志
• 图形背景

JS文件夹

JavaScript的JS快捷方式 - 包含模板使用的附加功能的支持JavaScript。