tonik / wordpress-theme-boilerplate
一个现代WordPress模板,用于构建有组织和标准化的主题
dev-master
2018-09-12 16:19 UTC
Requires
- php: >=5.2.4
Requires (Dev)
- squizlabs/php_codesniffer: 3.*
- wp-coding-standards/wpcs: 0.14.*
This package is not auto-updated.
Last update: 2024-09-27 19:22:30 UTC
README
模板旨在与大量PHP版本兼容,但仍包含用于开发主题的现代工具。
里面有什么?
- Gulp - 任务运行器
- SASS - CSS预处理器
- Babel - JavaScript ES6到ES5编译器
- Rollup - JavaScript模块打包器
- Stylelint - SCSS代码检查器
- ESLint - JavaScript代码检查器
- PHP_CodeSniffer - PHP代码检查器
前端构建器是从我们的html-frontend-boilerplate项目中借用的。
需求
模板遵循WordPress最低要求。在继续之前,请确保您已安装这些依赖项
- PHP >= 5.2.4
主题使用NPM作为前端依赖项管理器。请确保您的开发机器已安装以下依赖项
安装
WordPress主题位于wp-content/themes文件夹中。这是我们获取新启动文件的地方。
# Go to the `themes` directory of your WordPress installation. $ cd wp-content/themes
通过composer create-project命令创建项目。
$ composer create-project tonik/wordpress-theme-boilerplate <theme-name>
您也可以直接下载或克隆存储库到wp-content/themes目录。
# Clone repository to the <theme-name> folder. $ git clone -b master git@github.com:tonik/wordpress-theme-boilerplate.git <theme-name>
开发
使用Gulp任务运行器编译和优化主题的脚本、样式表和图像。
解决前端依赖项
在能够构建主题之前,您必须解决所需的依赖项。
# @ wp-content/themes/<theme-name> # Install node dependencies. $ npm install
现在您拥有所有必需的包来运行构建过程并开始开发您的主题。
构建主题
有几个可用的命令可帮助您为不同的环境构建主题
# @ wp-content/themes/<theme-name> # Compiles unminified and unoptimized theme assets with source maps. $ npm run development # Alias for `development` command. $ npm run dev # Compiles minified and optimized theme assets without source maps. $ npm run production # Alias for `production` command. $ npm run prod # Builds assets for development, runs watcher (recompiles on change) # and BroswerSync (refreshes browser). $ npm run watch
贡献
很高兴您考虑支持此项目。您有很多方式可以帮助我们成长。我们非常感激所有贡献,即使是微小的贡献。
- 报告问题
- 提出功能建议
- 发送pull请求
- 在GitHub上星此项目
- 在您的社区中介绍此项目
许可证
Tonik WordPress 主题模板在MIT许可证下发布。