Posted by April Sadowski and filed under Blog, Tips & Tricks, WordPress

So I’m used to Bootstrap for development and sometimes it just doesn’t offer the functionality I need. I decided to install Foundation for WordPress for a client (DARKOH, you can see the final project here) and see how it goes.

Since I don’t have Ruby and my setup is based on Roots, the commands I will use are a little different than what they direct. The big deal is I downloaded Foundation from the GitHub and dragged it into my wp-content/themes directory.

  1. Use the command npm install to get your node_modules folder
  2. Use the command npm install -g bower into the directory
  3. Use the command bower install to get assets for bowser
  4. Use the command grunt build to build out the assets (scripts, fonts, etc)

Once you do that, grunt watch and you’re all set!

About April Sadowski

Part designer and part developer, April has been working full-time for over a decade. She has a long line of ADDY Awards and published design and is the go-to person for HTML/CSS/LESS needs and front-end development. On her off-hours she can be found writing novels (she's published several), doing voice acting or audio production, or gaming. Find April at Stack Overflow

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>