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

Project Description

Create you own Spa based responsive WordPress theme from scratch- using Bootstrap.

The course is fully project based. From the very beginning we will be building a fully custom WordPress theme using the Bootstrap framework.

Each video builds on the previous and by the end of this course you will have created your own WordPress theme, packed with great features such as featured images, translation ready, custom templates, advanced custom fields and much more.

Looking forward to seeing your versions of this theme and and improvements or customisations!

Student Projects

project card
Luis Vasquez
1 comment
project card
Andrea T.
2 comments
project card
Jacob J.
1 comment