YoVDO

Bootstrap to WordPress: Build Custom Responsive themes!

Offered By: Skillshare

Tags

WordPress Courses Computer Science Courses PHP Courses Bootstrap Courses HTML Courses Responsive Web Design Courses WordPress Theme Development Courses Advanced Custom Fields Courses

Course Description

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

Related Courses

Ansible Basics & Installing WordPress on LAMP with Playbooks
Coursera Project Network via Coursera
Build a Full Website using WordPress
Coursera Project Network via Coursera
WordPress Training Course: Learn How to Build a WordPress Site With Elementor
HubSpot via HubSpot Academy
Build a free website with WordPress
Coursera Project Network via Coursera
Building AI Powered Chatbots Without Programming
IBM via Coursera