WordPress入门主题技术文档

1. 安装指南

首先，你需要将WordPress入门主题文件夹重命名为你的主题名称。接着，打开主题目录，在终端中运行npm install命令，以安装所有的Grunt依赖项。安装完成后，执行grunt命令开始任务。

确保你已经安装了Node.js和npm。如果使用MAMP或Vagrant，你还需要将grunt browserSync任务中的proxy选项更改为匹配你的虚拟主机URL。

2. 项目的使用说明

该主题使用Grunt自动化构建流程。以下是基本的使用步骤：

• 将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中引用生成的类

你还可以使用bower来安装和管理JavaScript依赖项。

3. 项目API使用文档

本项目使用Grunt作为构建工具，因此所有API使用均与Grunt任务相关。以下是一些关键任务：

• grunt：执行默认任务，编译SCSS，压缩JavaScript和优化图像。
• grunt deploy:staging：部署到预览环境。
• grunt deploy:production：部署到生产环境。

在Gruntfile中，你可以自定义任务，添加新的构建步骤或优化流程。

4. 项目安装方式

本项目可以通过以下步骤安装：

1. 克隆或下载WordPress入门主题到本地。
2. 重命名文件夹为你自己的主题名称。
3. 更改style.scss文件头部信息，添加你的主题详情。
4. 在主题目录中打开终端。
5. 运行npm install安装Grunt依赖。
6. 执行grunt运行构建任务。

通过以上步骤，你就可以开始使用WordPress入门主题进行开发了。