If you want to build your WordPress theme from scratch using your own HTML, CSS and Javascript, this is a right tool. Theme is designed to be as minimal as possible with freedom to modify it to the way you need. Use it as a starter pack for building custom front-end architecture of your project.
- Webpack
- Babel
- SASS
- PostCSS
- Stylelint
- Eslint
- Clone this repository into your WordPress project themes directory
.../wp-content/themes. - Navigate to the theme's root directory
.../wp-content/themes/wp-blank. - Execute the following commands:
npm installnpm run watch- to watch for file changes and compile them on each save.npm run build- to build production bundles before deployment to server.
It will build CSS and JS bundles into theme's /src/dist directory based on sources inside /src/js/main.js for Javascript and /src/assets/styles/main.scss for styles.
Compiled bundles are already registered in theme's functions.php file, so no additional configuration is needed.
You can modify templates for your own projects in a way you need and start focusing on building your theme immediately.