https://github.com/irmantastam/wp-blank

Blank WordPress theme for building custom frontend code
https://github.com/irmantastam/wp-blank

blank-wordpress-theme css eslint html javascript php sass scss stylelint theme webpack wordpress wordpress-theme

Last synced: 5 days ago
JSON representation

Blank WordPress theme for building custom frontend code

• Host: GitHub
• URL: https://github.com/irmantastam/wp-blank
• Owner: irmantastam
• Created: 2017-01-07T16:34:02.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2024-02-29T20:31:47.000Z (9 months ago)
• Last Synced: 2024-04-17T04:48:48.156Z (7 months ago)
• Topics: blank-wordpress-theme, css, eslint, html, javascript, php, sass, scss, stylelint, theme, webpack, wordpress, wordpress-theme
• Language: PHP
• Homepage:
• Size: 620 KB
• Stars: 10
• Watchers: 3
• Forks: 5
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
 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.



![WordPress logo](/src/screenshot.png "wp-blank WordPress theme")

 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.