Is there any good tutorials to convert HTML+ CSS to wordpress?

Question

Is there any good tutorials to convert HTML+ CSS to Wordpress? not PSD 2 HTML? I mean if HTML CSS is available we just need to convert a XHTML CSS template to installable Wordpress 3.0 Theme? I'm not talking about PSD 2 HTML.

For example this is free CSS template http://www.freecsstemplates.org/preview/regeneracy/ I just want to download it and convert this css template into Wordpress 3.0 installable theme.

My question is just opposite to this question http://stackoverflow.com/questions/645465/convert-wordpress-theme-to-plain-xhtmlcss

Answer 1

I don't think there's an automated tool for that.

Wordpress themes are not just Html + Css: you have to call the appropriate Php Wordpress APIs in order to display your posts, categories, comments, etc.

Unfortunately, doing this from scratch is not trivial if you don't have any previous Php or Wordpress experience (it's not impossible either).

A possible alternative is to download an existing Wordpress theme and create a child theme from it, which basically means you can use it as a template and override some of its settings, for instance the Css file. Unfortunately, it is very unlikely that the Css classes used there would match those of your design, so you would still have to do a lot of tayloring.

Answer 2

First of all you need to understand how wordpress templating system works. The best way to do this is to go through wordpress codex and understand the layout of themes in wordpress.

Even I started converting other CSS templates in to wordpress themes like this. I took out all the basic elements like 'header', 'footer', 'sidebars' and place them in appropriate places in wordpress theme. You can take an existing classic wordpress theme (default) and change it by replacing the elements. Once you start doing this, you will understand how themes work in wordpress.

Answer 3

I found this tutorial. This tutorial is not exactly about converting HTML+CSS to wordpress theme but this gives you a basic idea to create wordpress theme and how it works. After you know how wordpress theme works you can start adding wordpress' template tags and make it compatible with wordpress.