Converting wordpress theme into a web template?

Discussion in 'HTML & Website Design' started by eriu, Jan 29, 2010.

  1. #1
    There are some great wordpress themes out there, but some times you just want a static site. I got to thinking, how could I go about taking a wordpress theme and turning into a template, let me know if this sounds correct or if I'm missing something :p

    1.) Dowload the theme.
    2.) View the theme on a site as normal, view the source code and copy it.
    3.) Edit any css/js files for customizations if you want
    4.) Assuming the site has alot of pages, you still would want to use php includes. So open the source you saved and take out all the jibber jabber and add your includes or html/what have you. And if the template has graphics make sure they are linking to where you are hosting them, same with ccs/js files.
    5.) Tada?
     
    eriu, Jan 29, 2010 IP
  2. DamienDarwick

    DamienDarwick Member

    Messages:
    59
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    36
    #2
    Basically, but it may be a bit more tricky then that. If you plan on running the site in php it will be easier. There are some codes in the templates that are wordpress specific or they might even be specific to the theme you downloaded. It might actually be easier to just take the parts of the style and then place them into your php or html file instead of transferring the code straight on. You also may find that it would be much easier and quicker to just make the site from scratch using some basics from the theme you like. Also you may want to check to see if its ok to do this, some designers may have guidelines about this or it may go against their policies.
     
    DamienDarwick, Jan 29, 2010 IP
  3. lovingwings36

    lovingwings36 Peon

    Messages:
    88
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    If you made it in Artisteer doesn't it do that as while?
     
    lovingwings36, Jan 30, 2010 IP
  4. DamienDarwick

    DamienDarwick Member

    Messages:
    59
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    36
    #4
    Sorry but I do not know what you mean. Basically there is no magical solution where you put the code into a script and then poof it comes out as a web page. I wish it would make my job easier. LOL
     
    DamienDarwick, Jan 30, 2010 IP
  5. iperceptives

    iperceptives Peon

    Messages:
    41
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    i think this would be easy that download the theme and convert it index.php in to simple index.html. you just need to put their ref code, images and path and you html page will easy to use.
     
    iperceptives, Jan 31, 2010 IP
  6. BANAGO

    BANAGO Active Member

    Messages:
    456
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    58
    #6
    You'd better copy the html/css/js by saving the page through file - save as ...
     
    BANAGO, Feb 1, 2010 IP
  7. MrKushhy

    MrKushhy Peon

    Messages:
    67
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #7
    if you know what the "loop" in wordpress is and all the php call lines are, then all you have to do is remove them and replace the call lines with handcode
     
    MrKushhy, Feb 1, 2010 IP
  8. lovingwings36

    lovingwings36 Peon

    Messages:
    88
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #8
    Did you know also how to convert worpress themes to blogspot theme?
     
    lovingwings36, Feb 2, 2010 IP
  9. DamienDarwick

    DamienDarwick Member

    Messages:
    59
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    36
    #9
    Blogspot can be done in the panel of your blog. If you know css pretty well you can implement quite a few things including graphics.
     
    DamienDarwick, Feb 5, 2010 IP
  10. Business Analyst

    Business Analyst Peon

    Messages:
    7
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #10
    Well its as simple as creating html. Just download the theme files

    Start with the header.php copy all the code and change PHP references in HTML.
    Then move with the index.php and do the same
    next go with the sidebar.php and then footer.php

    But remember all the CSS must be in CSS file or if some CSS is spreaded in XHTML/ PHP file then you have to work a lot in order to make the CSS working.
     
    Business Analyst, Feb 5, 2010 IP