文件结构

了解基于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 在手机上保存网站书签时显示。替换文件即可改变图标。