Lynda.COM WordPress 3: Creating and Editing Custom Themes

Author:
Chris Coyier

Duration:
04h 28m

Released on:
11/3/2010

Exercise files:
Yes

Software works on:
Windows only


In WordPress 3: Creating and Editing Custom Themes, author Chris Coyier shows how to build a custom WordPress theme from scratch and satisfy common client requests. The course covers steps necessary to build a theme using a complete workflow with Photoshop, HTML, CSS, and WordPress 3.0. Also included are tutorials on enhancing a WordPress site with JavaScript, using plugins, and ensuring site security. Exercise files accompany the course.
Topics include:

    Building a design in Photoshop
    Converting Photoshop design to HTML and CSS
    Setting up MAMP on Mac and WAMP on Windows
    Moving HTML and CSS into a WordPress theme
    Building navigation
    Using custom fields
    Creating a commenting system
    Using JavaScript and plugins





Introduction
Welcome           01m 19s
Using the exercise files           05m 25s

1. From Spec to Photoshop
Reviewing the client spec and deciding on WordPress           06m 50s
Reviewing assets and resources and creating a mood board           08m 41s
Building a home page mockup           11m 26s
Finishing the home page           12m 27s
Planning the rest of the site           01m 18s

2. Converting Photoshop to HTML/CSS
Starting with a base project           03m 06s
Writing HTML code for the home page           12m 07s
Starting the CSS: Creating the header and basic style structure           11m 28s
Styling the Navigation panel           10m 59s
Styling the sidebar           07m 55s
Styling the home page, pt. 1           08m 20s
Styling the home page, pt. 2           08m 17s
Finishing the CSS           03m 14s
Moving on: One page is enough           02m 43s

3. Building a WordPress Theme
Setting up WordPress and MAMP on a Mac           06m 07s
Setting up WordPress and WAMP on a Windows computer           05m 38s
Modifying important settings           06m 26s
Starting with a blank theme template           04m 35s
Introducing template file structure           04m 55s
Breaking up the HTML           09m 53s
Building the sidebar           03m 54s
Building the navigation           07m 20s
Showing one recent post           04m 01s
Fetching external content           08m 23s
Creating a custom home page           03m 30s
Introducing custom fields           05m 23s
Creating custom product pages           09m 52s
Creating custom category pages           15m 39s
Creating the blog home page           05m 39s
Creating a single blog entry page           04m 15s
Implementing comments           05m 57s
Finishing the home page           04m 45s

4. Beyond the Theme
Will this work with WordPress?           03m 10s
Using JavaScript in themes the right way           08m 35s
Implementing something fun with JavaScript           07m 53s
Introducing plug-ins           06m 31s
Setting up security           08m 08s

Conclusion
Goodbye           02m 07s