off original price!

The coupon code was not applied because it has already been redeemed or expired. Please click on "My Courses" to see if the course is already on your account.

off original price!

The coupon code was not applied because it has already been redeemed or expired. Please click on "My Courses" to see if the course is already on your account.

WordPress Building Custom Themes

Understand the basic construction of WordPress themes.

What's Inside

About this Course

In this course we'll cover how WordPress themes are constructed. Once you understand the structure, you'll build a wireframe for your own custom WordPress theme. Then, start adding design and visual interest to your themes.

IMPORTANT: It's assumed you have some experience with Photoshop, HTML, CSS, and that you've completed our WordPress 4 Fundamentals course.

Course Curriculum

Introduction

Course Files
Start
Hello and Welcome - 2:30
Start
Tools We'll Need - 4:23
Start
The Workflow Process - 4:38
Start

Getting Wordpress Set Up

Understanding How WordPress Themes Are Constructed - 4:08
Start
Understanding WordPress File Hierarchy - 5:07
Start
Considerations When Customizing A Theme - 3:03
Start
Applying a Blank Wordpress Theme - 7:11
Start
Customization Options From The Wordpress Back-End - 8:38
Start
Creating Sample Posts for the Loop - 4:57
Start
Creating Our Site's Page Structure - 2:57
Start

Wireframing The Theme's Layout

Viewing the Final Photoshop Layout - 4:24
Start
Setting Up The Master Div - 10:39
Start
Roughing in the Header - 4:28
Start
Inserting a Rough Logo - 6:19
Start
Listing Pages As The Site's Main Nav Menu - 7:19
Start
Applying Formatting to the Navigation Menu - 8:54
Start
Wiring In The Header's Call To Action Button - 4:58
Start
Building The Hero Content Area - 5:50
Start
Roughing In The iPad Graphic - 4:44
Start
Structuring The Hero Section's Text - 8:14
Start
Creating The Introducing Section - 6:34
Start
Setting Up The Introducing Boxes and Placeholder Graphics - 5:53
Start
Setting Up The Blog Loop - 8:46
Start
Structuring In The Get It Now Section - 6:20
Start
Roughing In The Footer & Cleaning Up Our Code - 8:57
Start

From Wireframe to Design

Methods For Extracting Images From Photoshop - 11:10
Start
Inserting The Logo Image - 5:19
Start
Formatting The Header - 5:09
Start
Formatting The Call To Action Button, Pt 1 - 11:43
Start
Formatting The Call To Action Button, Pt 2 - 6:08
Start
Integrating The Google Font API - 4:56
Start
Getting Started Formatting The Hero Section - 6:17
Start
Formatting The Hero Section Text - 4:18
Start
Formatting The Hero Button - 3:32
Start
Building Up The Introducing Area - 5:31
Start
Setting Up The Blog Loop & Using Chrome's Developer Tools - 6:39
Start
Applying Formatting To The Get Section - 3:55
Start
Finishing Up With The Footer - 6:17
Start

Finishing Touches

Integrating A Sidebar Into The Site Layout - 8:11
Start
Formatting The Sidebar - 6:26
Start
Setting Up Page Navigation - 4:14
Start
Using WP-Paginate To Control Pagination - 4:53
Start
Further Theme Considerations - 8:57
Start
Wrapping Up - 2:02
Start

off original price!

The coupon code was not applied because it has already been redeemed or expired. Please click on "My Courses" to see if the course is already on your account.

Get started now!

Paid Course Coupon Discount

or pay in installments:

$99

46240+ Students

45 Lectures

4+ Hours of Video

Lifetime Access

24/7 Support

Instructor Rating

Train Simple

Train Simple is a leading provider on video-based training courses for creatives, photographers, and coders. As an Adobe Authorized Training Provider, we specialize in creating the highest quality content, allowing you to maximize your experience in a concise, easy-to-follow manner.

Popular Bundles

StackSkills Unlimited
Evan Kimbrell's Business Launching Bundle
Essential JavaScript Coding Bundle
Ultimate Web Developer Bundle
World Travel Hacker Bundle

off original price!

The coupon code was not applied because it has already been redeemed or expired. Please click on "My Courses" to see if the course is already on your account.

Just In

The 2020 Learn to Code Bundle

Hot Bundle

Master Photoshop & The Entire Creative Cloud

Unlimited Learning

Expand Your Mind with StackSkills Unlimited

Course Categories

WordPress Building Custom Themes

Understand the basic construction of WordPress themes.

What's Inside

About this Course

Course Curriculum

Introduction

Getting Wordpress Set Up

Wireframing The Theme's Layout

From Wireframe to Design

Finishing Touches

Get started now!

Paid Course Coupon Discount

Train Simple