WordPress Development with Bootstrap The Complete Course

Become a WordPress Developer in 2022 and build beautiful, responsive WordPress Themes in PHP, JavaScript & Elementor.
WordPress Development with Bootstrap The Complete Course
File Size :
17.93 GB
Total length :
22h 33m



Brad Hussey


Last update

Last updated 2/2022



WordPress Development with Bootstrap The Complete Course

What you’ll learn

Learn how to install WordPress on your Mac, PC or Linux in less than 2 minutes using Local by Flywheel
Build a beautiful, modern and responsive WordPress theme using Bootstrap, the most popular web design framework
Have the skills to start making money on the side, as a casual freelancer, or full time as a work-from-home freelancer
Easily create dynamic templates for Pages, Posts and other widely used WordPress templates
Learn how to integrate Gutenberg and Elementor in your theme, so you can drag & drop an unlimited number of layouts!
Learn how to code your own custom designed widgets in Elementor
Build a WordPress theme that can be translated into multiple languages!
Code a beautiful blog layout that can be easily managed in the WordPress dashboard
Create a beautiful HTML & CSS website with Bootstrap (that doesn’t look like generic Bootstrap websites!)
Build custom dynamic multi-level menus and navigation bars that work seamlessly on any screen size
Convert any static HTML & CSS website into a custom WordPress theme
Have a thorough understanding of utilizing PHP to create WordPress websites & themes
Feel comfortable with the process of turning static websites into dynamic WordPress websites
Fully understand how to use Custom Post Types and Advanced Custom Fields in WordPress
Allow your clients to update and manage their websites by themselves by creating user accounts with limited permissions
Build blazing fast, optimized WordPress themes that are secure and protected from hackers
Make more income as a freelancer by offering WordPress websites as a service!

WordPress Development with Bootstrap The Complete Course


No WordPress knowledge or experience necessary (you’ll learn it all in this course)!
Basic understanding of HTML & CSS
Your favourite beverage


Are you ready to supercharge your Web Development Skills and learn how to build beautiful, custom and responsive WordPress Themes & Websites?Join Brad Hussey in the completely updated for 2022 version of his popular WordPress Theme Development Udemy Course, (a.k.a. Bootstrap to WordPress).By the end of the course, Brad Hussey will walk you step-by-step through building and launching beautiful & responsive, complete WordPress website from scratch.In the process, you will:Learn how to convert any static HTML & CSS website into a dynamic WordPress theme Start theming with Bootstrap, the most popular mobile responsive web design framework in the worldLearn how to install WordPress easily on any computer in as little as 2-minutes, so you can practice building WordPress websites without paying for monthly hosting & domain fees Learn PHP, the programming language that WordPress is built uponUnderstand the basics of Object-Oriented Programming (OOP) as we build Custom Elementor Widgets which allow us to create unlimited website layouts and designsLeverage the WordPress “Customizer” which allows us to edit our website visuallyLearn how to easily launch your WordPress website on a live serverAnd much more!Bootstrap is the most widely used design framework, supporting the development of modern & responsive HTML5 and CSS3 based websites, and WordPress powers the majority of modern websites.Bootstrap significantly reduces development time by ensuring your website layouts are responsive and mobile friendly, while WordPress makes it very easy to manage website content.The problem is that most people find it overwhelming to learn Bootstrap and WordPress on their own.Brad Hussey is a Web Developer & Designer in Canada with more than 10 years of professional experience. With hundreds of thousands of students who have taken his courses, he makes learning complex concepts and skills easy by walking you through the entire design and building process step-by-step in an organized, easy to follow (and fun) manner!In this WordPress Development course for beginners, you will transform from a Bootstrap or WordPress beginner to a highly valuable web designer and developer who is able to create beautiful, custom and responsive websites, themes and templates.Whether you’re a freelance designer, new web developer, 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:  Start a Profitable Side Hustle as a WordPress DeveloperSo you can save up for a vacation, help pay off your debt, or simply just to have bonus cash laying around. Create a Full-Time IncomeWordPress Developers have plenty of career options. Many web developers make a generous living creating custom WordPress themes and selling them on websites like ThemeForest. Freelance web designers and developers can also make a full-time living building sophisticated WordPress websites for clients.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.  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.The final project features:  Beautiful & Modern Design  You get to work with a modern, professional quality design & layout.  Quality HTML, CSS & JSYou’ll learn how hand-craft a stunning website with valid, semantic and beautiful HTML, CSS & JSEasy-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, even make more money as a freelance WordPress developer.*A short note from Brad Hussey, your instructor, on why you should join the course*Hey friends, Brad Hussey here!I am over-the-moon excited to share my completely updated version of my popular Udemy Course, originally called “Bootstrap to WordPress”!Over the years, I’ve received countless messages from my students mentioning how helpful, even life-changing my Udemy courses have been for them, and I am grateful to every single one of you! It’s because of those messages that I wanted to completely revamp this course from the ground up, so that I can continue to help, serve and transform the careers of even more web developers in the years to come.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 become a WordPress developer.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 in the course today!


Section 1: Welcome to the NEW COURSE!

Lecture 1 Welcome To The Course! You Made The Right Decision

Lecture 2 Overview of the final WordPress Theme

Lecture 3 Course CHANGELOG – New Updates to the Course!

Section 2: *NEW* Hand Code Your Bootstrap Theme with HTML & CSS

Lecture 4 Introduction

Lecture 5 Project Set Up

Lecture 6 HTML – Code The Navbar

Lecture 7 HTML – Code the Title Section

Lecture 8 HTML – Code the List of Blog Articles

Lecture 9 CSS – Style The Navigation Menu & Hero Section

Lecture 10 CSS – Style a Tastefully Animated Dropdown and Sub Menu

Lecture 11 CSS & JS – Style and Program a Tastefully Animated Dropdown and Sub Menu

Lecture 12 CSS – Style the Subscribe Bar

Lecture 13 CSS – Style the Footer Section

Lecture 14 HTML – Code the Markup for a Single Blog Post

Lecture 15 HTML – Code the Markup for our “Widget Headings”

Lecture 16 HTML & CSS – Code and Style the Text Card Widgets

Lecture 17 HTML & CSS – Code and Style the Call To Action Widget

Lecture 18 HTML & CSS – Code and Style a Testimonial Widget

Lecture 19 HTML & CSS – Make Sure it Looks Good on Mobile Devices!

Lecture 20 HTML, CSS & JS – Validate Your Code!

Section 3: *NEW* Build a Custom WordPress Theme

Lecture 21 Introduction

Lecture 22 Download Final WordPress Theme Source Code

Lecture 23 Create a Fresh WordPress Install with Local by Flywheel

Lecture 24 Create a Dynamic Header, Footer and Index Template

Lecture 25 Finalize the Header Template

Lecture 26 Create a Dynamic Title Section

Lecture 27 Create Content Excerpt and Content None Templates

Lecture 28 Dynamic Blog Post Excerpts, Custom Ellipsis and Pagination!

Lecture 29 Create a Dynamic Blog Post Template with a Responsive Feature Image

Lecture 30 Create a Dynamic Page Template

Lecture 31 Create a Super Cute 404 Error Page

Section 4: *NEW* Kirki: Configure Your WordPress Theme Customizer the Easy(ish) Way

Lecture 32 Kirki V4: How to Install and Get Started

Lecture 33 Kirki V4: Create a Global Footer Section in the WordPress Customizer

Lecture 0 Kirki V4: Create a Global Call to Action Widget in the WordPress Customizer

Lecture 34 *LEGACY* For Kirki 3 Users Only: How to Migrate to Kirki Version 4

Lecture 35 *LEGACY* Install Kirki V3 & Begin Configuring WordPress Customizer

Lecture 36 *LEGACY* Kirki V3: Create a Global Footer with Customizer

Lecture 37 *LEGACY* Kirki V3: Create a Global Call to Action Section using Customizer

Section 5: *NEW* Program Custom WordPress Layouts & Widgets in Elementor

Lecture 38 Introduction

Lecture 39 Install Elementor & Setup Global Settings

Lecture 40 Build a “Hero Layout” with Elementor

Lecture 41 Building Custom Widgets in Elementor

Lecture 42 Initialize a Simple Plugin to Create Custom Elementor Widgets

Lecture 43 Creating an Extension for Elementor

Lecture 44 Code a Custom Button Widget with Elementor

Lecture 45 Create the Subscribe Bar with Elementor

Lecture 46 Program a Heading Widget in Elementor

Lecture 47 Program a Link Widget in Elementor

Lecture 48 Clean Up the Home Page Layout

Lecture 49 Program a Colourful Text Card Widget in Elementor

Lecture 50 Program a Custom Call To Action Card Widget in Elementor

Lecture 51 Theme Testing, Bug Fixes & Responsive Styles in Elementor

Lecture 52 Adding Pages & Finishing the Theme

Lecture 53 Uploading Our WordPress Theme on a Live Server

Lecture 54 Wrap Up & What’s Next?

Lecture 55 The End.


Lecture 56 What is WordPress? And Why You Should Care So Much About It

Lecture 57 What is Bootstrap? And Why Mastering It Will Save You Hundreds of Hours

Lecture 58 The (Beautiful) Final WordPress Website You Are Going To Build In This Course

Lecture 59 Static vs. Dynamic Websites, Which Is Better? (Hint: One Is Way More Valuable)

Lecture 60 Free Download: The Bootstrap 3 Framework

Lecture 61 Free Download: The Final Course Files + WordPress Theme!

Lecture 62 Setting Up Your Project Environment


Lecture 63 Code The Basic Webpage Layout

Lecture 64 Adding External Scripts to Your HTML Document

Lecture 65 Install Free Icon Fonts with FontAwesome

Lecture 66 Install Free Web Fonts with TypeKit & Google Fonts

Lecture 67 Code the Header and Navigation Sections

Lecture 68 Code the Hero Section

Lecture 69 Style the Hero Section with CSS

Lecture 70 Learn How To Create The Parallax Scrolling Effect in Less Than 5-Minutes

Lecture 71 Learn to Code a High-Converting “Opt-In” Section

Lecture 72 Learn How to Create a Modal Popup using Bootstrap

Lecture 73 Code the “Boost Your Income” Section

Lecture 74 Code the “Who Should Take This Course” Section

Lecture 75 Code the “Course Features” Section Using CSS Sprites

Lecture 76 Code the “Final Project” Section

Lecture 77 Code the Featurette Section and Embed a YouTube Video

Lecture 78 Code the Instructor Section (Plus BONUS Elvis Impressions!)

Lecture 79 Code Beautiful CSS3 Circles

Lecture 80 The Simple Trick to Vertically Align Your Content Within an Element

Lecture 81 Code the Testimonials and Learn to Turn Square Images into Circles using CSS3

Lecture 82 Code the Sign Up Section

Lecture 83 Code the Footer

Lecture 84 Responsive Media Queries & General CSS Cleanup

Lecture 85 Code the Basic Markup Structure

Lecture 86 Code the Blog Excerpts with HTML

Lecture 87 Code and Style the Sidebar & Widgets

Lecture 88 Style the Blog Excerpts with CSS

Lecture 89 Code the Blog Post

Lecture 90 Code the Comments Section

Lecture 91 The Importance of a Resources Page

Lecture 92 Code the 3-Column Layout Resources Page

Lecture 93 Code the Contact Form


Lecture 94 Download Version 4 of WordPress

Lecture 95 Create Your “Underscores” Starter Theme

Lecture 96 Install WordPress on Your Local Machine in Under 5-Minutes

Lecture 97 Installing Your Underscores Theme

Lecture 98 Convert Your Static Header to a Dynamic Header

Lecture 99 Cover Your Assets (Adding Your Styles, Scripts, Fonts & Images)

Lecture 100 Clean Up Your Stylesheet & Modify Your CSS for WordPress

Lecture 101 Convert Your Static Footer to a Dynamic Footer

Lecture 102 Create a Home Page WordPress Template

Lecture 103 Code the Hero & Use “Custom Fields” for Extra Info

Lecture 104 Amazing Plugin: Advanced Custom Fields

Lecture 105 Code the “Boost Your Income” Section with Advanced Custom Fields

Lecture 106 Code the “Who Should Take This Course” Section with Advanced Custom Fields

Lecture 107 Amazing Plugin: Custom Post Types UI

Lecture 108 Add “Course Features” Using CPT & Advanced Custom Fields

Lecture 109 Add the “Project Features” with Custom Post Types UI

Lecture 110 Code the Instructor Section with Advanced Custom Fields

Lecture 111 Code the Testimonials with Custom Post Types

Lecture 112 Clean Your Template Using get_template_part()

Lecture 113 Create a Custom Resources Template

Lecture 114 Add a Feature Image, and a Fallback Image

Lecture 115 How to Add a Resource and Display It In Your Custom Theme

Lecture 116 Easily Set Up Your Custom Blog Index Page

Lecture 117 Code Your Individual Blog Excerpts

Lecture 118 Code the Full Blog Post

Lecture 119 Style and Customize the Comments Section

Lecture 120 Customize the Archive Template

Lecture 121 Customize the Search Results Template

Lecture 122 Create & Customize a Full Width Template

Lecture 123 Install Contact Form 7 Plugin and Add Your Custom Form

Lecture 124 Adding & Customizing Your Sidebar Widgets

Lecture 125 Register and Organize Your Custom WordPress Menus

Lecture 126 Create a Useful & Engaging 404 Page


Lecture 127 First, You’re Going To Need a Reliable & Affordable Web Host

Lecture 128 Install WordPress Like a Pro

Lecture 129 Track Your Visitors With Google Analytics

Lecture 130 Install and Configure Your Custom WordPress Theme on a Live Server

Lecture 131 You’ve Created Your Own Custom WordPress Theme! Now What?

Section 10: *NEW* Bonus Resources

Lecture 132 Bonus Lesson

Designers who want to learn how to build their own designs in WordPress,Beginner coders & web developers who want to improve their skills and learn something new,People who want to learn how to build custom WordPress themes,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.,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.,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.

Course Information:

Udemy | English | 22h 33m | 17.93 GB
Created by: Brad Hussey

You Can See More Courses in the Design >> Greetings from CourseDown.com

New Courses

Scroll to Top