Become A WordPress Theme Developer Who Rocks In Four Steps (and 50+ readings)

Become A WordPress Theme Developer Who Rocks In Four Steps (and 50+ readings)
  • 7 October 2009
  • WordPress
  • This post was written exclusively for PV.M Garage by Piervincenzo Madeo
  • Comments (94)»

It has been proved. You can become a “RockStar” developing WordPress themes. Think at the audience, think at the creative process… in my opinion a great WP theme is like a great rock song.
In my experience I’ve developed some themes for this great blogging platform and when I start a new WordPress-based project my mind automatically thinks at the development of the website in four steps (once the concept is set). My brain sends me the following orders: first, design the general web-layout in Photoshop; second, convert the mockup to a (x)html/css webpage; third, develope the theme for WP; fourth, hack your template. My brain often is a strange company.

The steps are clear and in this post you can find some useful tutorials and excellent readings to really become a star as WordPress Themes Designer.
I tested many of the following tutorials, and they help me to improve my skills. My brain thanks.

First Step: Design Your Layout in Photoshop

Below there are the top tutorials for learning how to design a perfect web-layout. They show how to create the essential elements for a WordPress-based website using amazing techniques in PhotoShop.

How to Make an Impressive Blog Layout in Photoshop

Become A WordPress Theme Developer Who Rocks In Four Steps

Create an Elegant Photoshop (PSD) Template for Wordpress

Become A WordPress Theme Developer Who Rocks In Four Steps

Create a wordpress interface in Photoshop

Become A WordPress Theme Developer Who Rocks In Four Steps

How to Create a Unique Wordpress Theme

Become A WordPress Theme Developer Who Rocks In Four Steps

Creating a tech blog layout in Adobe Photoshop

Become A WordPress Theme Developer Who Rocks In Four Steps

Wordpress Layout #5

Become A WordPress Theme Developer Who Rocks In Four Steps

Create a Vibrant Modern Blog Design in Photoshop

Become A WordPress Theme Developer Who Rocks In Four Steps

Create a Magic Night Themed Web Design from Scratch in Photoshop

Become A WordPress Theme Developer Who Rocks In Four Steps

Creating A Professional Magazine Web Layout

Become A WordPress Theme Developer Who Rocks In Four Steps

How to Create a Sleek and Textured Web Layout in Photoshop

Become A WordPress Theme Developer Who Rocks In Four Steps

How to Create a “Worn Paper” Web Layout Using Photoshop

Become A WordPress Theme Developer Who Rocks In Four Steps

#71: Building a Website (1 of 3): Photoshop Mockup

Become A WordPress Theme Developer Who Rocks In Four Steps

Second Step: PSD-to-HTML Conversion

I understand, maybe you are bored switching from Photoshop to a blank page that needs your skills to become a perfect (x)html/css web-layout. Don’t worry, below you can find more information to speed and to improve your techniques in psd-to-html conversion.

How to Convert a Photoshop Mockup to XHTML/CSS

Become A WordPress Theme Developer Who Rocks In Four Steps

Styling Post Headings That Stick Out

Become A WordPress Theme Developer Who Rocks In Four Steps

Animated Navigation with CSS & jQuery

Become A WordPress Theme Developer Who Rocks In Four Steps

Tips for Developing Semi-Liquid Layouts

Become A WordPress Theme Developer Who Rocks In Four Steps

#72: Building a Website (2 of 3): HTML/CSS Conversion

Become A WordPress Theme Developer Who Rocks In Four Steps

SportNewsPvm Coded, How To Plan A Web Layout For A WordPress Theme

Become A WordPress Theme Developer Who Rocks In Four Steps

MakingSEO coded, Free CSS Template with PSD-to-HTML tips

Become A WordPress Theme Developer Who Rocks In Four Steps

How to Code a Grunge Web Design from Scratch

Become A WordPress Theme Developer Who Rocks In Four Steps

Third Step: WordPress Rocks!

You are ready “to get in the zone”. Read the following posts to discover the techniques and tricks to build a great WordPress theme.

#73: Building a Website (3 of 3): WordPress Theme

Become A WordPress Theme Developer Who Rocks In Four Steps

How To Create a WordPress Theme: The Ultimate WordPress Theme Tutorial

Become A WordPress Theme Developer Who Rocks In Four Steps

How to Create a Wordpress Theme from Scratch

Become A WordPress Theme Developer Who Rocks In Four Steps

How to write your own wordpress theme

Become A WordPress Theme Developer Who Rocks In Four Steps

Build a Newspaper Theme With WP_Query and the 960 CSS Framework

Become A WordPress Theme Developer Who Rocks In Four Steps

Styling Your Wordpress Comments

Become A WordPress Theme Developer Who Rocks In Four Steps

So you want to create WordPress themes huh?

Become A WordPress Theme Developer Who Rocks In Four Steps

Four Step: Hacks to Improve your Theme

Customize your website using the tips collected below. You’ll find some fantastic suggestions on how to boost your website.

The Ultimate Wordpress 2.8 Optimization Guide

Become A WordPress Theme Developer Who Rocks In Four Steps

Display Thumbnails For Related Posts in Wordpress

Become A WordPress Theme Developer Who Rocks In Four Steps

Displaying Author Meta Information in Wordpress 2.8

Become A WordPress Theme Developer Who Rocks In Four Steps

How to : Make a control panel for your wordpress theme

Become A WordPress Theme Developer Who Rocks In Four Steps

Display Subcategories on Category Pages in WordPress

Become A WordPress Theme Developer Who Rocks In Four Steps

How To Rearrange Comments in WordPress – Display the Most Recent One on Top

Become A WordPress Theme Developer Who Rocks In Four Steps

WordPress loop: Get posts published between two particular dates

Become A WordPress Theme Developer Who Rocks In Four Steps

Wordpress tutorial: Blog posts in different columns

Become A WordPress Theme Developer Who Rocks In Four Steps

Multiple WordPress Loops Explained

Become A WordPress Theme Developer Who Rocks In Four Steps

Extra: Resources and Utilities

Build your own set of tools to speed up the the development of your website proudly powered by WordPress.

Wordpress – Lorem Ipsum Test Post Pack

Become A WordPress Theme Developer Who Rocks In Four Steps

WordPress PSD Framework

Become A WordPress Theme Developer Who Rocks In Four Steps

Blank Wordpress Themes

Become A WordPress Theme Developer Who Rocks In Four Steps

Thematic, A WordPress Theme Framework

Become A WordPress Theme Developer Who Rocks In Four Steps

Free HTML 5 WordPress Theme

Become A WordPress Theme Developer Who Rocks In Four Steps

ThemeHybrid is about users, quality and WordPress

Become A WordPress Theme Developer Who Rocks In Four Steps

WP Framework, A blank WordPress Theme Framework

Become A WordPress Theme Developer Who Rocks In Four Steps

Whiteboard – A Free Wordpress Theme Framework

Become A WordPress Theme Developer Who Rocks In Four Steps

Extra: Other Useful Articles and Roundups

Below you’ll see a collection of other great articles and roundups to find other awesome resources.

Wordpress Posts Explained…

Become A WordPress Theme Developer Who Rocks In Four Steps

WordPress Theme / CSS Techniques

Become A WordPress Theme Developer Who Rocks In Four Steps

Power Tips For WordPress Template Developers

Become A WordPress Theme Developer Who Rocks In Four Steps

22 Mixed Quality Wordpress Hacks

Become A WordPress Theme Developer Who Rocks In Four Steps

135+ Ultimate Round-Up of Wordpress Tutorials

Become A WordPress Theme Developer Who Rocks In Four Steps

300+ Resources to Help You Become a WordPress Expert

Become A WordPress Theme Developer Who Rocks In Four Steps

Top 50 Wordpress Tutorials

Become A WordPress Theme Developer Who Rocks In Four Steps

Personalise your WordPress Weblog

Become A WordPress Theme Developer Who Rocks In Four Steps

Best of the Best? WordPress.org!

All-In-One! Browse Wordpress.org to discover the secrets behind the state-of-the-art publishing platform.

Become A WordPress Theme Developer Who Rocks In Four Steps

Author: Piervincenzo Madeo

From a little city in the South of Italy, a web designer, a coder, a blogger. This is Piervincenzo, just a guy who has a great love for creativity and enjoys making high-quality stuff and sharing good information about web design and development.

website design and development

94 Comments

  1. marbio

    This article rocks!!!It’s awesome.
    My weak point in WP Theme Developing is the first step.
    You’ve posted some very useful links, thanks piervix. ;)

  2. Scott Madden

    As usual you have provided a very useful and informative article in an effort to share it with my readers I have included a link to it in the sidebar tutorials section of our site. Thanks and keep up the good work.

  3. Steph (Technofeliz)

    The most complete article I’ve found on Wordpress Theme design…

    Bookmarked… :)

  4. Josh

    It has been “proven.” Otherwise, great article! :D

  5. piervix

    Thanks guys!

    @Josh: thanks for the tip, I’m trying to improve my skills with English… ;)

  6. piervix

    @Josh: could you explain me why in the following article the journalist uses “it has proved”? It is curiosity – http://www.timesonline.co.uk/tol/sport/cricket/article6719735.ece

    “It has been proved that two-dimensional television pictures often deceive on these occasions.” [...]

  7. The Frosty

    Very nice collection of articles and links!

  8. Anysia (Booklorn on Twitter)

    Thanks for the collection of tutorials. They will be very useful when I find time to redo my blog theme properly.

    In response to your question to Josh, you were actually in your original usage. According to Garner’s Modern American Usage (a very good usage guide), “‘proved’ is the preferred past participle of prove, but ‘proven’ is often used ill-advisedly…In American English, proven properly exists only as an adjective.”

    Proven is actually quite commonly used in North America by English speakers, but it’s not proper usage (I didn’t know that until I looked it up and I’m an editor!).

  9. Anysia (Booklorn on Twitter)

    It’s late and I didn’t proofread. I meant to say “you were actually correct in your original usage.”

  10. piervix

    @The Frosty: Thanks for the comment!

    @Anysia: Thanks for the comment and the perfect explanation!

  11. Inside the Webb

    Awesome article! I just stumbled into this blog today and I am very impressed by all of the awesome content here. Keep up the good work, and if you’re ever interested in having an interview for my blog feel free to check it out and let me know! http://www.insidethewebb.com/

    • piervix

      @Inside the Webb: you’re welcome, thanks for the kind words!

  12. Tutorijali HDonWEB

    Great collection :-) bookmarked

  13. Anton Korzhuk

    Awesomeness! great article, bookmarked and recommended to friends.

  14. Keith

    I suppose I can delete all previous bookmarked sites regarding WordPress. Great collection. Thanks for sharing.

  15. 200.30.189.194:8080

    Incredibly nice read, several great points were made.

  16. Jenny

    awesome post. I’m going through it one by one to see if I can use any of it for my design :D

  17. S. Ramelan

    Here is another great one http://morzdesign.com/tutorial-how-to-create-a-wordpress-theme-from-scratch/

  18. http://uxmovement.com/forms/faster-with-top-aligned-labels

    Finding a web designer can be a total pain….I’ve spent 5 hours searching for a decent one and ended up here!

  19. http://apparatjik.com/bulletins/category/norway/

    Finding a web designer can be a total pain….I’ve spent 5 hours searching for a decent one and ended up here!

  20. Millie Knipfel

    Solid post, nice work. It Couldn’t be written any improved. Reading this post reminds me of my previous boss! He usually kept babbling about this. I will forward this article to him. Pretty certain he will have a superb read. Thanks for sharing!

  21. general auto insurance

    I’m impressed, I need to say. Really hardly ever do I encounter a blog that’s both educative and entertaining, and let me tell you, you will have hit the nail on the head. Your idea is excellent; the problem is one thing that not sufficient persons are speaking intelligently about. I’m very comfortable that I stumbled throughout this in my seek for something regarding this.

  22. emjebtyi

    g8YomA wlljcemtnxip, [url=http://vxpvwolzwgnk.com/]vxpvwolzwgnk[/url], [link=http://zuwkqvycwqcq.com/]zuwkqvycwqcq[/link], http://ftydyhtoqgqr.com/

  23. aeration of lawns

    My spouse and i were really joyous that Michael managed to deal with his web research by way of the ideas he gained using your site. It’s not at all simplistic to just possibly be releasing information and facts which often the rest have been trying to sell. We already know we now have you to appreciate for this. The entire illustrations you have made, the simple website navigation, the friendships you assist to promote – it’s all extraordinary, and it is assisting our son in addition to our family imagine that this article is satisfying, and that is incredibly vital. Many thanks for all!

  24. drip irrigation systems

    My spouse and i were absolutely more than happy when Peter could finish off his inquiry through the entire ideas he acquired using your blog. It’s not at all simplistic to simply find yourself giving for free instructions that many many people might have been making money from. And now we do understand we have the writer to be grateful to for this. The specific explanations you’ve made, the simple website menu, the friendships you will assist to instill – it is everything fabulous, and it’s really facilitating our son in addition to our family consider that the matter is enjoyable, which is certainly wonderfully essential. Many thanks for the whole thing!

  25. cheap car insurance in florida

    It’s exhausting to search out educated people on this topic, but you sound like you already know what you’re talking about! Thanks

  26. car insurance in florida

    Aw, this was a very nice post. In idea I want to put in writing like this moreover – taking time and actual effort to make a very good article… however what can I say… I procrastinate alot and under no circumstances appear to get something done.

  27. tipLeteOpebrA

    Overview of US restaurants. Mc Donald%27s

  28. atlanta internet marketing expert

    Awesome Post. You do a good job. Thanks again

  29. Cindy Angelbeck

    wonderful points altogether, you just gained a brand new reader. What would you recommend in regards to your post that you made a few days ago? Any positive?

  30. Isabell Brightful

    I like this site so much, bookmarked .

  31. Cassi Babine

    thank you for sharing with us, I think this website truly stands out : D.

  32. Henriette Stoltenburg

    some really prime blog posts on this web site , saved to fav.

  33. Taunya Schillaci

    Hi webmaster, commenters and everybody else !!! The blog was absolutely fantastic! Lots of great information and inspiration, both of which we all need!b Keep ‘em coming… you all do such a great job at such Concepts… can’t tell you how much I, for one appreciate all you do!

  34. Shawanna Farace

    The beauty of these blogging engines and CMS platforms is the lack of limitations and ease of manipulation that allows developers to implement rich content and ’skin’ the site in such a way that with very little effort one would never notice what it is making the site tick all without limiting content and effectiveness.

  35. Kathleen Begolli

    You may have not intended to do so, but I think you have managed to express the state of mind that a lot of people are in. The sense of wanting to help, but not knowing how or where, is something a lot of us are going through.

  36. Zauberei

    Entertainment and Zauberei – great content – I do agree with all of the ideas you’ve presented in your post. You must continue your writing. I’m sure, you’ve a huge readers’ base already!

  37. Vergie Kisicki

    Simply, admirable what you have done here. It is pleasing to look you express from the heart and your clarity on this significant content can be easily looked. Remarkable post and will look forward to your future update.

  38. Lietsflolboft

    Greetings! I apologise, if not on that situation I ask. I wish to learn what in France good sites in search acquaintances.
    I choice be exceptionally thankful if inclination advise… And that I fight on not well-mannered sites)))
    I vision, that faster I had a place life.
    And more a question. Whether exists in google.com and in yahoo.com sites of acquaintances?
    Like these searchers is more honest than the others .
    All good luck.

  39. Larita Checkett

    Just saw this article about Britney Spears…With a little more than a month to move before the March 29 launch of Britney Spears’ their will likely be another new song prior to the album – executive-produced by Max Martin and Dr. Luke. Aren’t these the latest producers in the Game. There is a lot more info at http://www.weshopsongs.com/

  40. Sung Goodmon

    Heya! 1 of the hyperlinks in your article is broken. I just wanted to give you a heads up ;)

  41. ArticleDirectory

    I thought you were going to chip in with some decisive insigth at the end there. Not leave it with ‘we leave it to you to decide’

  42. order viagra

    The author is really cool. But some of the commentators are just posting stupid words.

  43. javahostindo webhosting indonesia

    Couldn?t be written any better. Reading this post reminds me of my old room mate! He always kept talking about this. I will forward this article to him. Pretty sure he will have a good read. Thanks for sharing!

  44. EzineArticles

    Hello. Great Job, I did not expect this on Friday. This is a great story. Thanks.

  45. FuroEroth

    In my opinion you commit an error. Let’s discuss it. Write to me in PM, we will talk.

  46. Apple iPod classic 160 GB Silver

    There is noticeably a bundle to learn about this. I assume you made certain nice points in features also.

  47. scrapebox

    There are a lot of strange comments on here. People must be using SCRAPEBOXLIST.COM

  48. Decrease Stress During Pregnancy

    lazy boy, lazy lady, lazy girls, lazy men

  49. indo online

    WONDERFUL Post.thanks for share..more wait .. …

  50. tankyek

    An attention-grabbing dialogue is price comment. I believe that you should write extra on this subject, it might not be a taboo subject but typically people are not enough to speak on such topics. To the next. Cheers

  51. Tambra Keeler

    I saw this identical post of yours, located at facebook and figured that you might well want to know. You’re making some progress!

  52. find houston map

    Some really superb info , Gladiola I noticed this.

  53. onit

    thanks for the Creating a tech blog layout in Adobe Photoshop tips. Very useful.

  54. onit

    we love wordpress, so thanks thanks for the tips.

  55. Pak Ngah Zikri

    Cool…!!!
    i like this site :D
    Thanks for sharing this how to be wordpress theme developer

  56. Hyde Park Hotels

    This is really interesting, You’re a very skilled blogger. I’ve joined your feed and look forward to seeking more of your great post. Also, I have shared your website in my social networks!

  57. band saw wheels

    This particular blog is without a doubt awesome and besides informative. I have found a lot of helpful tips out of it. I’d love to visit it again and again. Thanks a lot!

  58. Lazaro Sorey

    I eventually determined to produce a comment on your webpage. I just required to express fantastic position. I definitely appreciate examining your posts.

  59. NHL caps

    Wow!, this was a top quality post. In theory I’d like to write like this too – taking time and real effort to make a good article… but what can I say… I procrastinate a lot and never seem to get something done

  60. Prada outlet online

    Last but not least, an issue that we are enthusiastic about. I’ve came out regarding info of the grade the past hrs. Your site is greatly valued.

  61. azdrian

    ha ha. This article slaps on an everlasting smile on my face.I love it! Score: 200/100

  62. GE Oven Parts

    Hi, i think that i saw you visited my blog so i came to “return the favor”.I’m trying to find things to enhance my website!I suppose its ok to use some of your ideas!!

  63. Cell Phone Accessories

    Great idea if you write this tomorrow. Thank you sir bye

  64. How Many Calories For Weight Loss

    I’m really impressed with your writing skills and also with the layout on your blog. Is this a paid theme or did you customize it yourself? Either way keep up the nice quality writing, it is rare to see a great blog like this one today..

  65. sac lancel

    sac lancel, sacs lancel, solde lancel, sac lancel 2011, sac lancel solde, sac a main lancel, sac lancel brigitte bardot,Solde sac lancel 2011 pas cher, voici pour les gens à choisir des soldes sacs a main Lancel brigitte bardot Franc 2011 en ligne.

  66. sex cams

    fotzen ficken

  67. Pozycjonowanie w google.co.uk

    Pozycjonowanie Anglia

  68. pro complex protein reviews

    Audio began playing any time I opened up this internet site, so annoying!

Trackbacks

Leave your comment

You must be logged in to post a comment.

-->

This website is proudly powered by WordPress, hosted by Suite48. Icons by WeFunction, KomodoMedia and DezinerFolio.
Contents and resources released under Creative Commons License.
Design and code by PVM Garage - Copyright © 2010 PV.M Garage Theme - All Rights Reserved.

HOME | ABOUT US | ADVERTISE | CONTACT US