_tw WordPress 主题生成器使用教程

_tw WordPress 主题生成器使用教程

1. 项目的目录结构及介绍

_tw 是一个用于生成 WordPress 主题的工具，它优化了现代开发流程，特别是结合了 Tailwind CSS。以下是项目的目录结构及其介绍：

_tw/
├── node_modules/          # Node.js 模块
├── src/                   # 源代码目录
│   ├── css/               # CSS 文件
│   ├── images/            # 图片资源
│   ├── js/                # JavaScript 文件
│   └── index.php          # 主入口文件
├── templates/             # 模板文件
├── theme.json             # 主题配置文件
├── package.json           # Node.js 配置文件
├── webpack.config.js      # Webpack 配置文件
└── README.md              # 项目说明文档

2. 项目的启动文件介绍

项目的启动文件主要包括 index.php 和 package.json。

• index.php: 这是 WordPress 主题的主入口文件，负责加载主题的基本资源和模板。
• package.json: 这个文件包含了项目的依赖信息和脚本命令，例如 npm install 和 npm run dev。

3. 项目的配置文件介绍

项目的配置文件主要包括 theme.json 和 webpack.config.js。

• theme.json: 这个文件用于定义主题的全局设置，如颜色、字体和布局等。
• webpack.config.js: 这个文件是 Webpack 的配置文件，用于管理 JavaScript 和 CSS 的打包过程。

通过以上介绍，您可以更好地理解和使用 _tw 生成器来创建 WordPress 主题。