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

Posted by jason tropf
jason tropf
3,319 Points

How do I change a bootstrap template into a Wordpress theme?

I was looking for bootstrap themes for wordpress which were all pretty bland and somehow I got off track and accidentally ended up purchasing a regular bootstrap template. The template is awesome but I really need the Wordpress dashboard integrated.

Any idea how to combine them?

5 Answers

Graham Davidson
PLUS
Graham Davidson
Courses Plus Student 14,966 Points
Graham Davidson
Graham Davidson
Courses Plus Student 14,966 Points

Bootstrap is basically just a CSS Framework so you just need to make a style.css file for Wordpress with the usual style.css requirements and upload pages as you would normally for Wordpress

This is a site I did in that way.

Hope that is of use

G

Kester Browne
Kester Browne
24,414 Points
Kester Browne
Kester Browne
24,414 Points

Nice looking site design. Are you keeping those colors though?

Kevin Korte
Kevin Korte
28,148 Points
Kevin Korte
Kevin Korte
28,148 Points

Start doing this: http://teamtreehouse.com/library/websites/how-to-build-a-wordpress-theme

Zac Gordon doesn't use bootstrap, but it'll be easy for you to follow along using the bootstrap framework.

Daniel Lewis
Daniel Lewis
1,437 Points
Daniel Lewis
Daniel Lewis
1,437 Points

Moved this thread to the Wordpress topic. Just a reminder that questions posed in General Discussion can not be marked with a best answer.

Carley Morrow
Carley Morrow
547 Points
Carley Morrow
Carley Morrow
547 Points

Are there any plans to create a Bootstrap 3 version of the tutorial (or even a course built into Treehouse?)

Zac Gordon
Zac Gordon
Treehouse Guest Teacher
Zac Gordon
Zac Gordon
Treehouse Guest Teacher

Hi Carley!

The current tutorial should still apply even with the latest version of Bootstap. If you notice changes or things that don't work or apply, let me know and I can post an updated version.

There aren't any plans to incorporate how to build a Bootstrap theme into a course or WordPress videos. Here's why:

  1. Our WordPress theme development courses are going to start with an already built theme since we wouldn't get into how to build an HTML and CSS site, we would just jump straight into converting an existing static design into a WordPress theme.
  2. If you follow the tutorial and then follow our theme building project you should have no problem taking whatever you build with Bootstrap and convert it into a WordPress theme.

I think a better approach would be if we taught how to build a responsive site using Bootstrap. As far as I know there aren't plans for this either since our responsive courses cover more how to build responsive sites from scratch.

That said it could make for a good workshop or one off video. I'll pass the idea on to our teachers working with front-end design.

Hope this helps!

cc / Guil Hernandez Nick Pettit

Guil Hernandez
Guil Hernandez
Treehouse Teacher
Guil Hernandez
Guil Hernandez
Treehouse Teacher

Hey everyone,

As a matter of fact, I'm working on a Bootstrap 3 project right now! :) Check the roadmap soon for release dates.