In this post I will try to list nearly a few quality tutorials targeting the creation of a wordpress theme or template. All in all I discovered so far about 12 tutorials. If I stumble upon a new quality tutorial, I will add it to this comprehensive list. I hope this list helps you to to modify or put together your individual theme. The given order of the list is not related to quality or up-to-dateness.
Tutorials
- From XHTML/CSS to WordPress
This Tutorial explaines the relevant techniques on how to create a Wordpress theme.
- Wordpress Theme: Creating a layout (Step 1)
The first part of the tutorial emphasises the basic considerations, which have to be made, i.e. the layout, before starting to code and design a theme for Wordpress.
- Wordpress Theme: Creating a theme (Step 2)
The second part gives the first coding of the style.css and the index.php-files, as well as explanations on some PHP template tags. The so far achieved theme, is available for download.
- Wordpress Theme: Creating a theme (Some side comments)
As the title already shows, this part gives some thoughts on what is to be achieved with the next step of the tutorial.
- How To – Design Your Own WordPress Theme
This How-to requires a blank Wordpress theme, which is provided by the author of the tutorial and explains the creation and editing of the relevant CSS and HTML files.
- How to edit Wordpress themes using Dreamweaver
For those of you who prefer to use WYSIWYG-Editors to edit your Wordpress theme, here is a small tutorial which gives a basic introduction to Wordpress + WYSIWYG-Editor.
- How to create a WordPress theme: A guide for the design-challenged non-geek
This tutorial gives an introduction on designing a minimalistic theme, based on the design of Plain 1.0 by James Koster.
- WordPress theme screencast for design-challenged non-geeks
This screencast explains how to create a Wordpress theme based on a design of Open Source Web Design (oswd.org). It includes a large amount of code editing examples
- How-To: Create a Wordpress Theme in 5 minutes
This HowTo gives an example of the basic structure of a Wordpress theme by means of example code of the basic template files.
- Creating a Wordpress Theme: Part I
An example on editing an existing theme with HTML and CSS is given in this tutorial.
- Creating a Wordpress Theme: Part II – Using Includes
The second part of the tutorial gives an way on how to create a second loop to pull different posts from the database for showing asides on the Wordpress theme.
- Screencast Tutorial: Intro to Editing a WordPress Theme
The Screencast gives a basic introduction on editing and designing a Wordpress theme and shows different tools to edit the theme manually.
- How to create a Wordpress Template or Theme
This tutorial is divided into seven parts and gives lots of tips and explanations on how to create a Wordpress theme from the scratch.
- WordPress Themes: Starting Your Custom Theme
This tutorials covers the the creation of a theme, including the loop, footer, sidebar and comments.
- Make your Own Wordpress Theme – Part 1
Being separated into seven parts, this tutorial explaines how to write a theme (including layout, header, index, comments, sidebar and footer).
Wordpress Ressources
- Theme Development
A lot of information on the structure and elements of a Wordpress theme.
- Stepping into Templates
Official reference of the basic page structures and template files of a Wordpress theme.
- Template Tags
Official reference of Template tags, which are used within your blog’s Templates to display information dynamically or otherwise customize your blog.
- Designing Themes for Public Release
These are not hard and fast rules, they are more guidelines, on how to make your Theme the best it can be before exposing it to the public.
- Designing a WordPress Theme From Scratch
Basic Tips and a massive list of theme design help.
- Wordpress Cheat Sheet
Check out the Wordpress Cheat Sheets.
WordpressMU, the other Wordpress
- Designing Themes for WordPressMU
Due to the fact that the WordpressMU structure (used on Wordpress.com) differs to the structure of the basic Wordpress structure, the coder of a WordpressMU theme has to regard certain boundaries.
Popularity: 29% [?]
20 Responses
Stay in touch with the conversation, subscribe to the RSS feed for comments on this post.
Thank you so much for this list. I’ve started bookmarking Wordpress tutorials myself, but you’ve got a far more comprehensive list here.
Thank you from Toronto, Canada.
Here’s my own humble addition to the excellent mix:
http://www.jonathanwold.com/tutorials/wordpress_theme/
Here’s two more tutorials –
Developing a Wordpress Theme
Designing a Wordpress Theme
Continuing the Discussion