Title: Converting HTML UI to a WordPress Theme
Last modified: August 21, 2016

---

# Converting HTML UI to a WordPress Theme

 *  [Spriggs857](https://wordpress.org/support/users/spriggs857/)
 * (@spriggs857)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/converting-html-ui-to-a-wordpress-theme/)
 * Hi,
 * I was wondering if anyone had any advice on how to go about converting this [http://flat-ui.com/](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)

 *  [catacaustic](https://wordpress.org/support/users/catacaustic/)
 * (@catacaustic)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/converting-html-ui-to-a-wordpress-theme/#post-4533693)
 * 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](http://codex.wordpress.org/Theme_Development)
   and [http://codex.wordpress.org/Site_Design_and_Layout](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](https://wordpress.org/support/users/spriggs857/)
 * (@spriggs857)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/converting-html-ui-to-a-wordpress-theme/#post-4533853)
 * 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?
 *  [batharoy](https://wordpress.org/support/users/batharoy/)
 * (@batharoy)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/converting-html-ui-to-a-wordpress-theme/#post-4533854)
 * 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](https://wordpress.org/support/users/spriggs857/)
 * (@spriggs857)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/converting-html-ui-to-a-wordpress-theme/#post-4533855)
 * 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:).
 *  [batharoy](https://wordpress.org/support/users/batharoy/)
 * (@batharoy)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/converting-html-ui-to-a-wordpress-theme/#post-4533856)
 * 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](http://wordpress.org/themes/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](https://wordpress.org/support/users/spriggs857/)
 * (@spriggs857)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/converting-html-ui-to-a-wordpress-theme/#post-4533857)
 * Okay. Basically make a child theme of that and edit. Thats actually a great idea.
   Thanks!
 *  [batharoy](https://wordpress.org/support/users/batharoy/)
 * (@batharoy)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/converting-html-ui-to-a-wordpress-theme/#post-4533858)
 * Yep, that’s the idea. [rtpanel](http://wordpress.org/themes/rtpanel) & [thematic](http://wordpress.org/themes/thematic)
   are a couple more you might want to look at.
 *  Thread Starter [Spriggs857](https://wordpress.org/support/users/spriggs857/)
 * (@spriggs857)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/converting-html-ui-to-a-wordpress-theme/#post-4533859)
 * 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.

## Tags

 * [convert](https://wordpress.org/support/topic-tag/convert/)
 * [html](https://wordpress.org/support/topic-tag/html/)
 * [ui](https://wordpress.org/support/topic-tag/ui/)

 * 8 replies
 * 3 participants
 * Last reply from: [Spriggs857](https://wordpress.org/support/users/spriggs857/)
 * Last activity: [12 years, 3 months ago](https://wordpress.org/support/topic/converting-html-ui-to-a-wordpress-theme/#post-4533859)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics