Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

WordPress

Matt Lewis
Matt Lewis
5,970 Points

Bootstrap or Foundation Wordpress theme?

I'm getting comfortable with both Bootstrap and Foundation, and I would like to integrate them with Wordpress. I guess my question is, do I have to build a complete theme from scratch every time, or can I use an existing project made with them as a child theme? If so could anyone link me to any good tutorials on the subject, or what parent themes I should be using. I'm just not really sure how it works I guess.

4 Answers

Brian Goldstein
Brian Goldstein
19,419 Points

Fantastic starter theme, but I'd never recommend it to someone as their first theme. In fact, it even says as much in the Roots docs.

Brian Goldstein
Brian Goldstein
19,419 Points

No you do not have to build a theme from scratch each time (although it's a fantastic idea to build your own starter theme - which is not that difficult if you follow the guides here). There are literally dozens of free themes that use bootstrap or foundation. There's also been several treehouse blog posts about the relative merits of each. Personally, I like Bootstrap because, while not semantic, the mark-up is a little easier for me to remember. Unless a client demands one or the other, I'd get really good at the one you prefer and stick with it until you know it cold.

For foundation: lots of friends have told me they use Joints http://jointswp.com/

other options worth looking into: http://html5boilerplate.com/ which is probably most useful for webapps, but is very lean especially compared to bootstrap and foundation. See http://themble.com/bones/ for a complete wp theme.

http://www.getskeleton.com/ --- not really a UI frame work but excellent grid system

roots.io is fantastic and probably the single best collection of current practices IF you use the bedrock stack. It also uses a theme wrapper which helps keep your code DRY but is very difficult to wrap your head around if you've been cranking out themes for clients the "old-fashioned" way.

There's also http://semantic-ui.com/ which deals with the big headache of bootstrap - ridiculous bloated markup. Div itis and insane class names. (I don't find it that difficult to work around, but I cede the point).

Again, just pick one and get great at it.

If you're comfortably with both Bootstrap and Foundation and you know how to integrate them into WordPress I would suggest theming from a blank theme.

The way I work in my projects is code the HTML, CSS and JS using Bootstrap, Foundation or my own framework and then integrate that code into a blank WordPress theme. This way you have control over every aspect of the site and you are less likely to run into problems because of the parent theme.

Chris Coyier from CSS tricks has a blank starter theme you can download for free, I've been using that one on every WordPress site I've made.

You could build a foundation using a framework and make child themes on that one, but keep the parent theme basic enough to be able to customize it for your project.

Matt Lewis
Matt Lewis
5,970 Points

Do you think you could link me to the base theme?

Calvin Nix
Calvin Nix
43,828 Points

Hey Matt,

Since you are comfortable with both Bootstrap and Foundation I would suggest to go with Bootstrap. This is simply because Treehouse already has a course that shows how to implement Bootstrap design into your Wordpress website.

Thanks, Calvin