Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    New Coder
    Join Date
    Jul 2008
    Posts
    31
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Question Wordpress - Making an existing CSS/HTML layout into a Wordpress Theme

    Is this going to be painstakingly hard?

    http://www.suzierthanyou.com/test.htm

    ^That's my layout that I slaved over.

    I need to integrate it into Wordpress though! HOW?! Arrgh.

  • #2
    Regular Coder
    Join Date
    May 2008
    Location
    Lost in Localhost...
    Posts
    702
    Thanks
    3
    Thanked 43 Times in 42 Posts
    This might help:

    http://www.wynia.org/wordpress/2006/...ding-your-own/

    Just apply your own CSS styles and a few HTML bits and you should be done.

  • #3
    New Coder
    Join Date
    Jul 2008
    Posts
    31
    Thanks
    3
    Thanked 0 Times in 0 Posts
    Ooh thank you I'll check it out

  • #4
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,865
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    First of all valiadate and fix all markup errors, see http://validator.w3.org/check?uri=ht...Inline&group=0

    Now copy wp-content/themes/<your current selected theme> and replicate it with a suitable name. Select this new theme as your default from the admin panel.

    Now follow http://codex.wordpress.org/Theme_Development to get an introduction

    (Basically you'd need to logically split your current template to header, navigation, content, footer etc and carefully replace the files. Also change the paths of default CSS and images to that of your theme)
    Last edited by abduraooft; 08-27-2008 at 10:19 AM.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #5
    New Coder
    Join Date
    Aug 2002
    Location
    Dayton, OH
    Posts
    17
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Yeah, it's just a matter of cutting up the HTML into sections. Sometimes it's helpful to plug in all the Wordpress code into your single HTML file first and then cut and paste the header, footer, sidebar(s), etc. into their own files. Don't forget the loop, it goes into your main content area, in index.php - the other sections are called from that page, a la get_header(), etc.

    Then, you basically copy the index.php into files like 404.php, page.php, single.php, links.php, archive.php, etc., replacing the general WP-loop with a more specialized version, or a different function required by that page type.

    Expect to do some debugging, it never works perfectly on your first try!


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •