Build WordPress Themes from Scratch with Photoshop

There is no better feeling than creating something from the ground up. And if that something could help you make money then it is definitely much more fun to do.

Designers create a lot of things from scratch, but building a WordPress theme from scratch is not everyone's cup of tea. If you are interested, to know how to build WordPress themes using Photoshop, and which we think you must be, then we have a perfect resource for you.

Today, we bring you a premium e-Course that will take you through the entire process of Scratch-Building a WordPress Theme using Photoshop.

With over 14 hours of tutorials from award-winning trainer Geoff Blake, you'll be guided through each and every step from concept to a fully functional theme.

Grab this exceptional eCourse for just $49 (DealClub $0)

Watch a sample chapter from this course by StoneRiver eLearning

About the Course:

  • Optimize Photoshop
    You'll be introduced to some setup options and settings to optimize Photoshop for web design.
  • Setting Up UI with Grid System
    Here you'll learn about building and using various grid systems, which will serve as the template for the theme layout.
  • Wireframes and UI Design
    After mastering the grid system, you'll learn ton of tools and techniques on how to wireframe effectively in Photoshop, and then apply various design skills to your wireframe structure.
  • World of Code
    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 see a variety of techniques for working between Photoshop, WordPress's architecture, and the HTML, PHP, and CSS code that pulls it all together.

What am I going to get from this course?

  • Over 105 lectures and 13 hours of content!
  • In-depth knowledge and complete look on how to build WordPress themes - it’s literally a freelance startup kit!
  • Strong, valuable, highly marketable set of design, coding, and graphics skills, allowing you to build fully functional themes quickly and efficiently.
  • Skills that can be applied in your own business, or to land bigger and bigger clients!

Who will benefit from the course?

  • Those looking to learn how to build WordPress themes
  • Entrepreneurs who want to sell their themes
  • Web designers who want custom themes for their customers
  • Business owners who want a custom WordPress theme

 Course Curriculum

  • Chapter 1: Introduction
    Hello and Welcome - Understanding WordPress And WordPress Themes - The Workflow Process - Viewing The Finished Site
  • Chapter 2: Setting Up Photoshop For Web Layout!
    Setting Photoshop’s Preferences - Arranging The Workspace - Setting Panel Options - Customizing Menus And Keyboard Shortcuts - Saving Photoshop’s Workspace - Photoshop Color Management For Web Design - Common Photoshop Productivity Techniques - A Few Final Photoshop Settings
  • Chapter 3: Getting Set Up For User Interface Design!
    Understanding Monitor Resolution - Fixed Versus Flexible Web Layouts - Introducing The 960 Grid System - Available Column Widths In The 960 Grid System - Building A Custom Grid System - Using Photoshop’s Grid For Layout - Understanding The Golden Ratio - Understanding The Areas Of A WordPress Site - Roughing Out The Design
  • Chapter 4: Developing A Wireframe UI In Photoshop!
    Getting Started With Wireframing - Creating The First Wireframe Object - Continuing To Wireframe Objects - Deleting Wireframe Objects - Faster Methods For Creating Wireframe Objects - Building Up The Wireframe - Adding In Horizontal Rules - Wireframing Additional Objects, Plus Some Extra Techniques - Continuing The Wireframe Development - Placing Objects For Loop Post Thumbnails - Roughing In A Photo Gallery
  • Chapter 5: Finishing Up The Wireframe!
    Wireframing The Menu Text - Creating More Wireframe Text - Adding In Additional Text Objects - Finishing Up The Text Wireframing - Getting The Layers Panel Organized - Additional Layer Group Techniques - Adding Text Labels To The Wireframe - Exporting The Wireframe For Review
  • Chapter 6: From Wireframe To Design!
    Preparing The Wireframe For The Design Phase - Determining The Design’s Message - Choosing A Typeface Hierarchy - Choosing Color Combinations - Saving Out Custom Photoshop Color Palettes - Sourcing Photography And Textures - Creating The Site Logo (And Using Smart Objects) - Introducing Layer Style Special Effects - Finishing Up The Header - Building The Menu - Developing The Slideshow And Body Background - Formatting The New Additions Area - Blog Loop Formatting - Developing The Sidebar - Finishing Up With The Footer & Saving Out Custom Styles
  • Chapter 7: Applying Photography And Textures!
    Adding A Texture To The Header With A Clipping Group - Including Additional Textures - Adding A Photo To The Slideshow - Inserting Photography For The New Additions Area - Adding Post Thumbnails In The Loop - Inserting Thumbnails In The Photo Gallery
  • Chapter 8: Preparing A Blank WordPress Theme For Design!
    Tools Of The Trade - Understanding Template Hierarchy - A Look At Geoff’s Setup - Applying A Blank WordPress Theme - Reviewing & Adjusting The Style Sheets - Creating The First

     And CSS Rule - Roughing In The Layout - Further Roughing In The Layout - Adding The Photoshop Color Palette To The Theme’s Style Sheet - Creating Our Site’s Page Structure And Main Navigation Menu - Creating Sample Posts For The Loop
  • Chapter 9: Building The WordPress Theme From Complete Scratch!
    Pulling The Header Graphic Out Of The Layout - Inserting The Header Graphic Into The Theme - Extracting The Logo From Photoshop And Inserting It Into The Theme - Rebuilding The Navigation Menu Using CSS - Building Up The Main Content Area -Roughing In The Inner Containers - Inserting The Positioning Statement - Creating Button Formatting With CSS - Building And Formatting The New Additions Area, Part One - Building And Formatting The New Additions Area, Part Two - Font Replacement With Google Fonts API - Consolidating Font Usage And Organizing Typography - One Giant Leap For Theme Design… - Formatting The Loop - Adding Post Thumbnails To The Loop - Getting The Sidebar Started
  • Chapter 10: Pushing The Theme Design Further!
    Reviewing How The Footer Was Built - Formatting Hyperlinks - Limiting The Number Of Posts Appearing On The Home Page - Inserting Custom Loop Pagination - Inserting The Slideshow - A Better Way For Building WordPress Menus - Building And Formatting WordPress Subpages - Applying Formatting To Post Pages - Completely Customizing The Comments Area - Adding A Ribbon Graphic To The Comments Area - Customizing Category And Search Results Pages - Adding A Search Field To The Header - Building A Lightbox Photo Gallery - Finishing Touches - Addressing Browser Compatibility Issues
  • Chapter 11: Wrapping Things Up!
    Final Site Checklist - Thanks For Watching, That Was Fun! - Closing Credits

About Instructor

Geoff Blake an award-winning teacher with over 15+ years of experience has helped thousands of people to expand their business, develop their projects and yeah, make more money. He creates online video courses to help people gain serious web skills, become more indispensable and get onto the right path.

What others are saying about this course:

"Another great course from Geoff Blake and Ten Ton Books!" - Mark 

"I learned more in two days with your course than I thought possible. I was literally ready to give up before. I had tried [another vendor’s course], and all it did was confuse me even more. Your approach is no-nonsense, and just plain old understandable! I am very much looking forward to putting my skills to use. Thank you so much!" - Louise

"All I can say is that you, sir, are awesome! To put it simply, you’re insanely helpful and you keep it interesting! I’m definitely going to keep my eyes out for your future courses! Keep it up!" - Velcrosnap

"Wow, gotta be one of the best tutorials I have ever seen, please keep them coming." - Lloyd

"Super simple and easy to follow thanks to your clear directions. I’ve struggled with getting to grasp with this until I watched this course. Thanks a million!" - Steve

Deal Terms:

  • You will receive access link and login details after your purchase.
  • If you're a DealClub member, you get access to this eCourse for free. In case, you cancel your DealClub membership, or your DealClub membership is not renewed, your access to this eCourse is revoked.
  • 30 days money back policy.
  • Total 105 lectures, 14 hours of video.
  • Once purchased, you get lifetime access to the course.
  • Certificate of Completion.

Build WordPress themes using Photoshop for just $49 with this course.


There are no reviews yet.

Only logged in customers who have purchased this product may leave a review.

Scroll to Top