Udemy

Custom Theme Creation for WordPress using HTML5 and CSS3

Enroll Now
  • 452 Students
  • Updated 10/2019
4.3
(56 Ratings)
CTgoodjobs selects quality courses to enhance professionals' competitiveness. By purchasing courses through links on our site, we may receive an affiliate commission.

Course Information

Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
1 Hour(s) 45 Minute(s)
Language
English
Taught by
Paul Cheney
Rating
4.3
(56 Ratings)
1 views

Course Overview

Custom Theme Creation for WordPress using HTML5 and CSS3

Create a WordPress theme completely from scratch using very little PHP and your own hand-rolled HTML template.

WordPress is the most popular blogging platform on the internet today, however, it can also be used as a powerful Content Management System. In this course we will use it as a CMS to build a client website.

In this course you will learn to convert an HTML page into a WordPress theme. Actually it’s a lot simpler than you may think. I will provide you with a link to a free HTML5 template page and together we will walk through the steps to convert it into a theme.

First we will spend a couple of minutes reviewing the essential features of a mobile first, responsive, HTML web template page that uses a CSS Preprocessor. hopefully this is a review of what you already know but you may also learn something new.

Next you will learn to build a WordPress theme from scratch. In each video we cover the essential code necessary for the 5 basic php files we will create. I call this the ugly theme as it is fully functional but lacking any design.

Then together you and I will walk through the steps of creating a beautiful WordPress theme by combining the ugly theme we just built and the HTML template I provided you.

But wait, were not finished yet. Now that you have created your own theme, you will get to create several pages in WordPress using cutting edge CSS tricks. During this process, you will learn to wrap text around a circle, align elements at the bottom using flexbox, and implement newspaper style column with lines between them.

When your done, you will have a lightning fast WordPress theme devoid of any extraneous code or unused CSS rules. Actually it's pretty cool and very easy.

Course Content

  • 6 section(s)
  • 22 lecture(s)
  • Section 1 Overview
  • Section 2 Installing WordPress
  • Section 3 Build a Basic Theme
  • Section 4 Building the Construction Theme
  • Section 5 Page Design in Word Press
  • Section 6 My Favorite Plugins

What You’ll Learn

  • Create a mobile first, responsive WordPress site from scratch using HTML5, CSS3 and a CSS Preprocessor (no child themes).
  • Create a WordPress theme using very little PHP. You will be surprised how easy it really is.
  • Change WordPress from a blog tool into a Content Management System.
  • Instantiate a custom menu in your theme.
  • Remove extraneous tags from WordPress pages.
  • Learn to use FlexBox to layout unique designs.
  • Learn to use shape outside to wrap text around a circle.
  • Learn to use the new column-count, column-gap, and column rule in your WordPress Pages.
  • Learn to add a responsive google map to a WordPress page.


Reviews

  • F
    Frank Holt
    5.0

    I am experienced web developer with limited WP experience. This course gave me the confidence to jump into theme development.

  • A
    Ayush Jain
    4.0

    Thanks, my work is done with this course..

  • D
    Dustin Uriah
    5.0

    Very helpful and easy to follow for beginners like me.

  • S
    Sulaiman Ahmed
    5.0

    This is a very good introduction into Wordpress theme creation.

Start FollowingSee all

We use cookies to enhance your experience on our website. Please read and confirm your agreement to our Privacy Policy and Terms and Conditions before continue to browse our website.

Read and Agreed