Last update: 12 mins ago
Ok, I've got HTML, CSS, and images finalized: now I have to turn it into a WordPress theme. Advice for a 1st-timer?
Posted at 2009-09-06 11:12:10 via TweetDeck

45

replies in 11 months

 
name
date
post
 
 
replies
forwards
trishussey
7,296 followers
Vancouver, BC

I've heard of this-http://www.artisteer.com/-for "easy" generation of themes, but haven't tried.

http://www.artisteer.com/-for
 
 
trishussey
7,296 followers
Vancouver, BC

I'd start with something like Kubrick as a base. Or Carrington-more complex. The Loop is the hard part.

 
 
wpanswers
1,644 followers
the internet tubes

the_loop is your friend :) http://is.gd/2XLSc

http://codex.wordpress.org/The_Loop
 
 
joshkaufman
1,545 followers
Fort Collins, CO

second working with @timgrahl - he's a rock star

 
 
iBlizz
1,025 followers
Walcott, IA

...chunks and creating new files with them. Most easily done via copy/paste if they are div'd correctly.

 
 
iBlizz
1,025 followers
Walcott, IA

In the xHTML/CSS make your divs so you can easily seperate the header, body, sidebar, and footer. As you'll be taking those...

 
 
eduf
983 followers
Brazil
 
 
timgrahl
973 followers
Lynchburg, VA

Let a pro help out ( that's me btw :) ) DM me and I'd be glad to help.

1
 
lazarus2000
933 followers
Oahu, Hawaii

pray

 
 
hejg
781 followers
Kumla, Sweden

Oh, you should've used Sandbox and started with a theme from the beginning

 
 
professor
680 followers
Coach

get firfefox and dev toolbar and build it in firefox instead of a dev software.

 
 
infmom
569 followers
Burbank CA

Cross your fingers and go for it :) (Been wrestling with themes for two days now myself)

 
 
AndrewKam
524 followers
Havana, Florida (aka Miami)

keep an updated backup every few steps along the way. if something goes wrong, you have multiple versions to revert to.

 
 
joshjq
457 followers
Lynchburg, VA USA

find a free theme that matches your layout and skin with your design. Makes css a bit easier.

 
 
tzaddi
430 followers
Roberts Creek, BC

.@ginatrapani some resources for 1st time theme developers: http://ow.ly/ohUO http://ow.ly/ohV9 and of course http://ow.ly/ohVl

http://wpcandy.com/articles/easier-theme-development-with-the-sample-post-collection.html
 
 
tzaddi
430 followers
Roberts Creek, BC

.@ginatrapani some resources for 1st time theme developers: http://ow.ly/ohUO http://ow.ly/ohV9 and of course http://ow.ly/ohVl

http://www.framework-templates.com/
 
 
tzaddi
430 followers
Roberts Creek, BC

.@ginatrapani some resources for 1st time theme developers: http://ow.ly/ohUO http://ow.ly/ohV9 and of course http://ow.ly/ohVl

http://codex.wordpress.org/Theme_Development
 
 
therealjonathan
407 followers
Orlando, FL

Have you checked out the "Wordpress for Designers" screencast series? http://bit.ly/wI8VZ

http://blog.themeforest.net/page/5/?s=wordpress
 
 
michaelrose
404 followers
iPhone: 50.825593,-0.137192
 
 
_dinu
391 followers
Bangalore India

use a theme frame work like thematic, hybrid etc, things will be easier, when you make a child theme :)

 
 
joaquin_win
357 followers
Alberta, Canada

take the default wordpress theme as a starting point.

 
 
djbarker
345 followers
Bethnal Green, London, England

look for a few basic themes with similar layout and reverse engineer!

 
 
flpatriot
337 followers
Fargo ND USA

pay close attention to what the default themes do. they’re pretty much a reference implementation.

 
 
adarh
320 followers
Israel

Ok, I've got HTML, CSS, and images finalized: now I have to turn it into a WordPress theme. Advice for a 1st-timer? (via @ginatrapani)

 
 
berberich
298 followers
Grand Forks, North Dakota

Ian Stewart's theme tutorials on Themeshaper.com are some of the best I've seen for theme creation. Highly recommended.

 
 
finkeegan
298 followers
Westport, Mayo, Ireland

This I would be interested to hear. You should blog the proces of conversion into WP.Thanks Gina.

 
 
VikiTech
278 followers
Omnipresent on the Web!

WP-themes have evolved a lot & the magazine style themes are a rage now-a-days. If you could try to get a mag style home page.

 
 
jakemgold
208 followers
Providence, RI

great guides @wordpress site; DM me might I may be able to offer some pro help

 
 
TrevorBramble
191 followers
Seattle, Washington, USA

http://bit.ly/3zmw Pick a simple theme (to better expose the WP mechanics and just dive in. You'll get the hang of it quickly.

http://www.plaintxt.org/2006/06/the-best-minimalist-wordpress-themes/
 
 
rrazor
185 followers
St. Anthony, Minnesota, USA

Use Starkers by Elliot Jay Stocks. Super easy, cleaned out to the bare minimum. http://bit.ly/18LPYf

http://elliotjaystocks.com/blog/free-starkers-wordpress-theme/
 
 
HughCollier
179 followers
South Wales

The Sandbox is a pretty awesome place start when making a custom WP theme. http://tinyurl.com/ndkhk

http://www.theonion.com/articles/champagne-company-develops-new-secondplace-beverag,17292/#
 
 
timmetry
158 followers

I'd recommend talking to @mattandjess, it's one of Jess' professions working on CSS and Wordpress!

 
 
irishb
152 followers
iPhone: 43.706814,-79.398651

Try whiteboard. It's a great blank slate. Just import your HTML/cSS/images and you're done. http://is.gd/2XVdP

http://plainbeta.com/2008/05/20/whiteboard-a-free-wordpress-theme-framework/
 
 
nutsmuggler
141 followers
Verona, Italy

create empty theme; your html as index.php, your css as style.css; replace text with template tags copied from the defaut theme

 
 
praxis22
133 followers
Tehran
 
 
iteachreading
87 followers
USA, Illinois,Chicago

yes start with a glass of wine

 
 
neilrsmith
71 followers
iPhone: 51.861320,-0.461128

RT @ginatrapani: Wordpress theme are a nightmare. find a theme which resembles your ideal layout. then tweak it to your design using CSS.

 
 
binitbhatia
63 followers
Texas

wordpress has a default theme template in wp-content directory you gotta use some in built wp functions to display posts etc.

 
 
cotlar
56 followers
Las Pipinas, Buenos Aires

it would be great if you share your Wordpress advice to the masses

 
 
pablovarela
55 followers
Madrid, España

Read about the looping and master it. It's the key to worpress.

 
 
PrimalRhythms
53 followers
Treasure Coast, FL, USA

best advice: one plugin at a time...

 
 
seeder_lab
48 followers
Sarajevo|Vienna

Wordpress: PLS Let me know when you find out :)

 
 
glipschitz
42 followers
Melbourne, Australia

go and get your self a copy of artisteer. Best program for a first timer!

 
 
cosmicrob
39 followers

I found a video tutorial on NetTuts+ that walked me through the process was super helpful. http://bit.ly/enGyv

http://net.tutsplus.com/articles/news/the-best-psd-to-html-to-wordpress-video-series-available-new-plus-tutorial/
 
 
gcapizzi
32 followers
Bergamo

I started from here: http://bit.ly/uEqn3

http://codex.wordpress.org/Theme_Development
 
 
revjim1stUMC
18 followers

Even if a theme's preview doesn't seem just right, try it anyway. They can be tweaked in the CSS file.

 
 
Profiling enabled:
0.217 seconds total page execution time, running 6 queries.
Time Rows Action
0.101s 46 SELECT p.*, l.url, l.expanded_url, l.is_image, l.error, u.*, pub_date - interval 7 hour as adj_pub_date FROM tu_posts p LEFT JOIN tu_links AS l ON l.post_id = p.post_id INNER JOIN tu_users AS u ON p.author_user_id = u.user_id WHERE p.network=:network AND in_reply_to_post_id=:post_id AND u.is_protected = 0 ORDER BY is_reply_by_friend DESC, follower_count desc LIMIT :limit;
0.053s Rendered view from DATABASE, cache key: public.tpl-3802309559-twitter
0.002s 0 SELECT p.*, u.*, l.url, l.expanded_url, l.is_image, l.error, pub_date - interval 7 hour as adj_pub_date FROM tu_posts p LEFT JOIN tu_links AS l ON l.post_id = p.post_id INNER JOIN tu_users u on p.author_user_id = u.user_id WHERE in_retweet_of_post_id=:post_id AND p.network=:network AND u.is_protected = 0 ORDER BY is_retweet_by_friend DESC, follower_count DESC;
0.001s 1 SELECT *, round(total_replies_in_system/(datediff(curdate(), earliest_reply_in_system)), 2) AS avg_replies_per_day FROM tu_instances ORDER BY crawler_last_run DESC LIMIT 1
0.001s 1 SELECT *, pub_date - interval 7 hour as adj_pub_date FROM tu_posts p INNER JOIN tu_instances i ON p.author_user_id = i.network_user_id WHERE i.is_public = 1 and p.post_id = :post_id AND p.network=:network;
0.001s 1 SELECT p.*, l.id, l.url, l.expanded_url, l.title, l.clicks, l.is_image, l.error, pub_date - interval 7 hour as adj_pub_date FROM tu_posts p LEFT JOIN tu_links l ON l.post_id = p.post_id WHERE p.post_id=:post_id AND p.network=:network;
0.000s 5 SELECT * FROM tu_plugins p where p.is_active = 1