Coding A WordPress Theme Demonstrated For You – Module 1

This session was recorded on Thursday, November 1st, 2012.

This is the first module of a multi-module training series where we are going through the basics of how to code your own WordPress theme.

Even if you never plan on coding your own theme, knowing  how the WordPress structure works can be very liberating.

Imagine being able to outsource custom theme development and confidently knowing the quality of the product you are getting back.

Or think about how nice it would be to be able to make minor and even major changes to your existing theme because you know where to go and what to do.

In this module we started with the basics, explaining how a theme is put together, as well as covering some design pitfalls that many make that can affect the quality of a theme. Also, we got into a little bit of CSS and showed you some of the tools we use to make our theme-coding job much easier.

Below the video is a list of some of the areas we covered. Scroll to the section  that you are most interested in (after the video loads).

Join us ‘live’ on the next coaching call so you can watch ‘live’ over our ‘virtual’ shoulder and ask your question(s)!

So go ahead and register for this coming Thursday's call as well!

Again… below the video (at the bottom of this post) is a list of questions that were covered in the call.

  • Introduction to the WordPress framework 1:45
  • A great reason to use custom themes. 2:45
  • Some reasons you may want to learn how to do this. 3:58
  • The 2 areas we are going to cover in this module. 6:24
  • The WordPress ‘loop’. 9:30
  • The 1st thing to start with when coding a theme. 14:45
  • Things to avoid when coding a design. 24:51
  • Slicing a background image. 30:34
  • Photoshop alternative. 34:18
  • Dreamweaver alternative. 36:46
  • Easy tools to use for taking measurements. 44:25
  • Handy tool for color sampling. 47:48
  • Using the style sheet to change colors. 48:47
  • Using the Inspect Elements tool in Chrome to preview CSS changes. 51:08

Download Mentioned on Call:

Click here to download a copy of the ‘Blank-Theme’, which is a stripped down version of a WP theme that can be used as your starting point when coding your own WP theme.