WordPress theme prototype with Gulp asset pipeline includes SASS, Uglify, Imagemin and more
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
img/favicons
js
scss
.eslintrc
.gitignore
LICENSE
functions.php
gulpfile.js
index.php
package-lock.json
package.json
readme.md
screenshot.png

readme.md

WordPress Theme prototype

Screenshot

with Gulp asset pipeline to automate build, clean and livereload your browser when code changes. Include all of these modern libraries:

  • Uglify
  • Concat
  • CleanCSS
  • Watch
  • Livereload
  • Imagemin
  • Autoprefixer

that's all enough for frontend developer who want to develop a WordPress theme.

👨🏻‍💻 Usage

  • Clone this project to your wp-content/themes and rename it as you want
  • run npm install
  • open gulpfile.js and update your banner string
  • run gulp and start coding
  • for production, don't forget to remove remote repository by git remote remove origin

⚠️ Header comment

Header comment in style.css is important when you developing WordPress theme. because WordPress will use this comment block to identify what theme is it, who made it, etc.

So if header comment is missing or incorrect, you will not see this theme in Appearance > Themes

Adding Libraries

When you want to use another libraries eg. bootstrap, magnific-popup, owl-carousel etc, to this project. Just install with npm install, bower install or yarn install like you used to. Then add the library stylesheet path to lib-css and javascript for the scripts.

don't forget to run npm run vendor every time when you added new library 🧐