Building Custom WordPress Sites from Scratch

Course Curriculum

Chapter 1: Site Planning And Wireframing

Lecture 1: Working Files – Download These First

Lecture 2: What You Will Learn

Lecture 3: The Workflow Process

Lecture 4: Setting Up Illustrator For Web Layout

Lecture 5: Getting Started With Wire Framing

Lecture 6: Making The Layout Precise With Transform And Align

Lecture 7: Setting Up Layout Guides

Lecture 8: Wireframing Additional Layout Objects

Lecture 9: Finishing Up The Wireframe – Part 1

Lecture 10: Finishing Up The Wireframe – Part 2

Chapter 2: From Wireframe To Design

Lecture 1: Choosing Fonts

Lecture 2: Choosing Colors

Lecture 3: Creating The Site Logo

Lecture 4: Scaling And Positioning The Logo

Lecture 5: Creating A Brush Effect

Lecture 6: Building Out The Design Further

Lecture 7: Pushing The Design Further

Lecture 8: Using Yahoo! Design Elements

Chapter 3: Moving The Design To Photoshop

Lecture 1: Getting The Design Into Photoshop

Lecture 2: Adjusting The Canvas Size

Lecture 3: Introducing Smart Objects

Lecture 4: Breaking Apart The Layout – Part 1

Lecture 5: Breaking Apart The Layout – Part 2

Lecture 6: Breaking Apart The Rest Of The Layout

Lecture 7: Organizing The Layers Panel

Lecture 8: Building Out The Header

Lecture 9: Inserting The Header Texture And A Clipping Group

Lecture 10: Inserting Photographs – Part 1

Lecture 11: Inserting Photographs – Part 2

Lecture 12: Building The Center Section

Lecture 13: Finalizing The Layout

Chapter 4: Installing WordPress Locally On The PC And Mac

Lecture 1: Downloading WordPress

Lecture 2: Downloading XAMPP For PC

Lecture 3: Starting Up XAMPP And Creating The MySQL Database

Lecture 4: Installing WordPress On The PC

Lecture 5: Downloading MAMP For Mac

Lecture 6: Pointing MAMP To WordPress

Lecture 7: Creating The Database And Installing WordPress On The Mac

Chapter 5: Getting WordPress Set Up

Lecture 1: Viewing And Touring The Admin Console

Lecture 2: Viewing The WordPress Front And Backend

Lecture 3: WordPress Main Areas

Lecture 4: Permalink Option Settings

Lecture 5: Changing The Sites Theme

Chapter 6: Building A Custom WordPress Theme

Lecture 1: Viewing The Template Files And A Note About Text Editors

Lecture 2: Defining The Main Layout Components – Part 1

Lecture 3: Defining The Main Layout Components – Part 2

Lecture 4: Adjusting The Layout Width

Lecture 5: Starting The Sites Header

Lecture 6: Slicing The Layout's Header Graphic

Lecture 7: Saving The Header Background

Lecture 8: Correcting The File Structure

Lecture 9: Inserting The Header Graphic Into The CSS

Lecture 10: Extracting The Logo From The Photoshop Layout

Lecture 11: Inserting The Logo And Making Code Adjustments

Lecture 12: Resizing The Logo

Lecture 13: Roughing In The Slidshow – Part 1

Lecture 14: Roughing In The Slidshow – Part 2

Chapter 7: Building The Site's News Feed

Lecture 1: Understanding How Posts And The Loop Works

Lecture 2: Writing And Publishing Posts

Lecture 3: Setting A Featured Image Post Thumbnail – Part 1

Lecture 4: Setting A Featured Image Post Thumbnail – Part 2

Lecture 5: Inserting The More Tag

Lecture 6: Creating Additional Test Posts

Lecture 7: Setting The Blog Loop Background Graphic

Lecture 8: Controlling Background Tiling

Lecture 9: Adding The Blog Loop Title

Lecture 10: Customizing How Posts Display – Part 1

Lecture 11: Customizing How Posts Display – Part 2

Lecture 12: Finalizing The Blog Loop

Chapter 8: Building The Site Pages And Main Menu

Lecture 1: Understanding Pages Versus Posts

Lecture 2: Publishing Pages And Updating The Menu

Lecture 3: Creating Additional Test Pages

Lecture 4: Controlling The Order Of Menu Items

Lecture 5: Finishing Up The Menu

Chapter 9: Building The Layout's Center Section

Lecture 1: Saving The Graphic For The Center Section

Lecture 2: Coding The Center Section

Lecture 3: Applying The Background Texture

Lecture 4: Extracting The Center Section Graphics

Lecture 5: Coding The Center Graphics

Lecture 6: Final Center Box Adjustments

Lecture 7: Setting Center Box Hyperlinks

Chapter 10: Building An Automated Slideshow

Lecture 1: Downloading And Installing The Gallery Plugin

Lecture 2: Inserting The Gallery Code

Lecture 3: Creating The Slideshow Graphics

Lecture 4: Building The Slide Posts

Lecture 5: Configuring The Slideshow

Lecture 6: Removing The Gallery Posts From The Loop

Chapter 11: Building The Sidebar And Footer

Lecture 1: Saving Out The Sidebar Background

Lecture 2: Adjusting The Sidebar CSS