Autoplay
Autocomplete
Previous Lesson
Complete and Continue
WordPress Theme Development with Bootstrap
Introduction
Welcome To The Course! You Made The Right Decision (4:31)
The (Beautiful) Final WordPress Website You Are Going To Build In This Course (8:09)
What You Need To Know About Bootstrap
What is Bootstrap? And Why Mastering It Will Save You Hundreds of Hours (5:21)
Bootstrap Pop Quiz
What You Need To Know About WordPress
What is WordPress? And Why You Should Care So Much About It (4:16)
Two Ways Building Custom WordPress Websites Will Make You More Money (10:00)
My Fear Of Building Custom WordPress Websites Cost Me $24,000 (9:08)
Static vs. Dynamic Websites, Which Is Better? (Hint: One Is Way More Valuable) (2:56)
WordPress Pop Quiz
Information Architecture
Why You Must Always Start Your Website With a Sketch (4:56)
Recommended Resources for Sketching & Wireframing Your Website (6:35)
Information Architecture Quiz
Environment Setup: Get Your Project Started
Free Download: The Bootstrap Framework (4:15)
Free Download: The Final Course Files + WordPress Theme! (5:06)
Setting Up Your Project Environment (4:38)
Bootstrap Templates: The Home Page
Code The Basic Webpage Layout (10:59)
Adding External Scripts to Your HTML Document (5:44)
Install Free Icon Fonts with FontAwesome (5:54)
Install Free Web Fonts with TypeKit & Google Fonts (6:30)
Code the Header and Navigation Sections (12:06)
Code the Hero Section (9:39)
Style the Hero Section with CSS (13:25)
Learn How To Create The Parallax Scrolling Effect in Less Than 5-Minutes (6:34)
Learn to Code a High-Converting "Opt-In" Section (7:19)
Learn How to Create a Modal Popup using Bootstrap (8:26)
Code the "Boost Your Income" Section (5:32)
Code the "Who Should Take This Course" Section (5:27)
Code the "Course Features" Section Using CSS Sprites (12:24)
Code the "Final Project" Section (7:09)
Code the Featurette Section and Embed a YouTube Video (7:13)
Code the Instructor Section (Plus BONUS Elvis Impressions!) (12:39)
Code Beautiful CSS3 Circles (10:16)
The Simple Trick to Vertically Align Your Content Within an Element (5:20)
Code the Testimonials and Learn to Turn Square Images into Circles using CSS3 (11:27)
Code the Sign Up Section (9:53)
Code the Footer (8:58)
Responsive Media Queries & General CSS Cleanup (9:17)
Bootstrap Templates: The Blog Overview
Code the Basic Markup Structure (5:53)
Code the Blog Excerpts with HTML (10:58)
Style the Blog Excerpts with CSS (15:35)
Code and Style the Sidebar & Widgets (12:29)
Bootstrap Templates: The Blog Posts
Code the Blog Post (6:22)
Code the Comments Section (16:17)
Bootstrap Templates: The Resources Page
The Importance of a Resources Page (5:10)
Code the 3-Column Layout Resources Page (15:00)
Bootstrap Templates: The Contact Page
Code the Contact Form (10:52)
WordPress Theme: Set Up
Download the Latest Version of WordPress (1:42)
Create Your "Underscores" Starter Theme (3:54)
Install WordPress on Your Local Machine in Under 5-Minutes (7:20)
Installing Your Underscores Theme (3:24)
Convert Your Static Header to a Dynamic Header (8:35)
Cover Your Assets (Adding Your Styles, Scripts, Fonts & Images) (10:33)
Clean Up Your Stylesheet & Modify Your CSS for WordPress (13:22)
Convert Your Static Footer to a Dynamic Footer (3:29)
Convert Your Static Templates: Home Page
Create a Home Page WordPress Template (13:20)
Code the Hero & Use "Custom Fields" for Extra Info (17:03)
Amazing Plugin: Advanced Custom Fields (4:32)
Code the "Boost Your Income" Section with Advanced Custom Fields (24:57)
Code the "Who Should Take This Course" Section with Advanced Custom Fields (8:43)
Amazing Plugin: Custom Post Types UI (3:51)
Add "Course Features" Using CPT & Advanced Custom Fields (22:15)
Add the "Project Features" with Custom Post Types UI (12:29)
Code the Instructor Section with Advanced Custom Fields (15:45)
Code the Testimonials with Custom Post Types (8:43)
Clean Your Template Using get_template_part() (17:59)
Convert Your Static Templates: Resources Page
Create a Custom Resources Template (4:02)
Add a Feature Image, and a Fallback Image (6:49)
How to Add a Resource and Display It In Your Custom Theme (16:50)
Convert Your Static Templates: The Blog
Easily Set Up Your Custom Blog Index Page (5:23)
Code Your Individual Blog Excerpts (17:17)
Code the Full Blog Post (5:33)
Style and Customize the Comments Section (5:14)
Customize the Archive Template (7:00)
Customize the Search Results Template (5:49)
Convert Your Static Templates: Contact Page
Create & Customize a Full Width Template (7:42)
Install Contact Form 7 Plugin and Add Your Custom Form (12:33)
Finalize Your WordPress Theme
Adding & Customizing Your Sidebar Widgets (9:58)
Register and Organize Your Custom WordPress Menus (10:26)
Create a Useful & Engaging 404 Page (13:55)
Launching Your WordPress Website
First, You're Going To Need a Reliable & Affordable Web Host (7:42)
Install WordPress Like a Pro (3:45)
Install and Configure Your Custom WordPress Theme on a Live Server (11:25)
The Final Details
Track Your Visitors With Google Analytics (3:25)
You've Created Your Own Custom WordPress Theme! Now What? (5:25)
Bonus Lectures: Tips & Tricks
Why You Should NEVER Remove CSS Outlines (2:38)
Code the Full Blog Post
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock