Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Bootstrap to WordPress 1.0
How to Access the Newest Version of The Course
Link Inside to Access Bootstrap to Wordpress 2.0
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)
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)
Information Architecture
Why You Must Always Start Your Website With a Sketch (4:54)
Recommended Resources for Sketching & Wireframing Your Website (6:33)
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:42)
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)
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 "Course Features" Section Using CSS Sprites (12:22)
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:14)
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 Blog Posts
Code the Blog Post (6:20)
Code the Comments Section (16:15)
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 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)
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)
Amazing Plugin: Custom Post Types UI (3:50)
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)
Install Contact Form 7 Plugin and Add Your Custom Form
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock