The perfect base WordPress theme

If you like using Bootstrap and WordPress as much as I do, you should now have the perfect base WordPress theme to start any project moving forward. At this point, our WordPress theme has all the Bootstrap components and features, several custom page templates, styled comments, Font Awesome, custom functions, and much more.

In the following video, I go over how you can use this base theme for your WordPress projects and how you can quickly add a custom homepage to the theme.

Steps

  1. Create a new file called template-homepage.php in the root of your WordPress theme with the following code:
  2. Go over to getbootstrap.com and get the example Jumbotron code and add it to the template-homepage.php file. It should now look like the following:

  3. Go into the WordPress Dashboard and create a new Page using the Homepage template
  4. Go to Settings -> Reading from the WordPress Dashboard
  5. Set the “Front Page” to the newly created Homepage from step 3
  6. Optional: Set the “Posts Page” to display on any page you would like
  7. Reload the front-end of your WordPress site and check out the new homepage!

Notes from the Video

I used the Jumbotron from the Bootstrap example template that you can find here. You can also read more about the Bootstrap Jumbotron component here.

What’s Next?

Now that we have our base WordPress theme complete, the next step is to add a theme options panel and start creating different settings to the theme. The next series of tutorials will really start adding functionality to our premium WordPress theme.

Feedback

Please let me know what you think of this tutorial and if you need help with anything.

  • Rob

    Hi Brad. I just wanted to say – what an awesome tutorial series this is. Intuitively ordered, expert and helpful, and worth every penny. I’m so glad I found this. Your explanations have cemented a few things in my mind and I’ve learned plenty of new things along the way. Can’t wait to get started on the second series later tonight! Thank you so much 🙂

    • Rob, glad you are enjoying the tutorials! Please let me know if you have any questions.

  • Eric Young

    Hey Brad, Love the tutorial!!! Is there any way to download our progress thus far. I feel like I did good I had to change a few functions here and there.

    • Eric, I didn’t list the files to be downloaded because people would just jump to this tutorial and download the theme up to this point and skip over anything they couldn’t figure out. Part of learning is making mistakes, getting frustrated, and figuring out where and why something isn’t working.

      With that said, if you want the files, use the contact form to send me an email and I will send them over. But again, if you really want to learn how to build WordPress themes I would suggest downloading the starter theme that I provide in the first tutorial and going step-by-step over each tutorial again. If you have to change something, investigate and understand why you are making the change.

      Glad you are enjoying the tutorials! Let me know if you have any questions.

      • Eric Young

        Thanks! You rock!

  • Jake Blake

    Thanks Brad, I followed thorough with each lesson and now I have a great base theme to work from!

    I’ll be attempting a customized theme with fixed headers and footers, a jumbotron, portfolio sliders, and a custom blog page to display posts in a boxed grid fashion, as well secondary blog page filtered to display only one category of posts. So your next track of moving HTML to WordPress is going to be invaluable. I’m also eager for the Sass/Bootstrap tutorial you have in queue.

    Thanks Brad for sharing all your hours of hard work.

    • Jake, It’s great you are making your way through the tutorials! Glad you are enjoying them and I can’t wait to see what you create.

  • frede_z

    Hi Brad. I completed Series one today. I’m really looking forward to Series two now! I really appreciate all the hard work you’ve put into these tutorials.

  • Arturo Wibawa

    Hi Brad, thanks for the tutorials! Keep them coming. I have a question on Page Attributes inside the dashboard. It doesn’t display the templates dropdown option. What do you think is going on here?

  • Hi Brad,
    I completed this serie today and I just want to say: Thank you. Probably the best serie as I have seen for now. I am really looking for your next series. Excellent work.

  • Yeah me too : THANK YOU it’s was instructive it was amazing. I can’t wait to watch the other series. I start tomorrow !!!

  • Florian Meister

    Hi Brad,

    thanks for the tutorials. I’m working with wordpress since 2 years, but was limited to modify existing themes and to blow it up with plugins to be able to deliver the site the client wants. It’s hard to fill all the missing knowledge on your own, but these tutorials made it very easy. Even if not everything was new to me, i learned to understand how things work and this will help me to avoid trial and error modifications. 🙂

    2 days for the first course. Tomorrow I will continue with the next one. I will recommend your site to my friends which are also sometimes struggeling with basics. 🙂

    See you in one of my next comments.

    P.S: Some of the code from underscore has changed. But it is still do-able if the learners are not only copy&pasting. Errors are the best way to learn.

    • Glad you are enjoying the tutorials. Yeah, underscores changes up their code from time to time. That is why I include the theme I start with so you can follow along with the same theme I am working with.

      As you stated, if you attention and understand what I am doing throughout the tutorials there is no reason why you shouldn’t be able to use any version of underscores.me.

      I agree, errors messages and things not working as you expected is the best way to learn. Helps you understand how to debug code and research solutions.

  • David Sharkey

    Hi Brad,

    Thanks so much for these tutorials. As I was getting in to theme development I was frustrated at the lack of in-depth tutorials on the subject. Then I found your site, and it was exactly what I was looking for.

    I’ve taken what you taught in the first course and built my first theme. You can see it here: http://davidsharkey.net/spotless/
    It’s a little rough around the edges, and definitely not fit for sale to the public! But it puts a lot of the things you teach in to practice and I’m happy with it for a first attempt.

    Onwards to custom post types 🙂

    • Wow! That is very nice for your first theme! I am very impressed. Great work. I look forward to seeing what else you come up with.

  • Craig Chapman

    Hi Brad,
    I failed to backup my base theme and simply continued on. Everything works great but I would really like to get a copy of the base theme. I know I could start again and build it, however it looks as though you have sent a copy to some other members and I hope you can do the same for me.
    Thanks

    • I replied to your email and attached the base theme files.

  • bevon

    Hi Brad, So i started from scratch like we discussed last week and everything is working fine except my pages and posts are blank and not showing the content. My sidebar is fine. I believe i messed up my page.php or my content.php and I cant seem to figure out what i did wrong: http://bevonfindley.com/meet-the-doctor/

    • Have you tried turning on WP_DEBUG in your wp-config.php file to TRUE? That will help display the php errors you have. Moving forward, please ask your support questions in the forum.

  • Alex Nadiradze

    Hi can i get base theme( for Converting a HTML template into a WordPress) tutorials?(