How To Convert PSD To Wordpress Theme

ramtripper

BANNED
Joined
Jul 31, 2010
Messages
426
Reaction score
274
Hey guys, im looking for the simplest way to convert Photoshop PSD to Wordpress Theme. I can show you the jpg of what I want it to look like.

I've used Divine Element add-on, but this thing doesn't really work well. Or maybe u know the cheapest but best service available to do this for me. There will be 5 pages.
 
The only real way to do it is to hard code it. There are some programs to assist you, but your going to get all sorts of coding errors doing it this way.

If your not sure how to code it from PSD to PHP, then just Google "How to convert psd to wordpress"

I'm an expert coder and wordpress programmer. If you need help, let me know.
 
Last edited:
It's a pretty complex job of programming the CSS and fitting it in with the Wordpress code (or usually adapting a framework theme). So if someone quotes you $xxx dollars for the job, just remember that - it's a couple of days of skilled work even for a pro, a heck of a lot more than just a "conversion".
 
1. Find yourself a good template base - its easier this way
you dont have to worry about error pages / archives etc... (i always use twenty ten template)
2. Cut your template in PS - think about layers - and layers in HTML - how to put them toghether - make sure that - floating elements are PNG files with transparent background.
3. Build a html version first - Try to use as much CSS as possible instead of big images that slows down a loading time.
if you have a text elements on your design - Think how to achieve the same results with CSS - fe. dark font with gentle light shadow - would be easy to do in css : color:#444;text-shadow:1px 1px 1px #fff;
4. after puting everything in html/css - implement it to WP theme - its easy
put footer / header into the footer.php / header.php
index / single / page are for main site / category site / single post

and look for tuts in G :)
good luck!
 
Here are 20 tutorials on how to convert PSD to HTML

HTML:
http://dzineblog.com/2009/04/tutorials-psd-to-html.html
 
Back
Top