Bootstrap to WordPress: Build Custom Responsive themes!

Chris Dixon, Web Developer & Online Teacher

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
51 Lessons (6h 22m)
    • 1. Introduction

      2:51
    • 2. Bootstrap set up

      8:32
    • 3. Header section- HTML

      13:15
    • 4. Header section- CSS

      18:19
    • 5. Home page- welcome section

      13:09
    • 6. Home page- offers section- HTML

      7:27
    • 7. Home page- offers section- CSS

      9:03
    • 8. Home page- shop online section

      7:35
    • 9. Footer section- HTML

      7:28
    • 10. Footer section- CSS

      6:28
    • 11. Blog page- HTML

      10:17
    • 12. Blog page- CSS

      5:17
    • 13. About us page

      5:17
    • 14. Contact us page- HTML

      11:10
    • 15. Contact us page- CSS

      4:41
    • 16. Localhost setup & WordPress installation

      12:26
    • 17. WordPress theme folder

      10:38
    • 18. Index page

      11:20
    • 19. Header & footer

      13:47
    • 20. WordPress menu using navwalker

      5:28
    • 21. Image file paths

      4:47
    • 22. Create the front-page.php

      4:49
    • 23. WordPress loop and page.php

      3:34
    • 24. Blog index page part 1

      16:59
    • 25. Blog index page part 2

      7:06
    • 26. Dynamic feature text

      4:19
    • 27. Single blog post template

      9:47
    • 28. Adding comments to the blog

      11:50
    • 29. Making our sidebar dynamic

      4:09
    • 30. Archives template

      7:31
    • 31. Latest news page

      5:30
    • 32. Adding feature images to our posts

      6:04
    • 33. WordPress footer menu

      5:29
    • 34. Adding the sidebar Widgets

      10:54
    • 35. About us page

      4:16
    • 36. Contact us page

      4:07
    • 37. Custom 404 page

      7:44
    • 38. Organise our code using get template part

      4:20
    • 39. Custom search template

      6:05
    • 40. Advanced custom fields part 1

      6:20
    • 41. Advanced custom fields part 2

      13:30
    • 42. Custom header images

      3:39
    • 43. Adding the post class

      4:00
    • 44. Making our contact form functional

      8:09
    • 45. Adding WordPress core CSS

      1:50
    • 46. Preparing our theme text strings for translation

      14:48
    • 47. Preparing our function text for translation

      3:01
    • 48. Creating translation files using Poedit

      6:42
    • 49. Starter themes

      3:59
    • 50. Thank you

      1:45
    • 51. Follow me on Skillshare!

      0:23
29 students are watching this class
How students rated this class
Leave Review

Watch more to review

We ask our students to watch a few lessons before reviewing to make sure we get quality feedback!

Best Suited for
 --  Beginner Intermediate Advanced Beginner/Intermediate Intermediate/Advanced All Levels

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

Be the first!

No ratings just yet—watch a few lessons to be the first to share whether this class met your expectations.

Expectations Met?
  • Exceeded!
    0%
  • Yes
    0%
  • Somewhat
    0%
  • Not really
    0%
Be the first to leave a review in our updated system!
Reviews Archive

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update. You are welcome to edit your old review into the new system!

59 of 59 students recommend this class
Nice beginner Tutorial