How to Turn PSD Files into WordPress Themes
Released: June 21, 2012
Length: 2.35 hours
Certificate: Finish lessons, plus pass quizzes with an average of 70%
This class will take you step-by-step from your initial design in Photoshop to a finished WordPress theme. Please note that this is an older class. We keep it around because some people find it useful, but newer classes are available in our, "All the WordPress Theme Design Classes" pathway.
For 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:
In the second part of the class, we show you how WordPress themes work and how to plan your project:
In the third part of the class, we take your design image and use Photoshop to make it ready for WordPress:
In the fourth part of the class, you'll learn how CSS is used to implement your design:
In the fifth part of the class, you'll learn how to design for custom content types:
In the sixth part of the class, we cover some useful tips on how to properly build your themes:
In the final part of the class, you'll learn how to build your theme using the parent / child theme structure:
Download the exercise files:
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.