文件结构
了解基于Warp 7 的主题是如何组织所有文件的。
文件/文件夹 | 描述 |
---|---|
/css |
包含主题的所有CSS文件。 |
/css/custom.css |
使用此文件轻易地加入自定义CSS。虽然推荐的方法是创建一个新的样式,以 make changes update proof. |
/css/ie8.css |
解决IE8上基本的兼容问题。 |
/css/theme.css |
包含主题的默认CSS。这个文件由 less/theme.less 编译而来。 |
/images |
包含主题中所有的图片。 |
/js |
包含主题中所有的JavaScript文件。 |
/js/theme.js |
为所有JavaScript效果和所有基于JavaScript的功能提供支持。 |
/layouts |
包含为主题布局负责的核心文件。 |
/layouts/theme.php |
为基础的主题布局提供完整的HTML标签。了解更多信息,见主题布局。 |
/layouts/theme.config.php |
包含布局计算器,配置主题的CSS和JS文件。Includes layout calculations and assembles the theme's CSS and JS files. |
/layouts/widget.php |
为小工具的所有变动提供支持。了解更多信息,见小工具/模块。 |
/less |
主题的所有LESS都保存在这个文件夹里。 |
/less/uikit |
包含所有UIkit主题的LESS文件。UIkit是个前端框架,见UIkit中文网。 |
/less/bootstrap |
包含所有Bootstrap相关的LESS文件(仅针对Joomla 3)。 |
/less/theme.less |
定义主题的样式并引入UIkit主题。每当你在主题设置中点击编译LESS(Compile LESS)时,这个文件便会被编译成CSS并保存在
/css 文件夹中。同时,所有的样式会被保存在/styles/STYLE-NAME/css 文件夹。
|
/less/customizer.json |
定义哪些定制器参数会被默认显示或显示在增强模式中。它集合了UIkit的变量,规定哪些可以被色彩选择器赋值,哪些可以直接输入或者用选择框添加字体等。 |
/less/bootstrap.less |
导入所有Boostrap相关文件(仅用于Joomla)。比如/less/theme.less
这个文件,每当在主题设置中点击编译LESS(Compile LESS),它便会被编译为CSS。 |
/styles |
你可以在这里找到所有可用的样式变种。还能添加你的定制样式。 |
/styles/STYLE-NAME/style.less |
通过定制工具对一些了LESS变量进行定制后生成。每当在主题设置中点击编译LESS(Compile
LESS)时,这些变量都会被用于编译CSS文件并保存在
/styles/STYLE-NAME/css 文件夹中。如果此文件不存在,将不会编译CSS文件,如果你想完全使用自定义CSS的话,这是很有帮助的。
|
/styles/STYLE-NAME/css |
包含你的样式中所有编译后的CSS文件,比如theme.css 文件,而仅对于Joomla 3还有额外的
bootstrap.css 文件。这些文件都是由定制工具编译生成的。
|
/warp |
这个文件夹包含真实的Warp 7 核心框架。 |
/CHANGELOG.md |
获取版本号等信息,以及更新日志。 |
/config.xml |
定义主题设置项。了解更多信息,见Config.xml文档。 |
/config.json |
储存被保存的主题设置。此文件在保存主题设置时自动生成。 |
/config.default.json |
默认主题设置的一个备份。 |
/config.php |
记录所有需要编辑为CSS的LESS文件。 |
/templateDetails.xml theme.xml |
这个文件包含主题的一般信息,比如名称,发布日期,目录描述和模块设置等。在Joomla中,它是
templateDetails.xml ,在Wordpress中,它是 theme.xml 。
|
/warp.php |
这个文件用于加载Warp框架。 |
/favicon.ico |
显示在浏览器标签栏。需要改变这个图标,替换此文件即可。 |
/apple_touch_icon.png |
在手机上保存网站书签时显示。替换文件即可改变图标。 |