Custom Theme Creation for WordPress using HTML5 and CSS3

Learn to create a WordPress theme from scratch using minimal PHP and your own HTML template. Perfect for building responsive client websites.

  • Overview
  • Curriculum
  • Instructor
  • Review

Brief Summary

In this course, you'll dive into creating a WordPress theme from scratch using a simple HTML template. We'll transform a basic layout into a snazzy, responsive site with cool CSS tricks. It’s easier than you might think, and totally fun!

Key Points

  • Learn to create a WordPress theme from scratch using minimal PHP.
  • Convert a provided HTML5 template into a fully functional WordPress theme.
  • Focus on mobile-first and responsive design principles.
  • Explore advanced CSS techniques for layout and styling.
  • Build a lightning-fast website free of unnecessary code.

Learning Outcomes

  • Build a responsive WordPress site using HTML5 and CSS3.
  • Gain skills in converting HTML templates to WordPress themes.
  • Master advanced CSS techniques for modern web design.
  • Understand how to leverage WordPress as a powerful CMS.
  • Create optimized, clean code for a speedy website.

About This Course

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.

  • 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.

Instructor

Profile photo of Paul Cheney
Paul Cheney

Paul received his master's degree from Utah State University in Instructional Technology and worked as a civilian for the United States Air Force doing interactive computer-based firefighter training. He and his family then moved to Provo, Utah where he worked at Brigham Young University for five years in the Instructional Technology Center. While there, he was involved in authoring multimedia,...

Review
4.9 course rating
4K ratings
ui-avatar of Zulkarnain Zainudin
Zulkarnain Z.
5.0
3 years ago

The instruction lecture was crystal clear. It showed one by one steps, one after the others. If I don't fully understand now, I still proceed as I can easily come back later in the future to really follow it. I am very happy with the teaching approach.

  • Helpful
  • Not helpful
ui-avatar of Daniel Grogan
Daniel G.
3.0
4 years ago

Poor, there very is litlte coding

  • Helpful
  • Not helpful
ui-avatar of Frank Holt
Frank H.
5.0
4 years ago

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

  • Helpful
  • Not helpful
ui-avatar of Ayush Jain
Ayush J.
4.0
5 years ago

Thanks, my work is done with this course..

  • Helpful
  • Not helpful
ui-avatar of Sofia Ijaz
Sofia I.
5.0
5 years ago

Amazing

  • Helpful
  • Not helpful
ui-avatar of Krymitch
Krymitch
5.0
5 years ago

Great step by step tutorial!

  • Helpful
  • Not helpful
ui-avatar of Hannah Benyon
Hannah B.
5.0
6 years ago

Really easy to follow this course. Very informative

  • Helpful
  • Not helpful
ui-avatar of Thomas Southwell
Thomas S.
5.0
6 years ago

Nice course, The way your teaching is so good and learned a lot from this course.

  • Helpful
  • Not helpful
ui-avatar of Cor Claessen
Cor C.
5.0
6 years ago

jazeker!

  • Helpful
  • Not helpful
ui-avatar of Jeremy AShby
Jeremy A.
5.0
7 years ago

great course

  • Helpful
  • Not helpful
Leave A Reply

Your email address will not be published. Required fields are marked *

Ratings

Courses You May Like

Lorem ipsum dolor sit amet elit
Show More Courses