How to convert PSD to WP?

[Kate29]

Hi everyone! I need your advice. I don’t have extended knowledge about HTML, I know just basics. And it’s too hard and killing to code. I have inspiration and I’d like to design with pleasure not making boring work. Can you advise me any tool or maybe software that can convert my PSD to WordPress theme? Any ideas? Waiting for your help.

[djr33]

A PSD is in pixels and a wordpress theme is in HTML, so obviously there's no "direct" way to do this.

You can use slices to chop up the image leaving blank spots where you'll put content and this is actually quite common (or at least it used to be), but can create problems with the layout, mostly that it usually generates tables (though I suppose you could try to code it as divs instead, but good luck...).
You can do that within image ready or, I believe, right in photoshop in the new(est) versions (CS4?).


Aside from that, just copy it manually. You could use a WYSIWYG editor to make the job "easier", but the code will be higher quality if not generated automatically.

If you'd like to post the image here, we could suggest how to approach specific parts of it, but without any reference or even with just an image and asking "how do I do this?", that's a bit much for free help-- if you'd like someone to do it for you, see the paid help section.



And, in theory, the easiest way to do this would be to set the PSD as the background image for the WP theme, but the odds are against this working unless you've designed it very carefully. That's an easy and compatible way to do it, though, if that's all you need.

[Kate29]

Thanks for your reply and insrtuctions! I'll try

[Kate29]

but have you heard something about Divine plugin? it seems to me that it can help. it offers to save time and doesn't require extra deep knowledge. have you tried? thanks for reply

[djr33]

No, I have no idea what that is.
Regardless, you can do this easily using slices in photoshop and it will generate the whole page for you. The problem is that this uses tables and that's not really a good way to design a site. It is probably better than nothing, though.