Being able to design custom WordPress themes is almost a must for today’s web designers. The fun thing with WordPress is that there’s always something new that you can learn to make the platform work better for you and your clients. These 10 tutorials will teach basic WordPress theming as well as some more advanced skills.
If you like getting design inspiration by looking at excellent blog designs, you’ll love our new gallery site Blog Design Heroes.
Designing for WordPress
Chris Coyier of CSS-Tricks has a three-part video series for downloading and installing WordPress, all the way through everything else involved with designing a custom theme. The example theme that is built through the series is a personalized homepage theme.
How to Create WordPress Themes from Scratch
Kai Loon wrote this popular series (see parts 1, 2, 3a, and 3b). It’s very detailed and covers designing the theme in Photoshop, slicing and coding, and all of the files involved in the theme. If your looking for a great guide to take you through the etire process of desigining and coding, this is a good place to start.
How to Make a Control Panel for Your WordPress Theme
While there are plenty of good tutorials for designing and coding themes, there are very few that touch on the process of creating a control panel. This one from Cats Who Code takes you through the process, as used in the Mimbo theme.
How to Create a WordPress Theme from Scratch
NETTUTS has a two-part series (see parts 1 and 2) that’s a good resource for new theme developers. It cover the basic files of the theme, including CSS, and the tutorial walks through the development of a basic sample theme.
Build a Newspaper Theme with WP_Query and the 960 CSS Framework
For a non-traditional or magazine-style layout, this tutorial will take you through the specific WordPress coding that’s involved and you’ll create a simple, but attractive, sample layout.
Build a Basic Newspaper Layout with WordPress and jQuery
This is another excellent tutorial from NETTUTS for building a different newspaper layout. Of course, it covers all the coding of the various WP files involved.
So You Want to Create WordPress Themes Huh?
Small Potato wrote a detail 16-part series on all aspects of theme development. Most of the individual sections of the theme are not that long, so 16 parts isn’t as intimidating or time-consuming as it may seem.
How to Create a WordPress Template or Theme
This tutorial from Aneko Studios was one of the first ones I read on WordPress theme development. It covers the different files that make up the WordPress theme and the basic coding that is involved with each.
Dissection of a WordPress Theme
An older tutorial, but still relevant, this is an in-depth series from Urban Giraffe (See parts 1, 2, 3, and 4) that will take you through the entire process of developing a WordPress theme, with plenty of explanation to go along with the code samples.
Developing a WordPress Theme
Deziner Folio did a tutorial that covers the basics of the header, sidebar, footer and index files. This one is not as in-depth as some of the others on this list, but it is a good place to get a quicker understanding of theme development.
One Final Resource
In addition to the ten tutorials listed above, the WordPress Codex is also a great resource with loads of information. The section for theme development is a great resource, especially if your new to WP theme development.
For more posts on WordPress, see:
October 22nd, 2008
[...] Top 10 Tutorials for Developing WordPress Themes [...]
October 22nd, 2008
This is just what Ive been looking for, thanks!!, the more I can learn about wordpress the better:)
October 22nd, 2008
These will definatly be useful very soon, Awesome
October 23rd, 2008
Thanks for linking to our article
October 23rd, 2008
I start off with a blank seo’d wordpress theme.
Most changes can be made with CSS, see it at http://ianpurton.com/seo-wordpress-sandbox-theme/
October 23rd, 2008
I will be looking through these!!
This is something that I am currently working on!
October 23rd, 2008
Superb, Steven! Bookmarked for sure. Thanks.
October 23rd, 2008
Thank you — bookmarked you and will be coming back to visit !
October 23rd, 2008
This is one brilliant post, you guys are the best! The only problem is that I now have no excuse not to make my blog a lot better.
October 23rd, 2008
Great, I’m glad it can help.
October 23rd, 2008
Ian,
Starting with a blank theme is a good practice.
October 23rd, 2008
Great post. Bookmarked.
October 23rd, 2008
You guys consistently put out great posts. Thanks for these suggestions!
October 23rd, 2008
[...] Top 10 Tutorials for Developing WordPress Themes | Vandelay Website Design. [...]
October 23rd, 2008
Great list! Thanks for sharing
October 23rd, 2008
jbj,
You’re welcome. Thanks for a great tutorial.
October 23rd, 2008
[...] Top 10 Tutorials for Developing WordPress Themes | Vandelay Website Design (tags: wordpress tutorial themes) [...]
October 23rd, 2008
[...] Top 10 Tutorials for Developing WordPress Themes | Vandelay Website Design (tags: wordpress webdesign web tutorials themes list) Share and Enjoy:These icons link to social bookmarking sites where readers can share and discover new web pages. [...]
October 24th, 2008
[...] 10 tutoriales para el desarrollo y creación de temas para [...]
October 24th, 2008
[...] Top 10 Tutorials for Developing WordPress Themes | Vandelay Website Design (tags: wordpress webdev themes tutorials) [...]
October 24th, 2008
[...] Visit list please wait…SHARETHIS.addEntry({ title: “Top 10 Tutorials for Developing WordPress Themes”, url: “http://listicted.com/top-10-tutorials-for-developing-wordpress-themes/” }); Tags: design, developmet, list, wordpress [...]
October 24th, 2008
Hey, thanks a lot for that great list. I thought of creating a WP-Theme for a long time, but I never really knew how to start. Now I’ve got something to do in my free time
I already linked that list on my blog.
thx again
Thomas
October 24th, 2008
[...] Top 10 Tutorials for Developing WordPress Themes | Vandelay Website Design[Webデザイン,WordPress] [...]
October 24th, 2008
[...] Top 10 Tutorials for Developing WordPress Themes [...]
October 24th, 2008
Grt…. list …. Awesome….
October 24th, 2008
I can relate to this ! , I’ve heard some goody things about this blog !
October 25th, 2008
Man, that’s great - lovely for me to use those tutorials..:) I am really enjoying this article!
October 25th, 2008
[...] hur man skapar en WordPress-mall. Jag har tittat igenom en del av länkarna och tycker att VandelayDesign.coms lista är en bra början om man antingen är ute efter att skapa en helt ny bloggmall till WordPress [...]
October 25th, 2008
[...] Top 10 Tutorials for Developing WordPress Themes via megan taylor. (tags: wordpress tutorials themes) Share and Enjoy:These icons link to social bookmarking sites where readers can share and discover new web pages. [...]
October 25th, 2008
[...] Top 10 Tutorials for Developing WordPress Themes | Vandelay Website Design (tags: WordPress themes) [...]
October 25th, 2008
Hi, great list. I need this for developing my very first Wordpress Theme.. Wish me luck!
October 26th, 2008
Another great post. I am glad I stumbled on this blog. I checked out the control panel link. That would be an immense time saver for maintaining a home page. One of the things I struggled to understand is the options for showposts and wp_list_categories… etc. I have still never seen them listed all in one place atone time. But the control panel concept would allow someone to change all their homepage elements at one time from one place instead of going to 3 different files like home.php and home right-sidebar.php and home-left-sidebar.php and so forth. Brilliant.
October 26th, 2008
[...] Top 10 Tutorials for Developing Wordpress Themes [...]
October 26th, 2008
Nice collections you have. Tks. Keep on Smiling. Salaam.
October 26th, 2008
Great post. Even for someone who’s built a lot of WordPress themes I like to know that there’s a list of resources to refer back to. Keep them coming.
October 27th, 2008
Man …i luv ur website.
Like all of your tutorials very very much
this post especially awesome
October 27th, 2008
Good tutorials for wordpress themes… I have learned a lot from this site…Thanks!
October 27th, 2008
[...] Top 10 Tutorials for Developing WordPress Themes | Vandelay Website Design - Excellent database for learning to develop your own theme. [...]
October 28th, 2008
I’m too lazy to make my own themes so I prefer to download them )
October 28th, 2008
Love it. Used Chris Coyier’s to build mine
October 30th, 2008
[...] Top 10 Tutorials for Developing WordPress Themes | Vandelay Website Design (tags: wordpress) [...]
October 31st, 2008
[...] Top 10 Tutorials for Developing WordPress Themes [...]
November 3rd, 2008
[...] Top 10 Tutorials for Developing WordPress Themes [...]
November 3rd, 2008
These will definatly be useful very soon, Awesome
November 22nd, 2008
That’s quite a list there - I’ve already read most of them. I’m surprised you didn’t include WPDesigner’s series - which I believe is one of the best available.
Thanks for the link to CatsWhoCode about making an admin control panel, I’ve been pondering over one for weeks now.
November 22nd, 2008
Wow what a list, Word Press is the way to go. I have used others in the past, but WP is the best.
Allen
November 25th, 2008
[...] Enlace: 10 tutorials for developing wordpress themes [...]
January 6th, 2009
[...] Top 10 Tutorials for Developing WordPress Themes (tags: design WebDesign wordpress tutorial) [...]
January 26th, 2009
[...] apprendre à personnaliser le design de son blog : - Des tutoriaux sur la personnalisation de Worspress en anglais - Créer son thème de Blog de A à Z par Fran6art. - Comment travailler en local pour [...]
January 27th, 2009
I’ve been meddling with three wordpress sites for the past year, and perhaps this will finally lead me to just suck it up and develop my own…this might get interesting.
Thanks for putting this together.
February 2nd, 2009
Thanks for these resources. Excellent list. Been meaning to make my own WordPress theme for the longest time. Thanks so much!
February 11th, 2009
[...] Top 10 Tutorials for Developing WordPress Themes [...]
February 21st, 2009
I was about to go looking for a control panel tutorial - thanks man
March 13th, 2009
[...] Top 10 Tutorials for Developing WordPress Themes [...]
March 24th, 2009
[...] Top 10 Tutorials for Developing WP Themes - Provided by Vandelay Design [...]
April 9th, 2009
Great list!
April 20th, 2009
[...] Top 10 Tutorials for Developing WordPress Themes | Vandelay Design Blog Dix tutoriaux sur les bases du theming wordpress (tags: wordpress tutorials themes design tutorial) [...]
May 7th, 2009
Hi
It is Awosme .
I find a php training institutes.
May 13th, 2009
[...] Top 10 Tutorials for Developing WordPress Themes [...]
June 1st, 2009
Wow! This is the second time today I’ve found myself on a list - I’m all blushing and stuff - thanks for including me. (And now I’m *so* glad I included that redirect for my tutorial too - since I’m taking down the “Aneko Studios” site here in a few months!) I’m so glad it’s been helpful to others - and thanks again for including my tut
Excellent other tutorials as well - some of these I haven’t seen yet, so I’ll be taking a look at those too
June 2nd, 2009
[...] Top 10 Tutorials for Developing WordPress Themes | Vandelay Design Blog [...]
June 10th, 2009
[...] Top 10 Tutorials for Developing WordPress Themes [...]
June 17th, 2009
[...] Top 10 Tutorials for Developing WordPress Themes Vandelay Design Posted by root 38 minutes ago (http://vandelaydesign.com) Being able to design custom wordpress themes is almost a must for top 10 tutorials for developing wordpress themes vandelay website design excellent database for comment cr er un blog avec 1and1 fr partie 1 l 39 installation et la vandelay website design Discuss | Bury | News | Top 10 Tutorials for Developing WordPress Themes Vandelay Design [...]
June 23rd, 2009
[...] Top 10 Tutorials for Developing WordPress Themes [...]