As I promised you in the last post, I will explain you how to start your theme design according to the draft you made. I normally use Adobe Photoshop for the design. I assume that you have a good knowledge about Photoshop.

The first thing you must do is creating a new file, selecting the size and resolution. Once you have done it, the next thing you must do is putting guide lines on the design according to the measurements you have marked in the draft. I have shown above the draft I made to design the current theme of this blog. It looks little messy but I think you can get an idea about that. This design is little complex and needed more CSS stuff compared to general themes available freely.

The most important thing here is marking all the segments using guide lines and decide on where to slice the final design. If you go with guide lines, this will be very easy and accurate. Make sure that you put the line to the correct pixel. This is very important. Once this is done, you are ready to go with your design. It is a good practice if you use only the web colors if you use CSS background colors in your design. And make sure that you design with the category of the theme in mind.

In the next post I will explain you about the slicing the design and how to make the graphic web friendly and easy to load.

Image courtesy: Donncha @ InPhotos.org

After some effort, I could manage to install my own Wordpress theme in my blog which you see now. Please let me know your comments on it. If you are interested of designing your own Wordpress theme, here’s a good news that I can tell you. I’m going to start a series of posts from today explaining very simply about how to design a Wordpress theme from the scratch. Before reading further, I recommend you to read the following post which I published few days ago. Click here to read that post.

To be honest, you must have a good knowledge in Photoshop, CSS and HTML, and a brief knowledge on PHP if you really want to design a Wordpress theme by yourself. The first thing you must do is drafting your design. Following are the main aspects that you must consider when drafting your design.

1. How many sidebars you want.
2. Does your theme need to have a fixed width (for screen resolution like 800X600 or 1024X768) or a floating width?
3. What colors you plan to use.
4. The heights and widths of the components of your theme. For an example, the header, footer, sidebar and any other custom component that you like to add.
5. In which places that your components should appear.
6. In which order that your components should appear.
7. Do you need to add widgets to your sidebar?
8. What are the pages that you require?

After considering the above mentioned factors, you must draw the template in a paper and clearly indicate every detail required to start the design. It must include all the widths and heights, colors, component placement etc. if your draft is complete and clear, your theme design will be easy and accurate. Remember the famous saying “A well begun is a half done”. I wish you all the very best in your Wordpress theme design first step. If you have any questions feel free to contact me. You can reach me through admin@best-internet-guide.com.

In the next post I will explain you about the theme design.

Image courtesy: 4_EveR_YounG

If you know about blogging, you must have heard about the world’s most famous blogging platform WORDPRESS. Wordpress always believes on open source and work according to that. Thanks to this feature, a blogger who is using Wordpress as the blogging platform is free to do any customization for his/her copy. Obviously anyone will first go with the customizing the theme. I also use Wordpress as the platform for this blog and when I started, I found a theme and did some modifications and now you are seeing my customized theme in this blog. But the original theme has done by another great person. I was curious about how to design a Wordpress theme and looking for some information wanting to start designing my owned theme. I write this post to inform that I see a brighter path now and developing a professional looking Wordpress theme. When I finish this I will put it here for you all to download free without putting into my blog .

I thought that it will be better and interesting if let you all know how I started this and what I have learned so far. I will add more posts when I proceed with it. To tell you the truth when I started, I had no idea what so ever about theme development. I did some research with the help of Google and Wordpress itself and managed to get information to start this learning process. Wordpress Codex helped me a lot. I found that the following aspects must be considered before starting real design and coding.

• You must have a sound understanding about CSS and HTML components and a web design software like Dreamweaver.
• You must have at least a little understanding about PHP and identifying PHP code from the existing templates.
• You must have a good knowledge on a graphic design software like Photoshop.
• You must be aware about the Wordpress theme design guidelines provided by Wordpress.

Then you will need a pen or pencil with some drafting papers. If you are OK with all the above mentioned factors, you are ready to go. But keep in mind that if you are starting from the scratch, it will take more time for you to design the first theme. I’m experiencing this. But when you finish your first theme, it will not take much time to design the next themes. If you are willing to find out how I’m doing this and to download the completed theme in the future, I recommend you to subscribe for my RSS feed in the top right hand corner or Here.