Flash Player 10 or higher is required.
Please download the Flash Player and install the latest version before continuing.
Entire Site
Free Trial
Safari Books Online is a digital library providing on-demand subscription access to thousands of learning resources.
Overview
Ready for an adventure into WordPress Theme Design? Join award-winning veteran trainer Geoff Blake as he takes you through the entire workflow process of scratch-building a WordPress theme using Photoshop! The training begins in Photoshop, where you’ll be introduced to some setup options and settings to optimize Photoshop for web design. Then, learn about building and using various grid systems, which will serve as the template for the theme layout. Next, it’s on to the next phase in the workflow process, wireframing and UI design in Photoshop. Learn how to stay organized and work quickly and efficiently. Once the wireframe structure is complete, you’ll see how to apply design to the wireframe, and then move the entire layout from Photoshop into the world of code. You’ll discover how to construct a WordPress theme from the ground up, starting with a completely blank canvas! You’ll see a variety of techniques for working between Photoshop, WordPress’s architecture, and the HTML, PHP, and CSS code that pulls it all together. You’ll master amazing techniques for streamlining your code, working with font replacement API’s, and understanding WordPress’s template structure. Then, you’ll see some fantastic options for adding in lightbox galleries, self-running slideshows, hyperlink formatting, and more! And in the end, you’ll wind up with a fully finished and functional website, complete with feature pages, posts, a commenting system, and more! C’mon along for the ride, you’ll learn a lot, and have a heap of fun along the way!
Subscriber Reviews
Average Rating: 
Based on 3 Ratings
"Great WordPress theme building introduction" - by Rawhide on 08-JUN-2012
Reviewer Rating:
This is a great series to learn about custom building a WordPress theme. The presenter is entertaining to listen to as well as knowledgeable. The pacing is just right. Note that over 90% of the time is spent designing and implementing the home page, but what you learn can be applied to all the other pages.
Report as Inappropriate
Browse Similar Topics
Top Level Categories:
Digital Media
Product
Vendor
Sub-Categories:
Digital Media > Web Design & Development
Product > WordPress
Vendor > WordPress
Table of Contents
Chapter/Selection | Time | |
|---|---|---|
Chapter 1: Introduction | ||
 | 00:02:05 | |
 | 00:02:23 | |
| 00:03:06 | |
| 00:03:58 | |
Chapter 2: Setting Up Photoshop for Web Layout! | ||
| 00:06:07 | |
| 00:09:42 | |
| 00:06:51 | |
| 00:08:52 | |
| 00:03:09 | |
| 00:05:26 | |
| 00:05:55 | |
| 00:04:16 | |
Chapter 3: Getting Set Up for User Interface Design! | ||
| 00:04:12 | |
| 00:04:16 | |
| 00:08:58 | |
| 00:04:14 | |
| 00:14:01 | |
| 00:03:17 | |
| 00:04:57 | |
| 00:04:06 | |
| 00:04:50 | |
Chapter 4: Developing A Wireframe UI in Photoshop! | ||
| 00:06:03 | |
| 00:06:05 | |
| 00:07:24 | |
| 00:02:11 | |
| 00:10:31 | |
| 00:10:06 | |
| 00:04:00 | |
| 00:09:13 | |
| 00:06:34 | |
| 00:05:00 | |
| 00:05:24 | |
Chapter 5: Finishing Up the Wireframe! | ||
| 00:09:54 | |
| 00:09:10 | |
| 00:07:54 | |
| 00:03:33 | |
| 00:09:27 | |
| 00:06:36 | |
| 00:07:36 | |
| 00:07:39 | |
Chapter 6: From Wireframe to Design! | ||
| 00:03:28 | |
| 00:04:50 | |
| 00:13:53 | |
| 00:12:25 | |
| 00:03:26 | |
| 00:08:05 | |
| 00:08:46 | |
| 00:07:06 | |
| 00:03:11 | |
| 00:08:17 | |
| 00:04:11 | |
| 00:17:51 | |
| 00:03:06 | |
| 00:06:24 | |
Chapter 7: Applying Photography and Textures! | ||
| 00:08:16 | |
| 00:04:36 | |
| 00:04:01 | |
| 00:04:55 | |
| 00:05:29 | |
| 00:03:20 | |
Chapter 8: Preparing A Blank WordPress Theme for Design! | ||
| 00:04:22 | |
| 00:06:08 | |
| 00:01:44 | |
| 00:06:00 | |
| 00:05:13 | |
| 00:05:27 | |
| 00:09:09 | |
| 00:12:38 | |
| 00:06:44 | |
| 00:08:53 | |
| 00:03:30 | |
Chapter 9: Building The WordPress Theme From Complete Scratch! | ||
| 00:09:56 | |
| 00:03:29 | |
| 00:08:56 | |
| 00:20:00 | |
| 00:06:22 | |
| 00:18:37 | |
| 00:04:58 | |
| 00:20:14 | |
| 00:05:52 | |
| 00:12:13 | |
| 00:10:19 | |
| 00:21:11 | |
| 00:09:48 | |
| 00:09:53 | |
| 00:21:19 | |
| 00:03:39 | |
Chapter 10: Pushing the Theme Design Further! | ||
| 00:06:27 | |
| 00:05:53 | |
| 00:06:37 | |
| 00:09:05 | |
| 00:16:24 | |
| 00:08:09 | |
| 00:08:26 | |
| 00:07:15 | |
| 00:18:54 | |
| 00:15:49 | |
| 00:08:06 | |
| 00:08:23 | |
| 00:16:11 | |
| 00:03:34 | |
| 00:09:42 | |
Chapter 11: Wrapping Things Up! | ||
| 00:02:06 | |
| 00:04:01 | |
| 00:00:35 |