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

General Discussion

Connecting Bootstrap Template to a Backend such as Wordpress

Hi,

Just to be upfront and honest - I am not a developer so sorry if this question sounds stupid :)

Basically, just started learning Bootstrap and really like it as it takes a mobile design first approach.

Anyway, from what I understand Bootstrap is just HTML, CSS and Javascript but isn't connected to a CMS as such so if you wanted to make any updates you would have to do it manually.

What I am looking for is a Bootstrap front end theme that is connected to a powerful CMS backend that enables me to update the pages easily and then also enable users to create new accounts and edit their own pages etc.

Just wondering if it is possible to do this by connecting Bootstrap to WordPress or does anyone have any other advice on this?

Thanks

Sorry also to add, I would also need to have an integrated payment gateway included so that users can be charged and receive payments etc.

2 Answers

Carl Evans
Carl Evans
11,679 Points

Hi franoprey. Thanks for your question.

I see you are learning Bootstrap, and seem to be enjoying the experience so far. That's great!

I also understand that you'd like to use your Bootstrap skills with a website that is powered by both Bootstrap and a CMS.

I believe what you're thinking of when you mention manual updates, is editing a dynamic site using a GUI, as opposed to editing code to make onsite changes.

"What I am looking for is a Bootstrap front end theme that is connected to a powerful CMS backend that enables me to update the pages easily and then also enable users to create new accounts and edit their own pages etc."

Ok. There are plenty of free Bootstrap themes for well known CMS, especially WordPress.

There are also courses on Team Treehouse, and an entire track devoted to WordPress Development, that I would highly recommend, should you wish to take your customisations further.

Just wondering if it is possible to do this by connecting Bootstrap to WordPress or does anyone have any other advice on this?

Absolutely, you can either purchase or download a free WordPress theme that uses Bootstrap. Just search Google for 'Bootstrap WordPress theme', or if you want to use your Bootstrap skills and learn some development skills, you can take the Team Treehouse course on 'WordPress Theme Development' alongside _s, a WordPress starter theme.

During the course, you'll learn how to enqueue stylesheets and scripts, which is what you'd need to do to add Bootstrap to a theme that doesn't already use it.

Here's the course: https://teamtreehouse.com/library/wordpress-theme-development

Here's the videos on how you can make a WordPress theme connect with Bootstrap:

  1. https://teamtreehouse.com/library/wordpress-theme-development/working-with-css-and-js-in-wordpress-themes/adding-css-to-a-theme-via-the-functionsphp-file
  2. https://teamtreehouse.com/library/wordpress-theme-development/working-with-css-and-js-in-wordpress-themes/how-to-link-to-js-from-functionsphp-file

In terms of payments, take a look at WooCommerce, or if you want to remain not a developer, just look for themes that support WooCommerce out of the box. One good plugin that may also help is called Paid Memberships Pro, which I've heard is highly recommended.

Let me know if you have any other questions?

Thanks for the advice Carl, really helpful!

Cheers

Carl Evans
Carl Evans
11,679 Points

Happy to help. You can mark a question solved by choosing a "best answer". Best of luck!