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
23 students are watching this class