slopesweb / wp-blank

Blank WordPress theme for building custom front-end

wp-blank

Blank WordPress theme for building custom front-end

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.

What's included?

• Webpack
• Babel
• SASS
• PostCSS
• Stylelint
• Eslint

Getting Started

• 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 install
• npm run watch - to watch for file changes and compile them on each save.
• npm run build - to build production bundles before deployment to server.

The build

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.