Bootstrap to WordPress: Build Custom Responsive themes!

Project Description *** This course has been fully re-recorded and updated, see new version here: https://www.skillshare.com/classes/WordPress-5-Theme-Development-Academy-with-Bootstrap-v4/1226575189 *** 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!

Beginner 0(0 Ratings) English
Created by Chris Dixon
Last updated Tue, 06-Sep-2022
+ View more
Course overview

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!

What will i learn?

  • Create you own Spa based responsive WordPress theme from scratch- using Bootstrap.
  • The course is fully project based.
Requirements
  • Listening Skills
  • Patience
  • Basic English Understanding
Curriculum for this course
51 Lessons 06:22:43 Hours
Introduction
51 Lessons 06:22:43 Hours
  • Introduction
    00:02:52
  • Bootstrap set up
    00:08:33
  • Header section- HTML
    00:13:16
  • Header section- CSS
    00:18:20
  • Home page- welcome section
    00:13:10
  • Home page- offers section- HTML
    00:07:28
  • Home page- offers section- CSS
    00:09:04
  • Home page- shop online section
    00:07:36
  • Footer section- HTML
    00:07:29
  • Footer section- CSS
    00:06:29
  • Blog page- HTML
    00:10:18
  • Blog page- CSS
    00:05:18
  • About us page
    00:05:18
  • Contact us page- HTML
    00:11:11
  • Contact us page- CSS
    00:04:42
  • Localhost setup & WordPress installation
    00:12:27
  • WordPress theme folder
    00:10:39
  • Index page
    00:11:21
  • Header & footer
    00:13:48
  • WordPress menu using navwalker
    00:05:29
  • Image file paths
    00:04:48
  • Create the front-page.php
    00:04:50
  • WordPress loop and page.php
    00:03:35
  • Blog index page part 1
    00:17:00
  • Blog index page part 2
    00:07:07
  • Dynamic feature text
    00:04:20
  • Single blog post template
    00:09:48
  • Adding comments to the blog
    00:11:51
  • Making our sidebar dynamic
    00:04:10
  • Archives template
    00:07:32
  • Latest news page
    00:05:31
  • Adding feature images to our posts
    00:06:05
  • WordPress footer menu
    00:05:30
  • Adding the sidebar Widgets
    00:10:55
  • About us page
    00:04:17
  • Contact us page
    00:04:08
  • Custom 404 page
    00:07:45
  • Organise our code using get template part
    00:04:21
  • Custom search template
    00:06:06
  • Advanced custom fields part 1
    00:06:20
  • Advanced custom fields part 2
    00:13:31
  • Custom header images
    00:03:40
  • Adding the post class
    00:04:01
  • Making our contact form functional
    00:08:10
  • Adding WordPress core CSS
    00:01:51
  • Preparing our theme text strings for translation
    00:14:49
  • Preparing our function text for translation
    00:03:02
  • Creating translation files using Poedit
    00:06:43
  • Starter themes
    00:04:00
  • Thank you
    00:01:46
  • Follow me on Skillshare!
    00:00:23
+ View more
Other related courses
04:42:15 Hours
5 152 $599 $139
00:00:00 Hours
Updated Sat, 02-Sep-2023
5 33 $249 $59
03:56:18 Hours
0 3 $49 $19
01:06:07 Hours
Updated Tue, 06-Sep-2022
0 34 $49 $19
00:38:27 Hours
Updated Tue, 06-Sep-2022
5 7 $89 $29
About instructor

Chris Dixon

0 Reviews | 1 Courses
Student feedback
0
0 Reviews
  • (0)
  • (0)
  • (0)
  • (0)
  • (0)

Reviews

$89 $49
Includes: