• Hi,

    I was wondering if anyone had any advice on how to go about converting this http://flat-ui.com/ to a WordPress theme. Obviously, I would first design a page, but what would I then? Thank you for any help.

    Thanks,
    Spriggs

    P.S. If you want to help and or do this yourself, feel free to, but allow me to see your code. Thanks.

Viewing 8 replies - 1 through 8 (of 8 total)
  • There’s a lot of resources around on how to create a theme, but I’d start off with http://codex.wordpress.org/Theme_Development and http://codex.wordpress.org/Site_Design_and_Layout

    The basics behind it are that you’ll need to cut up teh main HTML file into the various template areas and add those files into your theme. There’s a lot more to it then just that, but when you understand how it all works, you’ll find it’s not that hard to do.

    Thread Starter Spriggs857

    (@spriggs857)

    So to clarify. I should design the site in HTML. Divide it up into a header, footer, sidebar, etc. and then just use simple php code to put it together again?

    I’m curious to know if you want to do this for the experience of building a theme, or because you want to use a flat theme?

    Thread Starter Spriggs857

    (@spriggs857)

    To be perfectly honest, the experience of building a theme would be great for me. But I’m trying to get a site up and running. I plan on getting around to building a truly custom theme at some point, but as for right now I just want to use this as the basis for a theme. Thats why I’m open to any offers of help :).

    In that case I would start with a theme that has no styling other than layout. Almost all the items in that “kit” are just css styling. If you can use Chrome devtools or firebug you could easily transfer from the kit, to modifying an existing theme.
    Something like Response would be a decent one to start with. There are others that are more “un-styled”, but I cant remember them now.

    Thread Starter Spriggs857

    (@spriggs857)

    Okay. Basically make a child theme of that and edit. Thats actually a great idea. Thanks!

    Yep, that’s the idea. rtpanel & thematic are a couple more you might want to look at.

    Thread Starter Spriggs857

    (@spriggs857)

    Thanks! Hopefully I can get this moving along 🙂

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘Converting HTML UI to a WordPress Theme’ is closed to new replies.