Neat is an advanced WordPress Base theme which uses Gulp, Sass etc. with auto theme package builder.
PHP CSS JavaScript
Latest commit b961c61 Jun 29, 2016 @ahmadawais Minor update πŸ’―
Permalink
Failed to load latest commit information.
assets Changed the style.scss theme info Jun 11, 2015
neat
.bowerrc Initial Commit Jun 5, 2015
.gitignore Initial Commit Jun 5, 2015
404.php Initial Commit Jun 5, 2015
LICENSE Initial commit Jun 5, 2015
LICENSE.md Minor update πŸ’― Jun 28, 2016
README.md Minor update πŸ’― Jun 28, 2016
archive.php Initial Commit Jun 5, 2015
bower.json Initial Commit Jun 5, 2015
comments.php Initial Commit Jun 5, 2015
footer.php
functions.php Initial Commit Jun 5, 2015
gulpfile.js
header.php Initial Commit Jun 5, 2015
index.php Initial Commit Jun 5, 2015
package.json Minor fixes Jun 17, 2015
page.php Initial Commit Jun 5, 2015
screenshot.png Initial Commit Jun 5, 2015
search.php Initial Commit Jun 5, 2015
sidebar.php Initial Commit Jun 5, 2015
single.php Initial Commit Jun 5, 2015
style.css
style.min.css Changed the style.scss theme info Jun 11, 2015

README.md

Neat

Neat is an advanced WordPress Base theme which uses Gulp, Sass etc. with auto theme package builder.

Neat

Features

  • Saas
  • Gulp
  • Bower
  • Custom architecture design
  • Theme zip file build with Gulp
  • Lean PHP files with next to no syntax

Getting Started

  1. Grab a copy of this theme or Clone this theme, E.g. go to the themes folder then run git clone https://github.com/ahmadawais/neat neat

  2. You need Node.js & NPM installed if you haven't installed it, go ahead and install Node.js first. Once you have Node installed, the next steps are simple enough.

  3. Install the Dependencies β€” Open a command prompt/terminal and navigate to your theme's root directory and run this command: npm install - This installs all the necessary Gulp plugins to help with task automation such as Sass compiling and browser-sync! You'll need to run this step on each of your projects, going forward.

  4. Set your project configuration in gulpfile.js!! Be sure to go into gulpfile.js and setup the project configuration variables. This is important for using Browser-Sync with your project. Make sure in gulpfile.js that you set the project variable to the appropriate name for your project URL. Default is "yourlocal.dev"

  5. Install Bower - In the command prompt/terminal run this command: npm install -g bower. This installs Bower (the -g flag installs globally, not just in the current directory, super friends). Your only need to do this step once.

  6. Run gulp command in the root folder of your theme and it will start generating CSS from Sass and everything else

  7. Run gulp images to optimize images and only place the images in assets/img/raw/ folder, they'll moved to assets/img/ once optimized

  8. To build an installable zip file of your theme, use command gulp build and your project.zip file will be created as well as a buildTheme folder, where you can see what was zipped.

License

Released under GPL v2.0