WP Boilerplate is a boilerplate template for WordPress themes using Laravel Mix & SCSS, You can use it with any CSS Framework i.e Bootstrap, Tailwind etc.
Install Wordpress from Wordpress Website or using WP-CLI and Clone WP Boilerplate repo in theme folder, This will generate theme with folder name wp-boilerplate.
- Clone the repo
git clone https://github.com/ismailfarooq/wp-boilerplate.git && cd wp-boilerplate
- Run
npm install
- Run
npm run dev
to start developing
You will find the editable SCSS and Javascript files within the /assets
folder. that will generate the compiled version when you run NPM Scripts
Before you use your theme in production, make sure you run npm run production
. this will generate the final files that can be found in /dist
folder
There are several NPM scripts available. You'll find the full list in the package.json
Script | Description |
---|---|
dev | Creates a development build and watch for changes. |
production | Creates a production (minified) CSS & JS files and copy fonts & images from /assets folder into /dist folder |
To make the editing experience within the block editor more in line with the front end styling, a editor.css
is generated.
MIT & just click on star button 😊
Please see the License File for more information.