1 8月, 2018

了解JOOMLA-HELIX框架的模板结构

了解如何添加您自己的自定义模板和HELIX3了解目的文件夹。下面是模板\ shaper_helix3文件夹结构的基础:

CSS文件夹

包括用于创建模板的布局和设计特点都创建一个CSS文件。在那里你会发现例子:引导3 x和字体真棒4 x风格。

在CSS \预置文件夹中你可以找到风格预设不同颜色的变种。它们在模板设置中使用。

使用自定义的CSS HELIX3给你机会去创造你自己的独特的设计,允许你自定义选定元素的外观(颜色、大小等)。请不要编辑template.css,legacy.css其他主CSS文件从HELIX3模板框架。因为你所有的变化将通过模板引擎被覆盖。

有添加您自己的自定义CSS一HELIX3模板至少两种方法(框架):

  • 从模板设置(有自定义CSS提交)
  • 或添加您自己的CSS创建在/ CSS文件夹Custom.css文件。

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

功能文件夹

此文件夹包含每个HELIX3模板主要部分源代码:

  • logo.php -所有应用类型标识源代码(图像、文本、移动)
  • menu.php菜单切换megamenu和offcanvas菜单
  • title.php -面包屑模块位置的页面标题
  • contact.php -联系(电话和邮件),你可以看到在大多数情况下,在顶部的模板位置(前端)和设置在基本选项卡
  • social.php -社会的图标,你可以看到在模板设置基本的标签
  • footer.php -版权部分,也可以看到在模板设置基本的标签

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

字体文件夹

在大多数情况下,有需要和遗留类型的字体文件:

  1. fontawesome
  2. icofont
  3. icomoon

谷歌字体,可以在模板中使用的设置不保存在本地,有在谷歌的服务器上。

HTML文件夹

Joomla有一个集成的工具,允许你复制组件和模块视图,创建覆盖。可以从这个模板文件夹,避免黑客Joomla !文件。在指导的更多信息:https://docs.joomla.org/How_to_override_the_output_from_the_Joomla ! _core

这个目录包含模板为核心模块输出和chrome覆盖文件。

在我们所有的模板,我们覆盖了核心组件的看法:

  • 文章(com_content)
  • 用户(com_users)
  • 搜索(com_search)

和模块:

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

和有时也JoomShaper模块:SP简单组合等。

在该模块可以找到文件夹命名布局——包含两个子文件夹:joomla和helix3:

文件夹:html模板\ shaper_helix3 \ \ \ joomla布局,包含主要覆盖由Helix3 joomla元素和新功能,例如:

  • 文章的观点
  • 分类视图
  • 阅读更多
  • 标签
  • 文章的格式
  • 社会评论
  • 社会分享
  • 信息块(作者、日期,类别等等)

….      ….

图片文件夹

这个目录包含所有图片使用的模板,而不是快速入门演示站点(!)。例如,你会发现:

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

JS文件夹

从JavaScript JS捷径——包含支持JavaScript使用的模板添加功能。

You may also like...

发表评论