How do I design a Wordpress theme?

I have photoshop I am pretty good at it but I just don't know how to do it and by what I just said I have no idea on what sizes each of the images need to be.

I wanna design something simple like this.

http://themes.wordpress.net/testrun/

If someone can give me the size of the images I will need to make that would work on all screen sizes I would give you green rep and if it leads to me successfully making a theme I would give you some $

 

learn some css - http://www.w3schools.com/css/default.asp
that will help you open up the style.css and figure some things out.
you can look at the already included images if you want to just edit them that way.
linking to the wordpress.org test site doesn't work.

If you have any more specific questions I can give you more specific answers.

 

Well, you should know what people see from the link you've provided is different for each person.
You've probably got there from themes.wordpress.net

The URL you provided is same to testrun all the themes on wordpress.net and what people see is depending on which link they've been redirected from and it's based on cookie so for example what I see is the last theme I've visited from that site that is probably different than what you want to show us.

Go back and provide the link that you've clicked on, it should be in the following format:

Then we can have better understanding of what you want to design
Cheers

 

Most of the design stuff is in the style.css file. Look at the code for a few templates and you should start to get a feel for what it all does.

 

I think there is a misunderstanding here,
He is trying to design NOT develop and here is the "graphics and multimedia" forum ! why people keep pointing him to .css file ?
Regarding the size of whole design, it depends on which resolution you want to optimize your design with, and usually it can be 1000px width to be optimized for 1024 screens. (consider the vertical scrollbars)
The best practice you can do is to take a screenshot of your favorite theme and start working on it to keep the size and scales.
But you are asking about size of images, that I still don't understand which images you mean.

Hope it helps

 

try this - http://www.wpdesigner.com/2007/02/19/so-you-want-to-create-wordpress-themes-huh/

 

Thanks for your help guys.

I downloaded a theme and looked at the sizes of the images and I used those sizes to make my own and it worked out pretty good I hope I can get better at wordpress designing very soon.

 

Familiarity with CSS is a must... An a basic knowledge of how php works since that is the language of wordpress and the syntax must be understood so as to not break the code that makes the template not only look good but work propery. If you don't have these skills, you can still create the look of the design in Photoshop and send it to a resource with the technical skills. That is what most ad agencies do, for instance.

 

I start in Photoshop then use Fireworks and Dreamweaver. If you are not comfortable chopping your psd file and creating the css required to make it display like you want there are many people on the net who can do this type of work for you.

 

If you start with the simpla theme, you can easily edit the style.css and the index.php-file and start creating the theme you want. I also did it and it's not that hard...

 

I believe the first step to design WP themes is by looking at the simple/default theme like kubrick, I started with make a simple editing to the image available via PS and then move on to the CSS and PHP.

Its much better if you understanding more about how css and php work, since it will let you develop(or design) a new theme with your own layout.

For css you can surf this link for more understanding: http://www.w3schools.com/css/
PHP link: http://www.w3schools.com/php/default.asp
A more and official documented site of PHP: http://php.net/
And for WordPress Theme Tutorial(IMO its easy to understand): http://www.wpdesigner.com/2007/02/19/so-you-want-to-create-wordpress-themes-huh/

 

You can simply download ready Wordpress templates FREE here: http://www.photoshopsociety.org/themes.php

 

check this out... it might help explain the photoshop side of things for you. You will still need to know how to cut it apart and built the theme.

http://www.apoorvvaidya.com/screencast-5-theming-wordpress-part-1

 

Artisteer is a very easy software to use as well.

 

http://www.wpdesigner.com/2007/02/19/so-you-want-to-create-wordpress-themes-huh/

 

Congrats for bumping a three year old thread ;D. Anyway, for my web/wordpress blog tutorials, I use www. grafpedia.com

 

Well I do not know any type of banner creating website, but I know of software called TLC that you can use

 

thanks for sharing your views,
I m impressed with

Regards !