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