Skip to content

Commit 7cc4b4c

Browse files
committed
Merge branch 'master' of github.com:micahblu/wp-foundation
2 parents b598db1 + a8cfc95 commit 7cc4b4c

File tree

1 file changed

+93
-0
lines changed

1 file changed

+93
-0
lines changed

README.md

Lines changed: 93 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,3 +2,96 @@ WP Foundation
22
===
33

44
A Wordpress theme based on Foundation 5 and Underscores
5+
6+
Please fork, copy, modify, delete, share or do whatever you like with this.
7+
8+
All contributions are welcome!
9+
10+
## Requirements
11+
12+
*You'll need to have the following items installed before continuing.*
13+
14+
* [Node.js](http://nodejs.org): Use the installer provided on the NodeJS website.
15+
* [Grunt](http://gruntjs.com/): Run `[sudo] npm install -g grunt-cli`
16+
* [Bower](http://bower.io): Run `[sudo] npm install -g bower`
17+
18+
## Quickstart
19+
20+
The workflow is setup to create a clean separation from your source code and actual dist version of the theme. I use some grunt tasks as build tools to help accomplish that goal.
21+
22+
The default grunt task will build your dist ready version in a folder called dist in the project's root directory. If you're working localhost and the project is in the wp-content/themes folder you may want rename the project dir (the one you're working in) to something like `my-theme-dev` and set the rsync dist destination to `../my-theme`.
23+
24+
```bash
25+
cd my-wordpress-folder/wp-content/themes/
26+
git clone git@github.com:micahblu/wp-foundation.git
27+
mv wp-foundation your-theme-name
28+
cd your-theme-name
29+
npm install && bower install
30+
grunt
31+
```
32+
33+
While you're working on your project, run:
34+
35+
`grunt`
36+
37+
And you're set!
38+
39+
Check for Foundation Updates? Run:
40+
`foundation update`
41+
(this requires the foundation gem to be installed in order to work. Please see the [docs](http://foundation.zurb.com/docs/sass.html) for details.)
42+
43+
44+
## SASS
45+
46+
All SASS files are located at `src/assets/sass`. the default grunt task will genereate a style.css from that for you.
47+
48+
## Bower and vendors dir
49+
50+
Front End packages are managed by Bower and loaded to `src/vendors`
51+
52+
See [Bower](http://bower.io) for details
53+
54+
## How to get started with Foundation
55+
56+
* [Zurb Foundation Docs](http://foundation.zurb.com/docs/)
57+
58+
59+
## Deployment
60+
61+
Below is the grunt deploy task configuration, the dist task actually creates a local dist ready version just outside the project root. This allows you to work localhost host and select the theme from the admin. The stage task actaully deploys to a remote server ready to wow adorning fans.
62+
63+
_Warning_ Do not name the dist dest: to the same name as the project dir you're working in, you'll erase your entire working project with dist ready version. Yikes
64+
65+
```js
66+
rsync: {
67+
options: {
68+
args: ["--verbose"],
69+
exclude: [".git*","*.scss","node_modules"],
70+
recursive: true
71+
},
72+
dist: {
73+
options: {
74+
src: "./dist/",
75+
dest: "../wp-foundation/"
76+
}
77+
},
78+
stage: {
79+
options: {
80+
src: "dist/",
81+
dest: "/path/to/wordpress/wp-content/themes/wp-foundation/",
82+
host: "user@site.com"
83+
}
84+
}
85+
}
86+
```
87+
88+
89+
90+
## Learn how to use WordPress
91+
92+
* [WordPress Codex](http://codex.wordpress.org/)
93+
94+
## Demo
95+
96+
* [WP Foundation Demo](http://lab.micahblu.com/wp-foundation)
97+

0 commit comments

Comments
 (0)