LOADING

Type to search

Design Development

WordPress Theme Development with Bootstrap

Education May 12

Learn how to confidently develop custom & profitable Responsive WordPress Themes and Websites with no prior experience.

Instructor: Brad Hussey

Off Hey everybody. Welcome to the first lecture of Boost Your Income with Bootstrap to WordPress.

I’m your instructor Brad Hussey. Hang on tight. All right, hey everybody. First of all I want to welcome you to the course and thank you so much for signing up. I truly appreciate it. Let me tell you why you made the right decision for choosing me and this course, Boost your Income with Bootstrap to WordPress.

I’ve spent a whole block of time, hours and hours and hours, putting this course together. And I’ve spent even more hours learning these skills throughout my career, so that I could put it together in this course for you. The reason why I want to teach you this is because, not only is it just a really fun, cool skill to learn. Learning to code or learning how to create a website and, you know, and develop a WordPress website. Sure, that’s great. But, just learning how to code a website in Bootstrap and how to code a WordPress website, standalone those are just skills. They’re just stand alone. There’s nothing really important about that. What’s really special about those skills when you put them together and then when you take them in this course is you can significantly increase you income. You can improve your life by knowing how to do what I’m about to teach you in this course.

Why are you wondering that? Well whether you’re a freelance designer, an entrepreneur, an employee for a company, code hobbyist or just looking for a new career, this course gives you an immensely valuable skill. That will enable you to either make money on the side. So that you can save up for that Hawaiian vacation that you’ve been wanting. Help pay off your debt, your car, your mortgage or simply just to have some bonus cash laying around or to create a full time income.

WordPress developers, they have options. Menu developers, they make a generous living, creating custom WordPress themes and selling them on websites like Theme Forest. Freelance designers and developers can also take on WordPress projects and then make an extra one to five thousand a month, that’s pretty awesome. So yes, we’re going to learn how to code a website, a responsive website in boot strap and we’re going to make it dynamic with the content management system using WordPress and that’s awesome.

But where the goods really come into play is that when you’re done this course, you can make your money back tenfold in a single project. You could create a career out of this. You can improve your current career. You can get a raise at your job, or you can get a better job.

You can stop waiting tables if you’re actor, and you can take on side jobs as a web developer, and make way more money than you would ever make serving espressos or pizza. So what I’m trying to say here is you made the right decision, because, one, you’re learning a really neat skill.

Bootstrap and WordPress, web development, that’s awesome. But, two. You’re going to have a valuable skill that you will have with you forever, as long as you keep it up to date I suppose, but you could take that and change your life. It’s changed my life. And, I wanna share that with you in the form of a really well structured course. So I hope I live up to my excitement. Obviously you can do what you wish with the course.

You can take the course and leave a review and say great, that was fun brushing up on my bootstrap skills. Or you can take it and run and significantly improve your quality of life, your income, or just have a lot of fun. So, yeah, I really hope you love this course.

I’ve designed it in a way that you will love it, and if you don’t, if it doesn’t live up to your expectations, or my excitement, then, well, you have 30 days here to just get your money back. So there really is no risk. I’m excited to teach you.

Let’s jump in.

What is this course teaching

  1. Have the skills to start making money on the side, as a casual freelancer, or full time as a work-from-home freelancer
  2. Easily create a beautiful HTML & CSS website with Bootstrap (that doesn’t look like generic Bootstrap websites!)

  3. Convert any static HTML & CSS website into a Custom WordPress Theme

  4. Have a thorough understanding of utilizing PHP to create WordPress websites & themes
  5. Feel comfortable with the process of turning static websites into dynamic WordPress websites
  6. Fully understand how to use Custom Post Types and Advanced Custom Fields in WordPress
  7. Allow your clients to update their websites by themselves by creating user accounts

Course Details

Do you want to supercharge your HTML, CSS & PHP knowledge and learn how to turn them into a real business that can make you more money as a freelancer?

Whether you’re a freelance designer, entrepreneur, employee for a company, code hobbyist, or looking for a new career — this course gives you an immensely valuable skill that will enable you to either:

Make money on the side

So you can save up for that Hawaiian vacation you’ve been wanting, help pay off your debt, your car, your mortgage, or simply just to have bonus cash laying around.

Create a full-time income

WordPress developers have options. Many developers make a generous living off of creating custom WordPress themes and selling them on websites like ThemeForest. Freelance designers and developers can also take on WordPress projects and make an extra $1,000 – $5,000+ per month.

Who Should Take This Course?

Graphic & Web Designers

Graphic designers are extremely talented, but ask them to code their designs and they’ll freeze up! This leaves them with no other choice but to hire a web developer. Any professional graphic designers knows web developers can be expensive.

If you’re a designer, learning to code your own WordPress websites can change your business entirely! Now, not only are you a great designer, but you’re a skillful developer, too! This puts you in a position tomake an extra $1,000 – $5,000 per project.

Entrepreneurs

Entrepreneurs have big dreams, and in many cases, shoestring budgets. In order to survive in the cut-throat world of the Startup company, it’s a necessity to have a world-class website. However, world-class websites come with a large price tag.

If you can learn how to build a high-quality startup website by yourself, then you’ve just saved yourself a lot of cash, tens of thousands of dollars in many cases.

Employees of a company

Any company knows the education & training of their employees is key to a thriving team.

Depending on the type of company you work for, if you understand how to code, and can develop CMS driven websites, that gives you negotiating power for a better position, or a higher salary.

Code Hobbyists

It’s fun to learn challenging new skills. Code hobbyists can add dynamic websites to their arsenal of tools to play with — you can even sell WordPress themes and plugins for cash! The possibilities are truly endless.

People Looking for a New Career

Are you out of work? Looking for a more rewarding job? Desire a career that can allow you to work almost anywhere in the world? Becoming a Web Developer might be the answer for you.

Web developers are paid well, anywhere from $33,000 to more than $105,000 per year. They get to work at amazing companies that are changing the world, or they enjoy the ability to start their own companies, become location-independent and work from home, from coffee shops, in an airplane, on the beach, or wherever they want!

Final Project Features

Throughout this entire course, you work towards building an incredibly beautiful, 100% custom website using the Bootstrap framework. The coolest part? The Bootstrap website doesn’t look anything like the Bootstrap websites you see all over the Internet. It’s a highly customized design, and the type of website layout I use when I build custom WordPress websites for my real-life clients.

The final project features:

Sexy & Modern Design

You get to work with a modern, professional quality design & layout.

Quality HTML5 & CSS3

You’ll learn how hand-craft a stunning website with valid, semantic and beautiful HTML5 & CSS3.

Easy-to-use CMS

Allow your clients to easily update their websites by converting your static websites to dynamic websites, using WordPress.

You can dramatically increase your efficiency, and supercharge your web development skills. And by doing so, you’ll effectively be able to take on more projects, charge higher rates, and make more money as a freelancer.

Why take this course?

I don’t mess around. I do this for a living, and I’m sharing you my exact process for making a comfortable living as a work-from-home web developer. There is absolutely no filler in this course, no fluff, just 100% quality content, nothing less. If you take this course, follow my lead, and take action — I guarantee you will not only love the course, but you’ll see real results; you will have the skills & confidence to take on WordPress projects for clients, charge more money, and make the value of the course back in a single project. If you hate the course (which you won’t) you have 30-days to get a 100% refund — no risk, no problem.

Stop wasting time, and come learn with me! Enroll today!

Who this course is for:
  • This course is for those who are self-driven and take action! The skills you will learn in this course will allow you to create an income on the side, or build a full-time business creating custom WordPress websites for clients.
  • Do you have a basic understanding of HTML, CSS and PHP? This course will supercharge those skills and turn them into incredibly valuable assets.
  • If you don’t have a basic understanding of HTML, CSS or PHP, you’re going to have a difficult time with this course, and should brush up on those skills before investing in this course.
  • This course is probably not for you if you don’t like humour, fast-paced hands-on learning, or learning skills that can change your life.
  • This course is for those who want to start a web development business on the side, or full-time as a work-from-home freelancer.
  • This course is probably not for you if you don’t like humour, fast-paced hands-on learning, or learning skills that can significantly improve your business or even change your life.
  • If you like the idea of creating an income on the side, learning to code custom WordPress websites with a framework like Bootstrap is a surefire way to get yourself some extra freelance gigs.

What's ın Course Content

Getting Started With This Course

Welcome To The Course! You Made The Right Decision
Welcome to Boost Your Income with Bootstrap to WordPress!

In this lecture, I’ll make it clear to you why you made an incredibly smart decision. I cover a few important points, including:

  1. How learning WordPress can boost your income by $1k – $5k, or more!
  2. How anyone from a graphic designer, to a self-employed entrepreneur can greatly improve their career by taking this course.
  3. How you’ll make the value of this course back tenfold in a single, paid WordPress project.
The (Beautiful) Final WordPress Website You Are Going To Build In This Course
In this lecture, we’re going to take a look at the final WordPress website we’re going to have built by the end of the course. You’ll see:
  1. The beautiful, custom home page
  2. Dynamic testimonials
  3. How to edit the logo in the WordPress customizer
  4. The custom blog page
  5. How to add dynamic resources
  6. Contact page
  7. The WordPress admin panel
What is Bootstrap? And Why Mastering It Will Save You Hundreds of Hours
Bootstrap is the most popular front-end framework on the web today. In this lecture, I talk about how learning to properly use Bootstrap can save yourself hundreds of hours, and increase your work output by up to 100%.
Bootstrap Pop Quiz
Test your knowledge about Bootstrap.
What is WordPress? And Why You Should Care So Much About It
With millions of websites powered with it, WordPress is the most popular free CMS software on the web. WordPress powers websites for The New Yorker, Beyoncé, Smart Passive Income with Pat Flynn, John Mayer, and even my own blog! WordPress gives you the ability to create robust websites that allow your clients to update their website by themselves.Learning it is easy if you have the right person showing you how — that’s where I come in!

– – –

Please note:

At the end of this lecture I may mention what’s coming up in the next lecture, and then you’ll see that you are all of a sudden a few lectures ahead based on the Lecture # – don’t worry, those lectures have been moved to the very end of the course. Why? They’re not entirely important for learning how to code WordPress websites. This new arrangement just lets you get into the goods quicker!

WordPress Pop Quiz
A few questions to keep you make sure you’ve listened to the past 4 lectures 🙂

Environment Setup: Get Your Project Started

Free Download: The Bootstrap Framework
Free Download: The Final Course Files + WordPress Theme!
Setting Up Your Project Environment

Bootstrap Templates: The Home Page

Code The Basic Webpage Layout
Adding External Scripts to Your HTML Document
Install Free Icon Fonts with FontAwesome
Install Free Web Fonts with TypeKit & Google Fonts
Code the Header and Navigation Sections
Code the Hero Section
Style the Hero Section with CSS
Learn How To Create The Parallax Scrolling Effect in Less Than 5-Minutes
Learn to Code a High-Converting “Opt-In” Section
Learn How to Create a Modal Popup using Bootstrap
Code the “Boost Your Income” Section
Code the “Who Should Take This Course” Section
Code the “Course Features” Section Using CSS Sprites
Code the “Final Project” Section
Code the Featurette Section and Embed a YouTube Video
Code the Instructor Section (Plus BONUS Elvis Impressions!)
Code Beautiful CSS3 Circles
The Simple Trick to Vertically Align Your Content Within an Element
Code the Testimonials and Learn to Turn Square Images into Circles using CSS3
Code the Sign Up Section
Code the Footer
Responsive Media Queries & General CSS Cleanup

Bootstrap Templates: The Blog Overview

Code the Basic Markup Structure
Code the Blog Excerpts with HTML
Style the Blog Excerpts with CSS
Code and Style the Sidebar & Widgets

Bootstrap Templates: The Blog Posts

Code the Blog Post
Code the Comments Section

Bootstrap Templates: The Resources Page

The Importance of a Resources Page
Code the 3-Column Layout Resources Page

Bootstrap Templates: The Contact Page

Code the Contact Form

WordPress Theme: Set Up

Download the Latest Version of WordPress
Create Your “Underscores” Starter Theme
Install WordPress on Your Local Machine in Under 5-Minutes
Installing Your Underscores Theme
Convert Your Static Header to a Dynamic Header
Cover Your Assets (Adding Your Styles, Scripts, Fonts & Images)
Clean Up Your Stylesheet & Modify Your CSS for WordPress
Convert Your Static Footer to a Dynamic Footer


Convert Your Static Templates: Home Page

Create a Home Page WordPress Template
Code the Hero & Use “Custom Fields” for Extra Info
Amazing Plugin: Advanced Custom Fields
Code the “Boost Your Income” Section with Advanced Custom Fields
Code the “Who Should Take This Course” Section with Advanced Custom Fields
Amazing Plugin: Custom Post Types UI
Add “Course Features” Using CPT & Advanced Custom Fields
Add the “Project Features” with Custom Post Types UI
Code the Instructor Section with Advanced Custom Fields
Code the Testimonials with Custom Post Types
Clean Your Template Using get_template_part()

Convert Your Static Templates: Resources Page

Create a Custom Resources Template
Add a Feature Image, and a Fallback Image
How to Add a Resource and Display It In Your Custom Theme

Convert Your Static Templates: The Blog

Easily Set Up Your Custom Blog Index Page
Code Your Individual Blog Excerpts
Code the Full Blog Post
Style and Customize the Comments Section
Customize the Archive Template
Customize the Search Results Template

Convert Your Static Templates: Contact Page

Create & Customize a Full Width Template
Install Contact Form 7 Plugin and Add Your Custom Form

Finalize Your WordPress Theme

Adding & Customizing Your Sidebar Widgets
Register and Organize Your Custom WordPress Menus
Create a Useful & Engaging 404 Page

Launching Your WordPress Website

First, You’re Going To Need a Reliable & Affordable Web Host
Install WordPress Like a Pro
Install and Configure Your Custom WordPress Theme on a Live Server

The Final Details

Track Your Visitors With Google Analytics
You’ve Created Your Own Custom WordPress Theme! Now What?

Bonus Lectures: Tips & Tricks

Why You Should NEVER Remove CSS Outlines
Important note on the following lectures
Two Ways Building Custom WordPress Websites Will Make You More Money
My Fear Of Building Custom WordPress Websites Cost Me $24,000
Static vs. Dynamic Websites, Which Is Better? (Hint: One Is Way More Valuable)
Why You Must Always Start Your Website With a Sketch
Recommended Resources for Sketching & Wireframing Your Website

Information Architecture Quiz

Student Reviews

Very well done! Brad is a very good and funny teacher. Just one thing: some time too much fast. But at the end a special course to reccomend and support!
Captain Krik
⭐️⭐️⭐️⭐️⭐️

It’s alittle out of date… But that can kind of be a blessing in disguise, as you get to trouble-shoot the problems that arise. This then gives you more experience and possibly extra opportunities to learn more. Brad’s way of teaching is kinda just like following a text-book. But the little bits of knowledge he throws in every now and then, combined with his humour make the course a fun way to learn important info. I like it, but I can definitely see some hard times for new enrollees who have no patience for the problems with incompatibility that arise fairly often. However nothings new and the QA board will usually have the answer you need, and also code college replies pretty quickly to any questions. ^^)
Ben Young
⭐️⭐️⭐️⭐️⭐️

I actually finished this course almost a year ago but since then I’ve designed and developed multiple bespoke WordPress sites which hardly any difficulty and it’s all thanks to Brad! Can’t rate him enough!
Greg Bramhall
⭐️⭐️⭐️⭐️⭐️

Tags:

You Might also Like

Leave a Comment

Your email address will not be published. Required fields are marked *