Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Bootstrap to WordPress: Build Custom Responsive themes!
Welcome
Introduction (2:51)
Bootstrap template- Home page
Optional download
Bootstrap set up (8:34)
Header section- HTML (13:17)
Header section- CSS (18:21)
Home page- welcome section (13:11)
Home page- offers section- HTML (7:30)
Home page- offers section- CSS (9:05)
Home page- shop online section (7:37)
Footer section- HTML (7:30)
Footer section- CSS (6:30)
Bootstrap template- Additional pages
Blog page- HTML (10:17)
Blog page- CSS (5:19)
About us page (5:17)
Contact us page- HTML (11:12)
Contact us page- CSS (4:41)
Optional Section: PHP Basics / Refresher
Section requirements
Localhost installation & setup (7:50)
Hello World (7:00)
Strings, variables & constants (10:14)
Data types & operators (5:56)
PHP Arrays (6:59)
PHP Functions (4:39)
Conditional statements & more operators (12:25)
Switch statements (4:31)
Loops (11:12)
The Codex (2:38)
WordPress Conversion
Localhost setup & WordPress installation (12:28)
WordPress theme folder (10:40)
Index page (11:22)
Header & footer (13:49)
WordPress menu using navwalker (5:30)
Image file paths (4:47)
Create the front-page.php (4:51)
WordPress loop and page.php (3:34)
WordPress blog section
Blog index page part 1 (16:59)
Blog index page part 2 (7:09)
Dynamic feature text (4:21)
Single blog post template (9:48)
Adding comments to the blog (11:52)
Footer menu, Widgets & Final page templates
Making our sidebar dynamic (4:12)
Archives template (7:33)
Latest news page (5:32)
Adding feature images to our posts (6:06)
WordPress footer menu (5:31)
Adding the sidebar Widgets (10:56)
About us page (4:17)
Contact us page (4:07)
Custom 404 page (7:46)
Organise our code using get template part (4:21)
Custom search template (6:07)
Theme Finishing Touches
Advanced custom fields part 1 (6:22)
Advanced custom fields part 2 (13:32)
Custom header images (3:40)
Adding the post class (4:00)
Making our contact form functional (8:11)
Adding WordPress core CSS (1:51)
Translating Our Theme
Preparing our theme text strings for translation (14:48)
Preparing our function text for translation (3:02)
Creating translation files using Poedit (6:44)
Thank you
Starter themes (4:00)
Thank You (1:46)
Header section- CSS
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock