WordPress 3: Creating and Editing Custom Themes
By: Chris Coyier
Duration: 4h 28m
Description:
In WordPress 3.0: 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:
Introduction
- Welcome 01:19
- Using the exercise files 05:25
40:42 1. From Spec to Photoshop
- Reviewing the client spec and deciding on WordPress 06:50
- Reviewing assets and resources and creating a mood board 08:41
- Building a home page mockup 11:26
- Finishing the home page 12:27
- Planning the rest of the site 01:18
01:08:09 2. Converting Photoshop to HTML > CSS
- Starting with a base project 03:06
- Writing HTML code for the home page 12:07
- Starting the CSS: Creating the header and basic style structure 11:28
- Styling the Navigation panel 10:59
- Styling the sidebar 07:55
- Styling the home page, pt. 1 08:20
- Styling the home page, pt. 2 08:17
- Finishing the CSS 03:14
- Moving on: One page is enough 02:43
01:56:12 3. Building a WordPress Theme
- Setting up WordPress and MAMP on a Mac 06:07
- Setting up WordPress and WAMP on a Windows computer 05:38
- Modifying important settings 06:26
- Starting with a blank theme template 04:35
- Introducing template file structure 04:55
- Breaking up the HTML 09:53
- Building the sidebar 03:54
- Building the navigation 07:20
- Showing one recent post 04:01
- Fetching external content 08:23
- Creating a custom home page 03:30
- Introducing custom fields 05:23
- Creating custom product pages 09:52
- Creating custom category pages 15:39
- Creating the blog home page 05:39
- Creating a single blog entry page 04:15
- Implementing comments 05:57
- Finishing the home page 04:45
34:17 4. Beyond the Theme
- Will this work with WordPress? 03:10
- Using javascript in themes the right way 08:35
- Implementing something fun with javascript 07:53
- Introducing plug-ins 06:31
- Setting up security 08:08
02:07 Conclusion
