Sorry, your browser is not supported
To have the best experience using Skillshare, we recommend that you use one of these supported browsers.

Bootstrap to WordPress: Build Custom Responsive themes!

Chris Dixon, Web Developer & Online Teacher

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
50 Videos (6h 22m)
    • Introduction

      2:51
    • Bootstrap set up

      8:32
    • Header section- HTML

      13:15
    • Header section- CSS

      18:19
    • Home page- welcome section

      13:09
    • Home page- offers section- HTML

      7:27
    • Home page- offers section- CSS

      9:03
    • Home page- shop online section

      7:35
    • Footer section- HTML

      7:28
    • Footer section- CSS

      6:28
    • Blog page- HTML

      10:17
    • Blog page- CSS

      5:17
    • About us page

      5:17
    • Contact us page- HTML

      11:10
    • Contact us page- CSS

      4:41
    • Localhost setup & WordPress installation

      12:26
    • WordPress theme folder

      10:38
    • Index page

      11:20
    • Header & footer

      13:47
    • WordPress menu using navwalker

      5:28
    • Image file paths

      4:47
    • Create the front-page.php

      4:49
    • WordPress loop and page.php

      3:34
    • Blog index page part 1

      16:59
    • Blog index page part 2

      7:06
    • Dynamic feature text

      4:19
    • Single blog post template

      9:47
    • Adding comments to the blog

      11:50
    • Making our sidebar dynamic

      4:09
    • Archives template

      7:31
    • Latest news page

      5:30
    • Adding feature images to our posts

      6:04
    • WordPress footer menu

      5:29
    • Adding the sidebar Widgets

      10:54
    • About us page

      4:16
    • Contact us page

      4:07
    • Custom 404 page

      7:44
    • Organise our code using get template part

      4:20
    • Custom search template

      6:05
    • Advanced custom fields part 1

      6:20
    • Advanced custom fields part 2

      13:30
    • Custom header images

      3:39
    • Adding the post class

      4:00
    • Making our contact form functional

      8:09
    • Adding WordPress core CSS

      1:50
    • Preparing our theme text strings for translation

      14:48
    • Preparing our function text for translation

      3:01
    • Creating translation files using Poedit

      6:42
    • Starter themes

      3:59
    • Thank you

      1:45

About This Class

6597c800

Create a stunning custom Wordpress theme from scratch using the responsive Bootstrap framework. Also covers PHP basics.

WordPress is the most popular CMS on the web and powers a large percentage of websites today. In this course i will guide you step by step, to building your own custom responsive theme using the popular Boostrap framework.

No more looking around for pre built themes and making them fit your website. Or even paying for themes on sites such as Themeforest.

This course will give you the knowledge to either build your own custom site and convert to WordPress, or convert your existing static HTML website to WordPress!

*** IMPORTANT UPDATE ***

When following along with this course we will be downloading Bootstrap (lecture 2), a Bootstrap blog template (lecture 11) and WordPress (lecture 16).

From time to time the contents of the downloads can change and you may notice a slight difference between versions. If you are having trouble with a later version or would prefer to use the same versions as I am in the videos, i have included all 3 in the download section of the project area.

If not follow along with the course as usual!

51 of 51 students recommendSee All

Really detailed and interesting course
Very informative, works at good pace.

1,681

Students

2

Projects

Chris Dixon

Web Developer & Online Teacher

Hello, My name is Chris and I am a web developer and online teacher. I am passionate about what I do and about teaching others. I have started various online and offline businesses.

Whatever your reason for learning to build websites you have made an excellent career choice.

My personal motivation was to become my own boss and have more freedom and flexibility in my life. I also enjoy the technical challenge it provides and the way it constantly evolves. I built my first website...

See full profile