Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Bootstrap to WordPress 2022
Welcome to Bootstrap to WordPress 2.0
Welcome To The Course! You Made The Right Decision (1:40)
Overview of the Final WordPress Theme You Will Build (4:34)
Course Changelog - The Latest Updates
HTML & CSS - Hand Code Your Bootstrap Theme
Intro to Bootstrap (0:30)
Get Your Project Environment Setup (15:21)
HTML - Code the Nabvbar (19:03)
HTML - Code the Title Section (8:04)
HTML - Code the List of Blog Articles (11:54)
CSS - Style the Navbar & Hero Section (18:25)
CSS - Style a Tastefully Animated Dropdown and Sub Menu (17:32)
CSS & JS - Style and Program a Tastefully Animated Dropdown and Sub Menu (34:36)
CSS - Style the Subscribe Bar (14:29)
CSS - Style the Footer Section (12:11)
HTML - Code the Markup for a Single Blog Post (3:36)
HTML - Code the Markup for our "Widget Headings" (7:35)
HTML & CSS - Code and Style the Text Card Widgets (10:10)
HTML & CSS - Code and Style the Call To Action Widget (9:30)
HTML & CSS - Code and Style a Testimonial Widget (4:14)
HTML & CSS - Make Sure it Looks Good on Mobile Devices! (9:38)
HTML, CSS & JS - Validate Your Code! (5:16)
PHP & WordPress - Build Your Custom Theme
Intro to WordPress Section (0:38)
Download Final WordPress Theme Source Code
Create a Fresh WordPress Install with Local by Flywheel (23:32)
Create a Dynamic Header, Footer and Index Template (4:14)
Finalize the Header Template (16:50)
Create a Dynamic Title Section (20:54)
Create Content Excerpt and Content None Templates (14:37)
Dynamic Blog Post Excerpts, Custom Ellipsis and Pagination! (20:27)
Create a Dynamic Blog Post Template with a Responsive Feature Image (15:23)
Create a Dynamic Page Template (8:00)
Create a Super Cute 404 Error Page (6:34)
Kirki - Configure Your WordPress Theme Customizer the Easy(ish) Way
Kirki V4: How to Install and Get Started (13:33)
Kirki V4: Create a Global Footer Section in the WordPress Customizer (6:14)
Kirki V4: Create a Global Call to Action Widget in the WordPress Customizer (16:31)
*LEGACY* For Kirki 3 Users Only: How to Migrate to Kirki Version 4 (4:42)
*LEGACY* Install Kirki V3 & Begin Configuring WordPress Customizer (29:59)
*LEGACY* Kirki V3: Create a Global Footer with Customizer (13:04)
*LEGACY* Kirki V3: Create a Global Call to Action Section using Customizer (28:13)
Elementor - Code Custom WordPress Layouts & Widgets
Intro to Elementor Section (1:32)
Install Elementor & Setup Global Settings (10:13)
Build a "Hero Layout" with Elementor (13:04)
Building Custom Widgets in Elementor (2:05)
Initialize a Simple Plugin to Create Custom Elementor Widgets (6:12)
Creating an Extension for Elementor (23:01)
Code a Custom Button Widget with Elementor (35:52)
Create the Subscribe Bar with Elementor (5:12)
Program a Heading Widget in Elementor (18:08)
Program a Link Widget in Elementor (14:10)
Clean Up the Home Page Layout (14:50)
Program a Colourful Text Card Widget in Elementor (15:18)
Program a Custom Call To Action Card Widget in Elementor (22:13)
Theme Testing, Bug Fixes & Responsive Styles in Elementor (20:19)
Adding Pages & Finishing the Theme (5:27)
Wrap Up & What's Next?
Quickly & Easily Upload WordPress Sites to a Live Server (5:59)
Wrap Up & What's Next (1:51)
The End. (1:25)
HTML & CSS - Code and Style the Call To Action Widget
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock