Base Foundation for Wordpress (with Joints Theme) (v4)
#####PRIOR TO FIRST USE (if you don't have these below installed already): You will need to make sure you have the following installed to your machine (via Terminal):
Install NPM first: http://nodejs.org/download/
Then Bower:
$ npm install -g bower
And Bourbon:
$ sudo gem install -g bourbon
#####AFTER ABOVE DEPENDENCIES ARE INSTALLED:
Install this repo into your code directory:
$ cd your/development/directory/
$ git clone git@github.com:wadehammes/base-foundation-wordpress.git
// Move them into your project directory
$ cp -i base-foundation-wordpress /your/project/directory/
NOTE: you may have to precede these next commands with 'sudo' if they are ERRoring on you.
Install the Node Modules into the project:
$ npm install
NOTE: if you get an error about node-sass not being installed, take a look at this Stack Overflow (and the answer): http://stackoverflow.com/questions/29461831/libsass-bindings-not-found-when-using-node-sass-in-nodejs
Install the Bourbon library into the theme directory project:
$ cd wp-content/themes/base/
$ bourbon install
$ bourbon update
Run Gulp:
$ gulp
Your project should compile successfully.
In order to optimize your SVG
$ gulp svg
In order to optimize your images
$ gulp images
In order to update packages:
$ cd wp-content/themes/base/ bourbon update
$ bower update
$ npm update
To fix breaking NPM builds
$ npm rebuild
Launching Wordpress
To get up and running, you will need to setup an environment using MAMP, download it here.
Once installed, point your MAMP to the site/ directory, and then visit it in your browser at:
http://localhost:8888/
You will then be asked to start setting up your config files. At this point, you should use MAMP to acces your local databases (click the MySQL tab, and launch PHPMyAdmin, and create a new database), and fill out the respective information into the config setup.
Once you are setup and logged in, upgrade Wordpress to the latest version, and then click Appearance -> Themes, and Activate the Base Joints theme. You should now see a bare website at the url above.
Styling and Coding
All theme development is done in the assets/ directory within the base theme.
Make sure you have Gulp running (outlined above).