Your cart is empty.
Keep shopping
Custom Theme Creation for WordPress using HTML5 and CSS3
452 students
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.
Explore related topics
Course content
6 sections • 22 lectures • 1h 45m total length
Requirements
- Students should have access to web hosting so they can follow along as we learn about theme creation
- Students need to be familiar with HTML5 and CSS3. We will be covering some new exciting CSS that you can implement in your next WordPress site.
- Students should be familiar with a CSS preprocessor.
Description
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.
Who this course is for:
- This course is for a web developer who needs to create a custom WordPress theme for a client.
- This course will help you use WordPress as a content management system for a client. It does not cover blogging.