1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

How To Convert PSD To Wordpress Theme

Discussion in 'White Hat SEO' started by ramtripper, Sep 26, 2011.

  1. ramtripper

    ramtripper BANNED BANNED

    Joined:
    Jul 31, 2010
    Messages:
    427
    Likes Received:
    273
    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.
     
    • Thanks Thanks x 1
  2. Blair

    Blair Newbie

    Joined:
    Jan 17, 2016
    Messages:
    0
    Likes Received:
    0
    MarkupBox maybe help you
     
  3. trafficsource

    trafficsource Jr. VIP Jr. VIP Premium Member

    Joined:
    May 22, 2009
    Messages:
    793
    Likes Received:
    1,130
    Occupation:
    IM
    Location:
    Baltic States
    deleted
     
  4. blackhatcodex

    blackhatcodex BANNED BANNED

    Joined:
    Aug 28, 2011
    Messages:
    144
    Likes Received:
    248
    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: Sep 26, 2011
  5. markerpower

    markerpower Registered Member

    Joined:
    Apr 14, 2008
    Messages:
    89
    Likes Received:
    12
    Home Page:
    Depending on the design, I can do it.
     
  6. jrbobdobbs

    jrbobdobbs Junior Member

    Joined:
    Jul 7, 2011
    Messages:
    116
    Likes Received:
    18
    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".
     
  7. aiteampl

    aiteampl Junior Member

    Joined:
    Jun 2, 2011
    Messages:
    112
    Likes Received:
    41
    Occupation:
    web designer
    Location:
    London UK
    Home Page:
    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!
     
  8. dynamite

    dynamite Registered Member

    Joined:
    Mar 2, 2011
    Messages:
    60
    Likes Received:
    22
    Have a look on Fiverr, Ive seen this service on there
     
  9. blackhatcodex

    blackhatcodex BANNED BANNED

    Joined:
    Aug 28, 2011
    Messages:
    144
    Likes Received:
    248
    Here are 20 tutorials on how to convert PSD to HTML

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