Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Skillshare

Bootstrap to WordPress: Build Custom Responsive themes!

via Skillshare

Overview

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!

Syllabus

  • Introduction
  • Bootstrap set up
  • Header section- HTML
  • Header section- CSS
  • Home page- welcome section
  • Home page- offers section- HTML
  • Home page- offers section- CSS
  • Home page- shop online section
  • Footer section- HTML
  • Footer section- CSS
  • Blog page- HTML
  • Blog page- CSS
  • About us page
  • Contact us page- HTML
  • Contact us page- CSS
  • Localhost setup & WordPress installation
  • WordPress theme folder
  • Index page
  • Header & footer
  • WordPress menu using navwalker
  • Image file paths
  • Create the front-page.php
  • WordPress loop and page.php
  • Blog index page part 1
  • Blog index page part 2
  • Dynamic feature text
  • Single blog post template
  • Adding comments to the blog
  • Making our sidebar dynamic
  • Archives template
  • Latest news page
  • Adding feature images to our posts
  • WordPress footer menu
  • Adding the sidebar Widgets
  • About us page
  • Contact us page
  • Custom 404 page
  • Organise our code using get template part
  • Custom search template
  • Advanced custom fields part 1
  • Advanced custom fields part 2
  • Custom header images
  • Adding the post class
  • Making our contact form functional
  • Adding WordPress core CSS
  • Preparing our theme text strings for translation
  • Preparing our function text for translation
  • Creating translation files using Poedit
  • Starter themes
  • Thank you
  • Follow me on Skillshare!

Taught by

Chris Dixon

Reviews

Start your review of Bootstrap to WordPress: Build Custom Responsive themes!

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.