This course was created with the
course builder. Create your online course today.
Start now
Create your course
with
Autoplay
Autocomplete
Previous Lesson
Complete and Continue
WordPress 5 Theme Development Academy with Bootstrap v4
Welcome and let's get started!
Introduction (2:52)
What is a WordPress theme? (4:06)
Creating our Bootstrap 4 template- Home page
Download project images
Setting up bootstrap 4 (7:17)
Adding custom Google fonts (2:21)
Header navigation (10:04)
Featured image section (10:48)
Welcome section (10:45)
Latest offers section-HTML (11:21)
Latest offers section-CSS (4:49)
About us section (4:37)
Price list section (11:18)
The footer and adding Fontawesome 5 (15:39)
Creating our Bootstrap 4 template- Additional pages
Blog posts and pagination (8:23)
Blog page sidebar (5:54)
Contact us page (8:46)
Setting up WordPress
Installing WordPress using Flywheel (5:30)
Installing WordPress using MAMP (OPTIONAL) (6:20)
WordPress theme conversion- first steps
Our Wordress theme folder (7:49)
Getting started & our index page (7:45)
Making the header and footer dynamic (11:24)
How to enqueue stylesheets and scripts (8:59)
Header navigation menu (10:15)
Image file paths (3:14)
Template hierarchy and the Front Page (5:31)
WordPress blog section and the loop
Creating the loop (7:48)
Dynamic blog posts (10:42)
The permalink (3:35)
Pagination (4:03)
Filter hooks (4:02)
Re-introducing the sidebar (2:56)
Making the sidebar dynamic (3:39)
Conditional rendering & the single page template
Wordpress conditional tags (4:34)
The single.php template (4:10)
Pagination (5:05)
Working with blog comments
The comment form (12:15)
Displaying comments (13:03)
Comment reply javascript (4:00)
Closing comments (3:08)
Comments pagination (2:40)
Additional pages, widgets and custom search forms
The archives (3:00)
The contact us page (8:20)
Sidebar widgets (8:41)
Custom search forms (3:47)
Search.php (5:25)
Adding a 404 page and widgets (7:11)
Finishing touches & user customisation
Template parts (3:23)
Featured images using post thumbnails (8:28)
Footer menu and custom class filters (10:06)
Advanced custom fields (13:10)
Custom headers (7:28)
The post class (4:08)
Setting up Contact form 7 (3:40)
Styling our contact form (6:46)
Including Google fonts (3:11)
Translating our themes language
Preparing our code for translation (6:53)
Translating our theme (7:52)
Thank You
Thank you (1:50)
Keep on learning
Introduction
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock