Support » Themes and Templates » PSD To WordPress

  • Hi.
    So I have the hang of WordPress, PHP and CSS pretty darn well. I really want to be able to convert a PSD layout to WordPress though. I know I can do it- I’m just having a hard time tracking down a decent tutorial to walk me through it the first time. I’m wondering if anyone out there has a good system for this. I would gladly pay for a decent tutorial that will walk me through the process. I’m definitely not looking for a hand out here.

    Thanks so much!


Viewing 2 replies - 1 through 2 (of 2 total)
  • Moderator Jose Castaneda


    THEME COFFEE MONKEY has some really good tutorials. YouTube also is a good starting point. All you really need is the basics. One that helped me understand was from

    Hello ,

    There isn’t really an automatic way of doing this. Quite often I work from flat designs (in photoshop) in order to produce a wordpress theme and I tend to work as follows:

    1. Work out which parts of the psd file will be text and which are graphical.
    2. Manually slice up the psd file and convert it into the smaller images necessary as well as working out where the text fits in etc.
    3. Reproduce your psd in simple html with a css file. Check out w3schools for help with this.
    4. Convert your html and css into a fully functioning wordpress theme – take a look at Sam Parkinson’s great tutorial.
    5. Add some nice custom css drop-down menus to your theme.

    Hope that helps a bit.
    Also if you are in hurry and you want to let some pro to do your job, I recommend : [link moderated]

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘PSD To WordPress’ is closed to new replies.