You can build great websites. We can help! Join today and get access to 3118 training videos: Sign up now!

Take video classes. You'll learn WordPress, Drupal, Joomla, Coding, SEO and more. We release new classes every single week.

Online Training  WordPress Videos  WordPress Theme Design

WordPress Theme Design

Teacher: Topher DeRosia
Released: June 27, 2012
Level: Intermediate
Certificate: Finish lessons, plus pass quizzes with an average of 70%
Table of Contents
Custom Content Types
Parent Themes

This class will take you step-by-step from your initial design in Photoshop to a finished WordPress theme.

You'll start with a Photoshop PSD file and by the end of the class will have a WordPress theme that is ready to use.

In the first part of the class, we'll introduce our class project for the class and show you the tools you'll need to build WordPress themes:

  • Introducing the WordPress Theming Course
  • Resources You'll Need (Mac)
  • Resources You'll Need for WordPress Themes on Windows

In the second part of the class, we show you how WordPress themes work and how to plan your project:

  • Theme Template Tour
  • Starter Theme: Startbox Feature Tour
  • Planning: Sidebars, Widgets and More
  • Examining Startbox Div Structure
  • Create Some Content, Widgets and Main Navigation

In the third part of the class, we take your design image and use Photoshop to make it ready for WordPress:

  • Photoshop Slicing - Part 1
  • Photoshop Slicing - Part 2

In the fourth part of the class, you'll learn how CSS is used to implement your design:

  • Styling the Header and Logo
  • Styling and Placing the Main Navigation
  • Hooks and Sidebars
  • Styling the Homepage Top Widgets - Part 1
  • Styling the Homepage Top Widgets - Part 2
  • Styling the General Widgets
  • Styling Internal Pages Part 1
  • Styling Internal Pages Part 2
  • Styling Internal Pages Part 3
  • Styling the Author Page
  • Styling the Search Results

In the fifth part of the class, you'll learn how to design for custom content types:

  • Overview of Custom Content Types
  • Styling Custom Archive Page and Custom Loop
  • Create and Style a Custom Single Page

In the sixth part of the class, we cover some useful tips on how to properly build your themes:

  • Filtering Content with PHP
  • Properly Including Javascript and CSS Files

In the final part of the class, you'll learn how to build your theme using the parent / child theme structure:

  • Start from Scratch or Use a Starter Theme?
  • Hacking the Header Template
  • Hacking the Footer
  • Creating a Sidebar Widget Area


Exercise files
Topher DeRosia

Christopher DeRosia (Topher) has been "doing the web" since 1994. With the advent of PHP in 1998, his web sites became much more dynamic and exciting.

He is an accomplished programmer, having written his own content management systems and managed some very large websites. He loves to help people enjoy their websites and believes, "playing with WordPress is fun!". He has built over 30 sites with custom themes and plugins.

Topher lives in Michigan, USA.

Courses by this teacher

Name Level Release Date
WordPress Beginner 03-13-2012
WordPress Theme Design 06-27-2012
Plugin Development 04-04-2013
WordPress Jetpack 11-05-2013
WordPress Developer Plugin 12-10-2013
WordPress Gravity Forms 02-14-2014
WordPress Installations 02-14-2014
Intro to WordPress Themes 02-14-2013
Why WordPress? 03-24-2014
Why WordPress? The Developer Perspective 03-30-2014
Speeding Up WordPress 05-19-2014
WordPress Easy Digital Downloads 05-23-2014
Build a WordPress Portfolio Site 07-01-2014
Build a WordPress Real Estate Site 07-21-2014
WordPress Security 08-18-2014
Simple WordPress Payments 09-26-2014
Build a WordPress Restaurant Site 10-31-2014
Build the Restaurant Theme 12-01-2014
Build a WordPress Widget 12-08-2014
Editing Plugins with PHP Code Sniffer 01-05-2015
WordPress PHP Code Sniffer 01-05-2015
WordPress BackupBuddy 01-13-2015
How to Publish Your Plugin at 01-19-2015
WordPress BackWPup 01-19-2015
DesktopServer 02-09-2015
Custom Post Types 03-09-2015
WordPress JetPack Stats 04-06-2015
Google Analytics 04-20-2015
Build a WordPress Club Site 05-04-2015
Build a WordPress Bed and Breakfast Site 06-12-2015
Quick Post Types and Metaboxes 06-12-2015
WordPress Build a Membership Site 06-29-2015
phpMyAdmin 07-13-2015
WordPress Donations 07-27-2015
Google Search Console 08-07-2015
Build a WordPress Recipe Directory 08-24-2015
WooCommerce 09-14-2015
Introduction to BuddyPress 10-05-2015
Web Developer 10-14-2015
Introduction to ManageWP 11-16-2015


You can build great websites. We can help! Join today and get access to 3118 training videos: Sign up now!

(+1) 678-830-2168
| | Contact us

Get free, weekly updates
from the OSTraining Newsletter


Welcome to training with a smile :) Created by friendly people all across North, Central and South America.