Creating theme while having graphic only
I know I’m not normal ;) . I mean when I create a project that is powered by some software I don’t focus only on project itself but I’m also trying to learn as much as possible about software. I’ve realized there is no chance to make very good project without knowing how the software works, what possibilities it offers and how can I improve them.
It’s pretty irritating when people create just graphic (= only main page look!) for WordPress and then ask:
How shall I apply it to WordPress? I have heard it’s a very good system but I have never worked with it before. Can you help me to create my own theme?
I wonder what really do they expect. That someone will create theme for them based on this graphic? Apparently seems like that’s exactly what they do want. They really have no idea how WP works and how much time it requires to make sure everything works fine
.
Here is example I worked on last few days. The original theme is Curved designed by Aditi Tuteja from TextNData.
I was asked to use it is an inspiration for three columns theme with Web 2.0 look [here it means using glossy, transparent colors and gradients plus nice rounded corners]. Cool! I like such challenges :).
Of course I had to create all images from scratch, not just replace because they needed to work with new width (navigation tabs, background for page, post/pages titles, footer, headers in the sidebar) [btw. the header image you can see on screenshot isn’t the one used in project
] and change all font colors to match the new look. I have removed all small icons as they weren’t considered as having Web 2.0 like. I have added the second sidebar and few small areas like ad in the header or information box above posts. I also changed location of some information displayed within posts/pages (small stuff e.g moving categories to the top of post, adding author to posts in index view).
There was also major bug when seeing footer in IE 7.0 – small stripe of body background showed up at the very bottom of footer. But I have rebuilt footer structure (generally I’ve made it simpler ;) and managed to get rid of it.
While working on this I’ve discovered that this theme, although really nice coded, is missing few files I consider essential. Like archive.php, contact.php, author.php. And the 404.php file is just very simple. So I have created them. Also some functions had to be replaced not because there weren’t good but because there are some better solutions ;).
Finally I have validated site both HTML and CSS. I’m kind of proud because apart from few missing back slashes by images and one serious problem with search box (form element within paragraph) everything was just fine :).
Why am I writing about it? Just to show you how much work and knowledge it requires. And I don’t mean only html and css. It’s also knowledge of WordPress itself, of functions it offers and ways to use them. So next time PLEASE study very closely at least default Kubrick theme to have basic knowledge on functioning of WP before you go further and start to customize/create your own theme. Good luck!
8th November 2007 no comments yet




