HELIX3 FRAMEWORK教程

Helix3教程

Helix3模板目录结构(Helix3教程)

用户评分: 0 / 5

不活动星星不活动星星不活动星星不活动星星不活动星星
 

了解如何添加自己的自定义设置,并详细了解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。

说点什么...
取消
你是一个访客 ( 注册 ? )
作为一个访客
加载评论... 注释将在之后刷新 00:00.

第一个发表评论

Search