WordPress-Starter-Theme

WordPress 启动主题

主题已设置为使用 Grunt 编译 SCSS(带源映射),通过 AutoPrefixr 运行,检查代码,连接和压缩 JavaScript(带源映射),优化图像,并在本地开发设备之间同步更改,使用 BrowserSync,并通过 Gruntfile 灵活地添加任何其他任务。或者,您可以使用 CodeKit 或其他您喜欢的工具来编译 SCSS 和管理 JavaScript。

将文件夹重命名为您的主题名称,将 style.scss 引导块更改为您的主题信息。在终端中打开主题目录,并运行 npm install 以拉取所有 Grunt 依赖项。运行 grunt 以执行任务。按照自己的方式编写代码。如果您使用的是 MAMP 或 Vagrant,请在 grunt browserSync 任务中更改 proxy 选项,使其与您的 vhost 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
• ??
• 赚取利润
• 通过在 assets/images/sprites 中添加 PNG 文件来创建精灵图,并通过在 assets/styles/partials/_spritesheet.scss 中引用创建的类来使用

要连接和压缩 jQuery 插件,请将它们添加到 assets/js/vendor 目录中,并将 js 文件名和路径添加到 Gruntfile 中的 uglify 任务中。以前的启动主题会自动引入 vendor 目录中的所有插件,但现在已更改为允许更多的自定义。