How to Build WordPress Themes: A Web Designer's Guide
4.4 (21 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
133 students enrolled
Wishlisted Wishlist

Please confirm that you want to add How to Build WordPress Themes: A Web Designer's Guide to your Wishlist.

Add to Wishlist

How to Build WordPress Themes: A Web Designer's Guide

A Web Designer's guide to converting static HTML into WordPress themes and plugins using PHP
4.4 (21 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
133 students enrolled
Created by Joe Casabona
Last updated 4/2017
Current price: $18 Original price: $165 Discount: 89% off
6 days left at this price!
30-Day Money-Back Guarantee
  • 5.5 hours on-demand video
  • 7 Articles
  • 3 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Convert static HTML pages to a fully functional WordPress Theme
  • Develop a simple plugin for adding new content types to WordPress
  • Use Underscores as a starting point for WordPress Theming
View Curriculum
  • Basic knowledge of HTML & CSS. If you know that HTML provides the structure and CSS is for adding design, you are ready to learn WordPress Theming.
  • Some fundamental PHP: variables, data types, functions and scope. Bonus if you know about classes and objects.
  • How to use WordPress. Perhaps you've never created your own theme or plugin, but you definitely know your way around the admin. You know how to add content and widgets, install themes and plugins, and modify menus.

In How to Build WordPress Themes: A Web Designer's Guide you will learn how to take a static HTML site and convert it into a fully functional WordPress theme and plugin. We'll start with a primer for PHP to understand the underlying language WordPress is written in, as well as explore some tools to help you work. Then, we'll take a look at our static site and convert it! 

By the end of the course you will: 

  • Become familiar with Underscores, a popular WordPress Starter Theme
  • Know how to create and customize blog posts, pages, and header and footer areas
  • Create menus and widget areas
  • Build a plugin to help us extend WordPress
  • Understand CMB2, a popular WordPress tool for adding custom information to our WordPress site
  • Learn best practices for creating WordPress Themes and Plugins

What are we building?

Since it's something we all know and love, we'll create a restaurant website! We'll build basic pages like about and contact, add a blog, and create a nice, interactive menu that's easy to update!

Who is the target audience?
  • This course is ideal for web designers who want to make WordPress Themes.
  • If you are a WordPress Site Builder, you will appreciate learning how to modify themes yourself and not rely on a 3rd party plugin. You'll also be able to tweak ready-made themes to your liking.
  • You know how to make static sites and you're ready to do the custom work that's needed to be a full WordPress service shop
Curriculum For This Course
Expand All 46 Lectures Collapse All 46 Lectures 05:25:26
1 Lecture 01:56
PHP: A Primer
10 Lectures 01:12:01

All About PHP Variables

A Deep Dive into Arrays

Your Turn! Write a Hello World Program

Math! A Look at Arithmetic Operators

Determining the Truth with Logical Operators

Controlling the Program's Flow: If Statements

Controlling the Program's Flow: Loops

Reusing Code with Functions

Your Turn! Write a Program that Compares 2 Numbers
Your Local Development Environment
3 Lectures 09:11
Why You Should have a Local Environment

Installing WordPress using Local
An Introduction to Our Tools
5 Lectures 32:02
An Introduction to Our Website

A Look Under the Hood: Reviewing the HTML

What is Underscores and How can it Help Us?

Extending WordPress with CMB2: Installing the Plugin

Extending WordPress with CMB2: Writing a Demo
The Anatomy of WordPress
2 Lectures 14:54
A Walk Through WordPress Core and /wp-content/

Converting Our HTML Templates
11 Lectures 01:45:26
Copying the CSS

Adding the Header

Coding the Footer

Creating the Index/News Archive Page

Making the Post Template Part

Modifying the Single Template

Creating the Default Page Template

Preparing header.php for our Home Page

Adding Content to Our Home Page

Using CMB2 to create a Custom Content Area for the Home Page

Your Turn! Modify the Home Page
Auxiliary WordPress Areas
3 Lectures 30:29
Navigation Menus

Custom Content through the WordPress Customizer

Adding Customizer Fields on the Front End
WordPress Development Concepts
4 Lectures 12:04
WordPress Hooks: Actions & Filters

Data Validation on Input and Output

Internationalization and Localization

Your Turn! Fix this File
Creating Our Food Menu Plugin
3 Lectures 22:19
Setting Up Our Plugin

Creating a Custom Post Type

Registering a Custom Taxonomy
Adding the Custom Post Type to Our Theme
4 Lectures 23:42
Creating the Food Menu Archive Template

Creating the Food Menu Single Template

Your Turn! Build the Contact Page

Cleaning Up our Theme and Review
About the Instructor
Joe Casabona
4.4 Average rating
20 Reviews
133 Students
1 Course
WordPress Developer & Instructor

Joe Casabona is a Front End Developer that works in WordPress...a lot. He focuses primarily on taking design mockups and creating pixel perfect, well-functioning websites while also dabbling a bit in some back-end coding. Starting in 2002 at the age of 15, Joe has worked on sites for everyone from high school bands to enterprise-level companies. in 2014, he authored a book called Responsive Design with WordPress.  He also develops WordPress courses over at WP in One Month and has developed an accredited course on WordPress theming. He also hosts the How I Built It podcast.