WordPress 模板主题

版本：4.2.2

作者：

Matt Banks (@mattbanks / collectivthkg.com / mattbanks.me )

简介

这是一个用于构建定制WordPress主题的起始模板。它使用SCSS和AutoPrefixr，HTML5 Boilerplate结合Modernizr和Normalize.css，并通过Grunt执行所有处理任务。同时，借助BrowserSync同步本地开发设备上的更改。已测试至WordPress 4.0 RC1。

使用方法

该主题配置了Grunt来编译（带源码映射）SCSS，通过AutoPrefixr处理，检查、合并和压缩JavaScript（带源码映射），优化图片，以及用BrowserSync同步本地开发设备上的更改，同时可通过Gruntfile灵活添加其他任务。另外，你可以选择使用CodeKit或其他工具来编译SCSS和管理JavaScript。

将文件夹重命名为你的主题名称，修改style.scss开头部分以输入你的主题信息。在终端中打开主题目录并运行npm install获取所有Grunt依赖项。运行grunt执行任务。然后，按需编码。

如果你使用MAMP或Vagrant，需要在grunt browserSync任务中的proxy选项中设置与你的虚拟主机URL匹配的值。

• 编译assets/styles/style.scss到style.css
• 编译assets/styles/editor-style.scss到editor-style.css
• 合并并压缩assets/js/vendor目录下的插件和assets/js/source/plugins.js到assets/js/plugins.min.js
• 压缩和检查assets/js/source/main.js到assets/js/main.min.js
• ???
• 获益
• 将PNG图像添加到assets/images/sprites目录，通过引用在assets/styles/partials/_spritesheet.scss创建的类创建精灵图

要合并和压缩jQuery插件，请将其添加到assets/js/vendor目录，然后在Gruntfile的uglify任务中添加JavaScript文件名和路径。早期版本的主题会自动抓取vendor目录中的所有插件，但这一行为现在改变，以便实现更精细的控制，并允许使用bower管理插件和资产。

Bower

支持使用bower在assets/js/vendor目录安装和管理JavaScript依赖项。

部署

主题包括通过grunt-rsync的部署功能。Gruntfile包含了用于阶段性和生产环境的设置 - 修改路径和主机，然后运行grunt deploy:staging或grunt deploy:production通过rsync部署文件。

功能

1. 使用Normalize.css版本3（支持IE8+）进行浏览器兼容性标准化
2. 易于定制
3. 基于Chris Coyier工作的灵活网格系统
4. 使用SASS可以在每个选择器内嵌套媒体查询
5. 内置丰富的SCSS混合宏
6. 通过Grunt处理所有SASS，JavaScript和图像，以及利用BrowserSync跨设备刷新
7. 更多特性...

推荐插件

• Yoast WordPress SEO
• Yoast的WordPress Google Analytics
• W3 Total Cache
• Gravity Forms
• Pods Framework

贡献指南：

欢迎大家参与贡献！请查看贡献指南。

贡献者：

• ddropik
• jjmu15

致谢

没有以下项目，这个WordPress模板主题就不会是现在的样子。

• HTML5 Boilerplate
• Normalize.css
• SASS / SCSS
• AutoPrefixr
• BrowserSync
• 无需深思熟虑的网格布局
• Underscores 主题
• Grunt