How To Create WordPress Themes From Scratch Part 1

July 14th, 2008 by kailoon under Tips

I’m going to show you how to create a wordpress theme from scratch in these 3 parts of tutorial series. I will cover from Structuring, designing in Photoshop, slicing, coding into fully css based html, and finally wordpress implementation.

Table Of Content

Below is the index of the topics that we will go through:

Structuring, Designing in Photoshop.
Slicing and Coding.
WordPress Implementation.
1. header.php
2. sidebar.php
3. about.php – a custom file for the about section in the sidebar.
4. footer.php
5. index.php
6. featured-post.php – a custom file for the featured posts.
7. page.php
8. single.php
9. comments.php
10. archives.php, links.php
11. search.php, searchform.php
12. function.php
13. image.php

Structuring

This is a very important part in designing a web layout. We need to structure our layout before open Photoshop. The first thing is the purpose of the layout. In our case, this will be a blog layout for WordPress. So, below is what we have in a blog:

Header
Posting area
Sidebar
Single page
Comment
Feedback
Searching field
Page menu
RSS
Archives, Links and About Page

Something we need to keep in mind. We can’t put all things into one basket. So, we CANNOT:

Display too many things in one single page.
Use too many colors and font type.

In this sample, I also try to make is as simple as possible because the purpose of this series of tutorial is to give an example on how to create a wordpress theme. I am going to have a featured post section on the main page. Below is the Final image that we will create.

Final Result

Photoshop

Step 1

Create a new document with 1024px X 768px as we are going to create a layout which suit for 1024px resolution. Fill it the background layer with #eae8c6. Now, CTRL + R to bring out the ruler. Draw some guide line for the divine proportion we need. Before this, make sure it is snap. Go to View > snap (selected).
wordpress themes tutorial

Step 2

Grab the rectangle tool and draw a header for it. The height, you have to estimate how much you want. Balance is the main thing you need to concern. Then, apply the blending option as shown below. A black to white gradient with soft light blend mode. Create another rectangle, apply gradient overlay with setting as shown below. Put it 1px below the green bar. It will make it more details. Then, draw a 1 pixel line and put it right above the gap between the two bars you created before. Give it a darker color.
wordpress themes tutorial

Step 3

I use Myriad Pro. So, you guys can edit it by yourself later. Apply drop shadow with the setting shown below. Then, also apply Gradient Overlay with 12% opacity, black to white. For the white outline stroke. Simply hold the CTRL tab and click on the text layer to get the selection. Go to Select > Modify > Contract > 1px. After that, create a new layer. Go to Edit > Stroke > 1px, white, inside.
wordpress themes tutorial

Step 4

Draw a rectangle, remember, the maximum width you can use is 600px. Ok, make its white color. Apply 1px inside white stroke. And, Gradient Overlay with the setting as shown below.
wordpress themes tutorial

Step 5

The read more button is actually using the same technique where we used for the logo. This time, we apply Inner Glow with 8px size and 75% Opacity in Soft Light Blend Mode. Gradient Overlay with 70% opacity also in Soft Light Blend Mode. Finally, A 1px outside stroke with color #47670b. Then, for the 1px inside white stroke. It is same with what we did in step 3.
wordpress themes tutorial

Step 6

Place in some dummy text and photo. You will have something like this. You can use a text generator for this.
wordpress themes tutorial

Step 7

Put in some Dummy Text again. Try to use none anti-alias font for testing. Don’t forget what a wordpress theme needed. Post title, tags, post date, comments number. This time, I add in author photo part to be shown in every post.
wordpress themes tutorial

Step 8

Place a RSS icon. I forgot where I downloaded it already…sorry about that… Then, For the search area, create a rounded rectangle with a maximum width of 330px. Fill it with black color and set it blend mode to soft light. Create another rounded rectangle inside. This will be our input field. Fill it with white color. Apply 1px inside stroke with color – #d0ceae. Then, apply inner Glow, with setting shown below. After that, place the searching icon.
wordpress themes tutorial

Step 9

Draw a rounded rectangle and use the pen tool to draw a dialog box as shown below. You can refer to my previous tutorial in LoonDesign on how to create a custom shape in photoshop. Then, apply drop shadow on it. Use the rectangle tool to create the categories and links content box. The maximum width will be 160px. We need a 10px space in between them.
wordpress themes tutorial

Step 10

We are almost there. Now, we will use the same technique we used to create the header part.
wordpress themes tutorial

Conclusion

You may found that I do not mention about the page navigation part. I think it is too simple for you. Try it out yourself. If really can’t, I am also providing the source file for you here. Overall, there is several things we need to consider when creating a wordpress theme. In this example, we are creating for blogging purpose. So, the major section will be, categories, tagging, author photo, comments and also the RSS feed. I prefer to make things more organizes. So, you can found that all the layers in my psd file are well renamed and each section is well separated. This is for future modification purpose and also for my dear reader to modify it easily.

Single Page

As we are creating theme for wordpress, there must be a single page to display a post and comment section. Here is the final output.

Download and continue

Download Continue read on How To Create WordPress Themes From Scratch Part 2 – Slicing and CSS/XHTML Coding.

Share it!

��)

Find out more in archives or subscribe rss feed for future updates.

Sponsor:

908 Comments | RSS 2.0 | Trackback Add comment

From old to new:

Eric July 14th, 2008

Hey this is really good, thank you
illusiv July 14th, 2008

Nice article!
Really looking forward to see the rest of the parts.
To bad the Continue to How to Create WordPress Themes part 2 link is either broken or doesn’t exist!
kailoon July 14th, 2008

Thanks. Ops, sorry, the part 2 will be published by tomorrow. Stay Tune
roMAIN July 14th, 2008

Nice article !

Waiting for the Part 2
Greg-J July 14th, 2008

Nice Tuto !! Attending tomorow…
mukkamu July 14th, 2008

thanks for your tutorial is very nice!!
ck July 14th, 2008

So far so good! Really looking forward to the rest of this! I like how this theme is developing too. I’d like to have a SmoothGallery header integrated. THAT would be a really cool way to show a number of featured posts, no? In any case, great job! More!!
Fubiz July 14th, 2008

Thanks for the tips!
mohsen July 15th, 2008

I’ve added your tutorial to “Table of Contents of WordPress Tutorials” on acomment.net
Regards
overlord_666 July 15th, 2008

Nice tutorial with details…looking forward to part 2~~~
kailoon July 15th, 2008

Thanks everyone, I hope you guys enjoy it.
Arthur July 16th, 2008

thanks you very much for this. i would definitely give this a try for my own blog.
adelle July 17th, 2008

Wow, thanks for this, this is so awesome. I wanted to learn and this seems like a perfect tut and easy to understand! Can’t wait for the rest.
Sumesh July 17th, 2008

Beautiful tutorial – I’ve learned a few gradient tricks (although I’ve been designing WP themes for some time now; largely minimalistic and clean themes).
kailoon July 18th, 2008

Any problem, just let me know ya
elcodigodebarras July 22nd, 2008

THANKS FOR SHARING YOUR KNOWLEDGE WITH ALL THE ROOKIES IN GRAPHIC DESIGN
LIKE ME.
SINCERELY THANKS. BECAUSE WITH YOUR HELP INTERNET IS GETTING MORE FRIENDLY EVERY DAY.
Bunny got Blog July 23rd, 2008

This is a great article. I am always searching for more leaders in the design field to inspire me
kailoon July 24th, 2008

You’re welcome
QuicklyShiny July 24th, 2008

Thank you, God! This is exactly what I was looking for!
domedia_ro August 1st, 2008

you have a great structural mind. i will use this tutorial to learn and develop myself such themes.
SeiferTim August 2nd, 2008

Very awesome!
I’ve been trying to figure this out on my own… but now I don’t have to
Thanks!
hamid August 3rd, 2008

step 2 bad explains
Manou August 4th, 2008

Nice tutorial, will make this a project.
Blog Hoster August 6th, 2008

You have a great blog with great info.Thankyou for shareing this.
kailoon August 13th, 2008

I hope I can see the results from you guys post here a link or drop me an email after you did it.
Lior Iluz August 13th, 2008

Amazing… I’m working on my own theme right now…
Many thanks for the hard work writting such a tutorial!
Htoo Tay Zar August 14th, 2008

Really Awesome tutorial. + Delicious
eddie August 16th, 2008

thanks~it is great.
Rob August 18th, 2008

Great tute, I just wish I could understand how you do your gradient. I cant get it to work anything like you state in step 2. Is there some more detail you could link me to? I;ve done a few tute from the web, but interested to get this to work your way.

Thx for the tute tho, really great work!
kailoon August 18th, 2008

Rob :
For the gradient, simply create a shape with color on it. Then double click the layer or right click and select blending option then gradient overlay. Set the blend mode to soft light, angle = 90. then tune the opacity for your desired result.

Erin :
ya, I know my explanation is not good and my English is just … too bad. However, I try to use more image to help on it. For the add text, I really don’t know why you can’t add text? Just a normal step to type in some text in Photoshop. However, if you think you can provide more details, I will try to help
Ibdreamy August 22nd, 2008

This is a great tutorial. It’s nice to have a step by step guide because I’ve always wanted to design my own WordPress template but never really knew where to start. I know HTML but only very little PHP so that was another hurdle I need to jump. This will help give me the tools to do that. Thank you. I plan on giving it a try this weekend when I have the time. It usually takes me.. oh.. about 5 hours for me just to feel satisfied with the graphic part of the design. Over exaggeration here..but only kinda. I’m a bit of a perfectionist. I switch my WP layout probably once a week because I’m never happy for long. So it would be nice to be able to design what I really like instead of having to settle with what someone else did. Thanx again.

~Dreamy
kailoon August 25th, 2008

Patrick & Erick:
Thanks

Dreamy :
It is normal to spend more time on designing stage. Because That is exactly what users will see. And the slicing and coding are just something need more practice. Usually, I spent about 3 hours on a design. But, before that, to get an idea from sketching on paper. I can’t define the time line. Thank you
Ines August 27th, 2008

Great Tutorial, very helpful =)
Icon August 28th, 2008

Excellent tutorial ! I have surfed the net for a clear tutorial about making a wp theme and your step-by-step tutorial help me much. I think it’s time to make my own theme. Thanks !
Chris August 31st, 2008

big thx for this tut!!!
Kudungga September 11th, 2008

thanks a lot for sharing. Good luck for you
michael soriano September 16th, 2008

really good stuff.
OmeMedia September 29th, 2008

Great guide!!! Thanks for sharing!
Rose September 29th, 2008

Thank you for great tutorial very well explained.
blacksheep September 29th, 2008

Thank you very much for this awesome workshop. Please don’t ever take this tutorial off the net. Your tutorial truely is the new reference in creating wordpress themes from scratch.
800HighTech September 29th, 2008

Just the kinda of article I was looking for, thanks for sharing your hard-earned knowledge!
Jim Beam September 29th, 2008

That makes perfect sense to me. I like it.

http://www.privacy.es.tc
Holly September 29th, 2008

Where were you when I was still running WordPress???
Jeff September 29th, 2008

Thanks for this great tutorial. I’ve gone through the process of stripping down the default WordPress theme to its bones to create my own, and it can be some undertaking. I’m sure many will find this useful.

Jeff

http://www.2lincolns.com
Sergio Almeida September 29th, 2008

Excelent one! Before reading this, there are no excuses for customize my blog Thanks a lot!
LiveWorkUnit.com September 30th, 2008

Great post! I’ve always wondered how to make a wordpress theme, thanks for writing out the step by step!

dan
Free Xbox 360 Premium September 30th, 2008

Cool. I’ll have to make use of this.
adam September 30th, 2008

Ive been looking for a post exactly like this for quite some time. Thank you for taking the time!
General Specifics September 30th, 2008

Great post, I always wanted to know how to code + make wordpress themes.
General Specifics September 30th, 2008

Bookmarked.
SEO Tips October 6th, 2008

Excellent guide.
Hopefully, using your guide, I will soon be able to create my own theme.
Thanks for sharing
Ken October 10th, 2008

Hi,
You did a great job writing down here a lot of good information.
I’m not an expert in php and your advices really help.
Now, I want to change my default wp theme (on my new blog) in just one way: I want every post from index and achieve pages to has (read more) by default. Let’s say, they will can read only the first paragraph, or first 50 characters or something like this… not entire post in index.
I really don’t like when the people can read with just one click on my home page, all (10) latest posts.
Can you help me with this?
I really appreciate!
Ken.
majestic November 1st, 2008

very helpful
shreedhar November 1st, 2008

Thanks friend,
This will be my first sincere effort towards personal wordpress theme development.
Susan November 13th, 2008

Wow, I love this tutorial!
rizal December 3rd, 2008

Thank a Lot for the tutorial.
it’s very helpfull.
Keith December 7th, 2008

I was wondering if anyone could help me!

Does anyone know the name of the font used for the main content (Loreum Ipsum)?

Thanks!!
Raj December 7th, 2008

Great help! Much appreciated!.. Thanks!
majestic December 12th, 2008

what do you use to cut images?
Jason Maletsky December 23rd, 2008

Amazing tutorial!!!
michael January 1st, 2009

What do you use to cut images? Really? How about Photoshop?
kailoon January 3rd, 2009

Michael:
I use Photoshop.
Mack Altman January 4th, 2009

I think this is a really nice, clean, and sleek tutorial. I like how you gave the dimensions that you use for the layout seeing how a lot of people don’t really go that far in depth with it.

To those that are reading this, the tips used in here should be used in most of your themes that you are wanting to look “web 2.0″. Most of the tips here are now standard, and the reason being is look at how beautiful the layout looks.

It’s clean, innovative and crisp. Not to mention everything looks like it belongs. Keep up the great work with the tutorials Kai.
kailoon January 4th, 2009

Mack Altman:
Hi, thank you! I really appreciate your feedback! It gives me some encouragement to continue
weblizzer January 10th, 2009

such a great tutorial, and it looks very good, neat, i do hope that you will continue to work more about wordpress themes….
kailoon January 10th, 2009

I use Photoshop to cut images.

Keith:
I’m using Verdana.
Web Design Showroom January 15th, 2009

Such a helpful series – this is what got me started in the WordPress web design field which I hadn’t done before – so from one happy punter, thank you!
Stefan January 15th, 2009

Great tutorial! It´s people like you that make the Net to such a great source for finding tips, knowledge and personal growth.

Thank you!

BR/Stefan
Ollie January 24th, 2009

Thanks so much for this series of tutorials.
Just as Stefan said, it is people like you who really help us newbies
kailoon January 25th, 2009

Thanks all
Mortal January 25th, 2009

good working.Thansk !
Leah January 26th, 2009

Great Info.
I added you to my RSS Reader
and will check back often.

Leah,
Chicago Web Design
ngantuk January 28th, 2009

thank you…
praca Mielec January 29th, 2009

Thanks for sharing, I’ll test it today and write a little bit more soon.
SEO WOrk Info February 3rd, 2009

Voila! The best article ever! I would now offer my free WP templates .. thanks a lot..
seo essex March 2nd, 2009

Thanks dude. I might finally get my own theme!!
kailoon March 7th, 2009

Thanks all!
Paarth March 15th, 2009

Nice tutorial mate very useful, i m thinking to design some free wordpress themes for my free templates sites http://templatesperfect.com this tutorial ll defiantly help me.
PhotoShop Tips and Secrets March 20th, 2009

Thanks for the article on Photoshop – I always use it and have the top tricks, tweaks and secrets on using it.
Daniel March 27th, 2009

hi great tutorial…. congratulations.

I have one question and one request

1) is your tutorial compatibility with wp 2.7.1 ?

2) could you release a PDF with all the content ? I would like to print and study at home.

Congratulations,
Best,
kailoon March 28th, 2009

Daniel :
This is compatible with 2.7.1, only few things aren’t . The comment (but won’t cause problem) and login link.

I will create another wordpress tutorial from scratch soon. It is based on 2.7.1. I will think of releasing a PDF for that. Thanks for your suggestion
Daniel March 29th, 2009

Thank you Kailoon. I hope you release soon (and in PDF format ), because it’s a great source of knowledge about wordpress.

Keep doing this great job.

Congratulations again.
Best,
Daniel
Playboys Blog April 11th, 2009

This is a very good tutorial for anybody looking to make there very own themes.

Thank you very much
Model Scan Cams April 13th, 2009

Thanks very much for sharing these tutorials with us.

Very interesting to read and some excellent information.

Has anyone used artisteer? that looks pretty cool to.
ridwanessa April 13th, 2009

great tutorial

thanks

http://www.ridwanessa.com
Sneha Gupta April 14th, 2009

Hi,
This is very nice information for your tutorial mate. I like your information.
Vikash April 26th, 2009

Thanks for this amazing article..
However, I wanted to know that can I get a substitute of photoshop software as well.

Thanks,
Hiren Modi April 27th, 2009

Thanks a lot, I surfed a lot for this type of tutorials but i got it here, Thank you once again.
JuedM April 29th, 2009

Excellent resources for theme building – I will refer to it often I’m sure.
Offline Marketing May 2nd, 2009

Very informative articel about creating WordPress Themes by hand. Defiantely wotth a second look for everyone interested in creating their own themes.
Michigan Lead Generation May 4th, 2009

Thank you for this amazing tutorial. This will for sure help many Small Business to create their own themes.
dzk May 20th, 2009

nice one, time to learn….
baloot May 21st, 2009

hello, this is my first visit at ur blog. nice to noe u mate.
i would like to thanks to you for this helpful photoshop tutorial.
i will subscribe to ur blog rss feed. im newbie in photoshop.

cheers!

p/s: im from malaysia, did u noe where it is located? lol
Craft Online May 23rd, 2009

Great, I hope can make it to my shop.
贝库 May 27th, 2009

Thanks a lot, I surfed a lot for this type of tutorials but i got it here, Thank you once again.
Dennis May 28th, 2009

Amazing tutorial!!!
Slumberg May 29th, 2009

Nice tutorial! Hopefully it will help me at work. Slumberg (aka Turtles Slumberg)
daily news May 29th, 2009

great tutorial and very good presentation, thanks for sharing this lovely article with us.
瓷库 June 2nd, 2009

good
retoucher77 June 4th, 2009

thanks for this tutorial, i find it very useful
Masamune June 8th, 2009

Thanks for this great tutorial. I’ve just finished it and i feel like a professionnal :p.
I’ll make my own theme, and when it’ll be finished i’ll send you a link .

Once again, Thank you very much !

A littl’ frenchie
Hosting June 16th, 2009

verry nice thnx
hkwebhosting June 17th, 2009

Thanks for this great tutorial. I’ve just finished it and i feel like a professionnal :p.
website design New York City June 18th, 2009

i’ll be sure to bookmark your blog
photo retouching June 22nd, 2009

Great looking result. A lot better than some of the blogs on offer.
photo retouching June 26th, 2009

Great design work! Can I also say I really like your website layout.
Website / graphic designers in York June 26th, 2009

Great tutorial. I am trying to add a wordpress theme to my site and will be using your tutorial to do so. I will post a link to the finished site, and put a link on back to your tutorial.

cheers

Mark
Steve June 30th, 2009

Photoshop tips work like a charm, well worth a tweet or two. The PHP stuff is a bit over my head, good stuff all the same though…
Cheap Web Design New York July 1st, 2009

Excellent…..thanks for sharing this post.
Fabiolito July 4th, 2009

AWESOmEnesS!
Web Host Right July 7th, 2009

The end result looks really good, this looks like a really detailed tutorial, thanks so much for taking the time to put it together.
self storage July 7th, 2009

I saw this theme on a few occasions. It just doesn’t draw my attention. I must be missing something.
Website Design Services July 15th, 2009

It’s a simple, yet elegant theme. I have been wanting to design my own WordPress theme, but I never learned how to code it. Thank you for the tutorial (:
mini storage hk July 16th, 2009

thanks for sharing！
mini storage hk July 16th, 2009

Hey this is really good, thank you
Malik July 19th, 2009

I have ONLY 2 words for you!!

U Rock!!!

Thanks for everything..!
tatil July 21st, 2009

thank you very good.
mini storage hk July 24th, 2009

Excellent! Thanks for your posting.
Website Designer Katy TX July 25th, 2009

This was really clean and professional. I have been reading a lot about WordPress and will be starting a blog soon. I appreciate the article.
nitendra August 1st, 2009

I m using from past 2 months. But not getting the good result now i can hope to increase my traffic Thanks
Albyz August 4th, 2009

I did all the tutorial from the 1 to 3b part… Here the result:
http://www.skimbu.it/firsteffects/blog/
Cool skin!!
I thought that this is the best tutorial to learn to create a skin for wordpress…
Oyun August 5th, 2009

Thanks for your posting.
Maggie August 9th, 2009

This is a great tutorial to build a wordpree theme from scratch! Thanks for the links.
月饼 August 9th, 2009

xuexi
ornella August 13th, 2009

Hello, thank you for your helpful tutorials
I’ve a question though: at the moment I have wordpress BLOG, so I’have no personal host.
I wanted to buy the CSS upgrade to make a personal theme, but looking around for tutorials, I read that you need FTP and hosting whitch I don’t have….can I have my personal theme anyway? Where can I upluad the images I need for the template??
I’m a little bit new to web design so sorry if the questions sounds stupid ^^
Thankyou, Hope you can help me

Ornella
Christian August 14th, 2009

Nice… Got an entry about a home.php that mimics the page.php in most ways?
Compel August 16th, 2009

Great Article
nits August 16th, 2009

No better tutorial on developing a wordpress themes is present then this one.
Christian August 18th, 2009

While I understand everyone leaving comments/inbound links, would someone please answer my question.
Dev August 20th, 2009

Hi this is realy a gr8 tutorial on wordpress…i’m following your tutorial step by step and i’m feeling that there is some portion of your tutorial is confussing . It would be realy very helpfull and open to every one if you provide the slicied images (the image folder) from .psd file and the all .php files of your wordpress theme when you convert that after css/html coding availble to download on your tutorail like other file you did.

If possible please provide the link to download those files form your tutorial and help others to understnad this cool tutorial more easily .

Thanks for your this gr8 tutorial.
AuraRinoa August 21st, 2009

This part of the tutorial is very well done.
But it helps very much to have a base of photoshop knowledge.
yoyo August 31st, 2009

In Step 3, I’m unable to “Go to Select > Modify > Contract > 1px”. When I do, the Modify option is grayed out. Does anyone know what I’m missing?
yoyo August 31st, 2009

Another noob PS question for Step 3… The part of Step 3 where it say: “After that, create a new layer. Go to Edit > Stroke > 1px, white, inside.” I don’t understand this, so I followed it word for word and got this message “Could not stroke the layer because there is nothing to stroke.”

I must have missed something when reading between the lines… anyone know what it was that I missed?
jhons "directorio cusco" Criss September 2nd, 2009

this post is very useful for me, thanks
david "autogobierno ayllu" Criss September 2nd, 2009

this post is very useful for me is the best language php thanks
Wordpress Designer September 20th, 2009

I liked this article too. Such a long time I’m looking for an article of wordpress theme designer. Thank you very much.
http://game4home.com September 21st, 2009

nice tutorial
Peluang bisnis September 26th, 2009

Thanks for the lesson, i learn alots here.

Dav
vled September 28th, 2009

learning was key in this tutorial and my english is only sometimes good.

I am foreigner. I love america.
WPclassifieds.net October 1st, 2009

Great tutorial. I am trying to add a wordpress theme to my site and will be using your tutorial to do so. I will post a link to the finished site, and put a link on back to your tutorial.
Adsene earning cash October 28th, 2009

i hope i will be able to create theme wp myself. Thz the tutorial
azul October 28th, 2009

Great tutorial,
Could you please make more tutorial like this with complicated design and javascript widget?
SEO Luke October 29th, 2009

Very nicely done. Thanks for posting!
mko October 29th, 2009

its great … thank you very much
m a r c o October 31st, 2009

Thank you for this tutorial… Very comprehensive. I’ll definitely put it in practice. One thing I noticed is that you created your layout with 1024 pixels in width, which doesn’t account for the scroll bar on the right hand side. I think I calculated in the past the maximum width that would include a vertical scrolll bar (without showing a horizontal scroll bar on the bottom) is 999px. Other than that, great!

Thank you again for posting useful information like this…
kailoon October 31st, 2009

m a r c o:
That’s just for designing in Photoshop, if will not have problem when viewing in browser after coded.

azul:
Thanks! Yup, I am in the middle of revamping this site and also getting more tutorials for you

yoyo:
This is the action: Simply hold the CTRL tab and click on the text layer to get the selection. Go to Select > Modify > Contract > 1px. After that, create a new layer. Go to Edit > Stroke > 1px, white, inside. You will need to bring out the selection first, then have the 1px contract, then only you can stroke the new layer.

ornella:
Your blog is on wordpress.com? If thats the case, I think you can select this theme since this is a free theme in the wordpress theme directory. As far as I know, you cant use premium theme for wordpress.com.
Tom October 31st, 2009

Superb.
Mark K November 1st, 2009

Great tutorial.Im going to create my very own template.Cannot wait…
Paul Pütz Thapa November 3rd, 2009

very good explaining about wordpress. Thanks a lot for this tutorial.
Sushi November 3rd, 2009

Great work. Thanks for ur efforts.
Julia November 6th, 2009

Really a lot of thanks!
fast software November 6th, 2009

Thanx for the nice tutorial its very helpful thanx very much
tung desem waringin November 16th, 2009

Your tutorial is nice, i learn from here.
wparena November 17th, 2009

started to learn it…give me best of luck and thank to you for such a easy and nice tuttorial
psd to xhtml November 19th, 2009

nice article and very easy to understand.
Thanks you
Alex Simo November 22nd, 2009

i am Just starting to learn how to do wordpress, i think your tut is good but it needs to explain a bit more like how to do the single page ect.. thankyou please reply; if anyone else knows a good tut for a beginer please let me know thankyou
Dolly November 27th, 2009

Interesting stuff, this tutorials is exactly what I need. Thanks you very much for this. I would definitely try this on my own blog.
Dhirenda November 27th, 2009

Thanks for the post !!
memperbesar payudara December 2nd, 2009

This really great, i will tell my friend too.
Berufsbekleidung December 7th, 2009

You have a great blog with great info.Thankyou for shareing this.
essential guide December 10th, 2009

Great tip!
jawe December 14th, 2009

very awesome tutorial
WPexplorer December 15th, 2009

Cool tutorial, thank you so much!
Cherry December 16th, 2009

This is really some interesting tutorial, Very easy to follow and incredibly detailed fantastic job
soso December 16th, 2009

Nice Article, It’s very useful. Thanks
Thomas Sabo December 17th, 2009

Thanks for the info. I found it really useful.
newsgps December 17th, 2009

your articles are useful, thanks a ton.
Tips Photoshop December 21st, 2009

very nice and cool.. thanks
Lisa Peet December 23rd, 2009

Your step-by-step instructions have compelled me to design a site. Great job, please keep posting.
Kuldeep Daftary December 24th, 2009

Thank U very much! Mwaah!
firman December 27th, 2009

Finally I found SD to WP tutorial. Thank you brother. Very.. very.. very helpful.
ferdinand January 3rd, 2010

Hi,

thanks a lot. I’ve learnt a lot
Pariuri sportive January 5th, 2010

Hi, this is almoust what i need, i need a simple 3 colummns theme for some of my gambling domains, i don’t need comments and some other stuff, with few modifications will be great.

Is nice to see tutorials in picture is more easy to understand.
Nova January 9th, 2010

This is really great, I have been looking similiar tutorials to make my own WordPress themes. Just wondering if this still valid to use with the latest version of WordPress?
kailoon January 9th, 2010

Yes, it is
Parke January 14th, 2010

Its really awesome tutorial. Im gonna make my own theme soon Thanx for it.
ek0st21 January 15th, 2010

cool
detox foot spa January 16th, 2010

i like it, thank you
rezultate live January 20th, 2010

Very intersting post. I just started a site using word press and I was thinking buying a theme. I’ll try do this myself now…
Omar Atta January 22nd, 2010

that’s good ,thank you
Diablo 2 cd key January 25th, 2010

Thanks for your post!
Ordis January 26th, 2010

Thank you for great tutorial very well explained.
voyance January 28th, 2010

Super tuto, jepasse à la partie 2
San Francisco Vacation January 31st, 2010

Your tutorial is nice, i learn from here.
Tibz Superman February 2nd, 2010

Awesome, so thorough, loved the pics! Thank you!
Sedat Kumcu February 4th, 2010

Thanks for this beatiful article. Best regards.
blackberry February 7th, 2010

Thank you very much
~~~~~~~~~~~~~~~~~~~~~~~
HKPH February 8th, 2010

Great Blog~
Mobi February 9th, 2010

I enjoy your blog , very good article
thanks
Battery Duracell February 15th, 2010

One of the best tutorial i found about wordpress..Thanks for sharing it..
Can you make this a little more complicated. This is not for begginers I take it
Keep it up !!
Deepesh Chetariyil February 20th, 2010

whoa……gosh……thnx alooooooooot mate……geez i could not hav done it without you. i very much a fresher to coding WP and been loiterin around online searchin for a perfect tuts on WPcoding for freshers and hell YEAH , its definitely here….RIGHT HERE RIGHT NOW!!! OH YEAH….thnx alot themetation…!!! thnx to ur tuts, i’m halfway into completing my site
ceed February 22nd, 2010

Cool Theme, You have some really good posts here. I’m going to spend the next few days reading them. I like your writing style and you are intended blogger , I’m really happy to visited your blog. keep those posts coming.
Resources Mix February 22nd, 2010

Great Tutorial, really helps, thanks for sharing!
arahey February 23rd, 2010

hi, this post is very helpful for me, i can created a wordpress theme already caused of you, thank you for your sharing acknowledge. And Keep up the good work.
best regards,
เกมส์ทําอาหาร February 28th, 2010

Thank you very much
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
biofir March 1st, 2010

your article is awsome, i learn so much from this, thanks bro
Case de pariuri March 3rd, 2010

Very nice free themes around.

I would be interested in buying some premium themes. How is that possible?
ทํานายฝัน March 6th, 2010

Thank you very much ……………….
……………………
Fizzi March 9th, 2010

Thanks bro.. good articles and great tutorial.. i am now doing what i have learn from your marvelous tutorial.. great to hear from you soon with other tutorials
gambling feel March 10th, 2010

Here is the tutorial on how to create the wordpress themes from scratch part 1 is good. The steps for this process is structuring, designing in photoshop, slicing, coding in html and the wordpress implementation. Nice post.
Resveratrol Select March 11th, 2010

I like to use wordpress blog, now i learning to create it. Thanks

Dennis
warez March 15th, 2010

Thank you very much …
Richard ( Newbi ) March 15th, 2010

Marvelous…..marvelous…..!! but i am confused

I am confused at step 2 :
“Grab the rectangle tool and draw a header for it. The height, you have to estimate how much you want. Balance is the main thing you need to concern. Then, apply the blending option as shown below. A black to white gradient with soft light blend mode.” I understand this,
but : “Create another rectangle, apply gradient overlay with setting as shown below. Put it 1px below the green bar. It will make it more details. Then, draw a 1 pixel line and put it right above the gap between the two bars you created before. Give it a darker color.” I am confused about create another rectangle..?? there is two rectangles on the sreenshot or three..??
I need more explanation about that. Please help me…
Thank you for your time.
air jordans March 19th, 2010

concern. Then, apply the blending option as shown below. A black to white gradient with soft light blend mode.” I understand this,
but : “Create another rectangle, apply gradient overlay with setting as shown below. Put it 1px below the green bar. It will make it more details. Then, draw a 1 pixel line and put it right above the gap between the two bars you created before. Give it a darker color.” I am confused about create another rectangle..?? there is two rectangles on the sreenshot or three..??
I need more explanation about that. Please help me…
Thank you for your
Mia March 20th, 2010

this is great! thanks a million for this.
Uzman March 25th, 2010

Thank you very much…
porno March 30th, 2010

Great I was looking for something that would add the links as a seperate page
syarip yunus April 1st, 2010

hello….
you are so great,,,, thanks awesome!!!
Sibiu April 3rd, 2010

My new blog, with your info…god job, and tnx
dropship April 7th, 2010

you are so great,,,, thanks awesome!!!
leon April 12th, 2010

amazing!
thanks.
bilmece April 13th, 2010

http://WwW.FilmSitesi.ORG Film Fragman | Film İzle | Dizi Fragman | Dizi İzle | Sinema
s jones April 21st, 2010

Wow! Thanks for this beautiful looking tutorial on creating a wordpress theme. I wish my photoshop skill is as good as you. I tried to design my own theme before but gave up halfway because it was just too hard. I will try again.
Bisnis Internet Online April 21st, 2010

Thanks i like this article
web design sydney April 25th, 2010

Wow awesome post. I really love it and I am glad that I found this site. I am been working with the development team converting from psd to wordpress. I will add you anyway in my google feed reader. I hope to hear from you.
Autismus May 2nd, 2010

nice service. thank you very much. i have just recommended your site to some of my friends..
vimec May 3rd, 2010

Great tutorial! Another site I found – http://morzdesign.com/tutorial-how-to-create-a-wordpress-theme-from-scratch/
bisnis internet May 4th, 2010

thanks nice article I like this blog
bisnis internet May 7th, 2010

Thanks for the lesson
alvina May 7th, 2010

I made this version in PDF by myself using Google Docs in 5 minutes just for studying when I am offline. Nice tutorial!!!
Bodhi666 May 13th, 2010

Great job, friend……Very usefull…..you are my hero!!!!
murat May 16th, 2010

very very perfect

thanks nice article I like this blog
Berufsbekleidung May 18th, 2010

with this post it is possible to create a wordpress theme by myself, thank you for your sharing acknowledge.
negeriadscom solusi berpromosi May 18th, 2010

thanks for sharing, nice
Sacramento Photographer May 19th, 2010

Outstanding article, this definitely took a lot of work and time to put together, MUCH appreciated!!
Dark Musician May 23rd, 2010

Excellent!
murat May 23rd, 2010

süppersniz çok teşekkürler
SEO May 29th, 2010

Very interesting post – I’m definitely going to bookmark you! Thank you for your info
Ucuz Nokia cep telefonları May 30th, 2010

eywallah dostlar cok güzelmiş saolun
Josephine June 1st, 2010

This is as easy as it gets. I love the color scheme of this theme especially.

This should get even the most creative dummy interested
Ryo June 2nd, 2010

Thank you so much. This was exactly what I was looking for. You are a life saver.
maelizza June 3rd, 2010

This is really great. Thanks!
real money slots June 11th, 2010

Very interesting blog to read and i enjoyed a lot on reading this article and the information were very informative and please keep posting blogs like this.
real money slots June 11th, 2010

Its a great tutorial about creating the word press themes and thanks a lot for posting this informative blog.
Aslan Max June 14th, 2010

eywallah kardeşim Allah var süper backlink veriorssunuz eywallah
Aslan Max June 14th, 2010

Thnks.. very very post…
gunawan June 15th, 2010

thanks for info,
amazing
play bingo games online June 15th, 2010

This nice article I have never seen like this article and this will be very cool finest article also.
lignano June 16th, 2010

Thanks… this is a good guide!!
photo-retouching-fan June 19th, 2010

This tutorial is amazing. I’ve been using photoshop for a few years now, and I have to admit that never would have thought of some of these techniques. Thanks so much for this tutorial!
silver jewellery June 21st, 2010

A very good tutorial, and easy to follow. Many thanks.
gunawan June 22nd, 2010

INFO thank you, this is very helpful
hye June 22nd, 2010

INFO thank you, this is very helpful,
good
katja & rob June 26th, 2010

thank you for that great tutorial!
Online web hosting July 2nd, 2010

This post is very much helpful. Thanks for sharing.
Wordpress Themes July 3rd, 2010

Thank you for this great tutorial! You have inspired me to attempt to create my own wordpress theme!
fotograf rob July 6th, 2010

what a great tutorial! thank you very much!
Fridge freezers July 10th, 2010

Thanks for the confidence you have just given me. I like to use wordpress now
Bisnis Internet July 13th, 2010

Great job,,,, thanks for the tutorial,,,, i am waiting for your next tips.
Promotion July 14th, 2010

Thanks. This is a very good tutorial for making a wordpress. I like this.
photo retouchinh July 14th, 2010

All i have to say its superb.
Wolfram July 16th, 2010

Thanks for this, I’m thinking of making my own anime wordpress theme for like almost a year but I can’t find a decent tutorial like yours. Thanks again.
MYKC July 17th, 2010

NICEE! thanks!
Wordpress Themes July 18th, 2010

Thank you for this comprehensive guide! I look forward to creating my own wordpress theme!
Matt July 20th, 2010

You have saved me hours of frustration and keyboard bashing. Thanks!!!!
TemaTurk July 23rd, 2010

thanks you so much man
Webmaster Blog July 25th, 2010

This tutorial is brilliant!
I’m awful with making themes and was about to pay someone until I found this!

I’m pretty confident I can pull it off now thanks to you!:)
Teknoloji Dunyasi July 25th, 2010

Thanks for sharing.
Latex Mask Blog July 26th, 2010

i need to revamp my wordpress theme and your excellent tutorial will help me to create an unique theme! Thanks alot, Alex.
Ezekiel the forex trading guy July 29th, 2010

very good concise guide for wordpress themes. I’m following it!
John July 29th, 2010

Great Job
very usefull
Thank you author
Mike August 2nd, 2010

I have a question. Why do the design in Photoshop just to turn around and convert it to HTML? That seems like an unnecessary and time-consuming step. Why not simply design the site on paper, create the necessary graphics, then translate that into code?

My point? PS designing performs tasks that add layers (no pun intended) of complexity and expense that can be accomplished quicker and cheaper by other means. Once the .psd file is created, it then needs to be parsed into image and text components. Then the text components need to be coded for SEO optimization and W3C compliance. Then, the images and text are merged back into the overall site hierarchy. What value does that add?

To be fair, my expertise is in development, not design. So, I am biased toward the “hand-coding” end of the spectrum. It just seems like a lot of extra work to build a website. That’s my two cents. But if I’m paying someone hourly to build me a commercial website, I don’t want to spend any of my capital on complexity that does not appear to add value to accomplishing my goal.

Otherwise, thank you for putting out the effort to describe the process.
Uzman Web Tr August 4th, 2010

I like to use wordpress blog, now i learning to create it. Thanks

gerçekten çok teşekkürler..!
Freak Holic August 6th, 2010

Nice tutorial, thank you very much … I’m still beginner in WordPress, and just try to make my own templates …
3-Service August 7th, 2010

I se…
Eye Webmaster August 11th, 2010

Great article I hope I could make like yours.. Nice theme…
jobvacancy August 12th, 2010

thank you for the information,
This was helped,
spirit! ! ! ! !
Agricultural Recruitment August 12th, 2010

What I find unusual is if I have to design in Photoshop and then to get my site optimized I have to convert it back to html?
alice August 17th, 2010

Your tutorial is nice, thanks
car scratch repair August 17th, 2010

This is a great tutorial. Most people charge for content of this quality.
chiavepc August 19th, 2010

ottimo post
chiavepc August 19th, 2010

ottimo postgood
omegle August 20th, 2010

teşekkürler güzel
Patty August 22nd, 2010

This is totally the kind of tutorial I was looking for: getting into the nitty gritty without too much blabla. Thanks so much for making it possible, you really rock
Helicopter Pilot School August 25th, 2010

thnks for the tutorial i love it makes more easy i am looking forward for the next step
Michigan Designer August 25th, 2010

Very simple and clear tutorial. Thumbs up!
Abdul Adhim August 25th, 2010

cool themes, im like it! Thanks
Website Design August 27th, 2010

Thanks for the tutorial. I hope more people read it so we can do away with the CSS bloat currently associated with WordPress templates.
women seeking women August 28th, 2010

This is totally the kind of tutorial I was looking for: getting into the nitty gritty without too much blabla. Thanks so much for making it possible, you really rock
neelakanta August 30th, 2010

Hey its really good!

Thanks for given this types of design themes
Website Rank September 4th, 2010

Hey its really good!

Thanks for given this types of design themes
Oktay Usta Resimli Yemek Tarifleri September 5th, 2010

Teşekkürler gerçekten 10 numara süper temalar paylaşıyorsunuz saolun takibicininiz..!
Lanka Forum September 6th, 2010

Great article……
pokerplus September 8th, 2010

Thanks for the tutorial, I’ve always tried to create my own header, but I didn’t manage to do it right. Your way is a lot better, thank you for that.
Freak Holic September 13th, 2010

Hey … You should add another templates tutorial …
Dan September 13th, 2010

An amazing tutorial thank you for putting in a lot of work to produce this detail example of how to make a wordpress theme!
Website Design SEO September 15th, 2010

Good information

thanks for Sharing
Youtube Video İzle September 27th, 2010

thnks admin..!
beatiful top themas
s.a arkadaşlar artık youtube videolarını turkiyeden izleyebilirsinizz hemen tıkla izle..!
make up tutorial September 29th, 2010

job well done… amazing tutorial… only few people who have a know how on this… share stuffs… tnx for this…. great post…
Youtube Video İzle September 30th, 2010

Teşekkürler güzel steymiş başarılar
Boogie Guy October 5th, 2010

Wow, that’s an awesome way to do a WordPress site from start to finish. It’s not nearly as difficult as I thought. I’m goign to get started on one now and see how it goes. Thanks.
Mold Removal Tampa October 5th, 2010

well done job. thanks admin. I’ve always tried to create my own header.
mac October 5th, 2010

A really nice turoaial … thanks for your kindness for posting this article for free … nice job!!
Seot October 11th, 2010

This is an acute blog… You accept so abundant ability about this issue, and so abundant passion. You as well apperceive how to accomplish human’s assemblage abaft it, acutely from the responses. You’ve got a architecture actuality that’s not too flashy, but makes a account as big as what you’re saying.Thanks
Cosmetics Eye October 12th, 2010

Hmm I use it and make my theme…
wonderfol thanks a lot
Big Col October 18th, 2010

Thanks for the great tutorial. I’m still working through them but they are helping me make the leap from Joomla to WordPress development which I thought would have been more intuitive. Thanks again
WPfanatics October 20th, 2010

What a nice tutorial – thank you so much!
buzzmeUp October 20th, 2010

wonderful post… i was able to understand more about wordpress.. thanks for the post…
Jeanette October 21st, 2010

Good tutorial regarding photoshop. Looking forward to the main course.
Joe the Naples Dentist October 22nd, 2010

Great tutorial. I was wondering how to create and customize my own word press site for our dentist Naples website. Thanks again.
thomassabo-charm October 23rd, 2010

Oh, i have been finding this kind of information for a long time.very useful to me..I will share it with my friends!Thank you!
Water Damage Chicago October 25th, 2010

This is a great post, I am confident people will come back to read this post regularly. Thanks
amit October 28th, 2010

Nice post. Very helpful for wordpress theme designing
Peluang Bisnis Internet October 31st, 2010

Very good share, very useful. Thanks
Adeel November 2nd, 2010

Nice one…
Sofi November 14th, 2010

thanks! I’ll try to do…
Jürgen November 14th, 2010

thank you for that great tutorial!
โปร November 16th, 2010

Very helpful for wordpress theme designingVery helpful for wordpress theme designing
sesli November 17th, 2010

Great!!! thanks for sharing this information to us!
foredi gel November 18th, 2010

I like the theme very much, i will download it and using it.

Thanks for the post
Sesli Chat Siteleri November 19th, 2010

Thank you so much admin.
Roofing Cincinnati November 21st, 2010

This was very helpful. thank you!
PTEC November 23rd, 2010

Thank you for your useful post
a lot …
laptoprepair November 24th, 2010

Nice article! thanks for that great tutorial you shared with us.
roofing sheets November 25th, 2010

This tutorial is brilliant! You have saved me hours of frustration, this is exactly what I’ve been looking for. You are a life saver.
Vanessa November 28th, 2010

Thanks for the tips , i’ll have an attempt at it.
tinnitus December 5th, 2010

This is a very useful information, and what a coincidence because I searched for this info on youtube yesterday
Recliner Chair December 6th, 2010

Thank you for this interesting tutorial
Kista December 7th, 2010

I”m in the process of writing my own themes as I usually hack and customize themes I use anyways. Figured its times to get my own going!
koxpcu December 8th, 2010

koxpcu.yetkin-forum.com

guvercin-forum2009.yetkin-forum.com
Rob December 8th, 2010

Really useful tutorial, thanks
Typegeek December 9th, 2010

Great work. I’ve seen some people charging $500 – $750 for this kind of work. I can’t wait to try it out.
Redman December 10th, 2010

Awesome post dude, thanks 4 sharing!
Fitri PMRELOAD December 11th, 2010

amazing tutorial!! thanks!!!
Foredi December 12th, 2010

Thanks very much for poblish this
giochipop.it December 13th, 2010

thanks for the lesson
giochipop.it December 13th, 2010

thanks for the tips. cool
Stepan December 15th, 2010

I have no idea, how could I thank you!!! It’s great, you’ve helped a lot of people and I’m among them!!!
Subic December 16th, 2010

Thanks very much for the tips Kailoon , i will give it a try . I am getting a bit bored with the free themes that wordpress has to offer.
Marcin Mukosiej December 22nd, 2010

The one small thing is math:
960 – 600 = 360 is correct

Everything else GREAT!
Thx
Jasmine December 24th, 2010

Kailoon, you are superb. This guide is simply amazing… I am sure by following it I will be able to create my first WordPress theme pretty soon! Stay tuned for my theme!
Hendra December 26th, 2010

it’s cool… i will try it…thanks… very help me
Rangpur December 26th, 2010

Thanks Fore share.Really its great tips & cool
Techno January 4th, 2011

thanks a lot man.
Emma January 7th, 2011

I am visiting this website first time & it has strong contents. Any information in future will be appreciated.
foredi gel January 9th, 2011

Design a theme is i want it now, this tutorial help me a lot to understand the structure to design and the steps. Good of u.
Michael January 12th, 2011

Thanks Fore share.
Shariar January 13th, 2011

Well, how do i get video tutorial to make a wordpress theme
Sohbet Arkadaslik January 14th, 2011

how to nice create wordpres…
Tarifvergleich January 14th, 2011

Nice article! thanks for that great tutorial you shared with us.
Entrümpeler January 14th, 2011

960 – 600 = 360 is correct
Thanks Fore share.Really its great tips & cool
badminto January 14th, 2011

You include screenshot which make your teach reach my mind!! The best understanding tutorial for creating wordpress them in my mind..
faydalı bilgiler January 23rd, 2011

Well, how do i get video tutorial to make a wordpress theme
Brad January 24th, 2011

All the time I see incorrectly developed WordPress themes, if more people learned through a tutorial like this it’d be easier for me to take over projects.
high court enforcement January 24th, 2011

There are a limited number of people who are capable of write such articles that creatively. we are on the lookout for information regarding this topic. We ourselves went through several websites to find knowledge with regard to this.I will keep coming back !!
How to Get a Flat Stomach in 2 Weeks January 27th, 2011

wow.. thanks for this… simply what i need to create my own theme… tnx..
Garden Tips February 3rd, 2011

nice share
very useful for newbie like me ..
Reinigungschemie February 4th, 2011

Nice article! thanks
Gadget News and Review February 4th, 2011

very informative. thanks for share
cadouri online February 7th, 2011

Thanks for the tutorial, I’ve always tried to create my own header, but I didn’t manage to do it right. Your way is a lot better, thank you for that.
cadouri online February 7th, 2011

cadouri online February 7th, 2011

Thanks for the tutorial, I’ve always tried to create my own header, but I didn’t manage to do it right. Your way is a lot better, thank you for that.
nonsolomarketer February 9th, 2011

Great Tutorial! thanks, probaply the BEST tutorial on making wordpress template I’ve seen until now.
Fun Educational Games February 10th, 2011

excellent article learn alot from you will bookmark this for reference
usa February 13th, 2011

Thank you for nice share
Kalle February 13th, 2011

good info
thanks
Pupugnao February 14th, 2011

Great tutorial! thanks
cheap hdtv usa February 14th, 2011

Thank you for good theme.
obat keputihan February 17th, 2011

This is what I’m Looking for thanks..
PsdtoWp.Biz February 18th, 2011

Nice tutorial. Thanks for sharing it.
poker February 23rd, 2011

Nice tutorial. extremely usefuil for beginners
Lenjerie femei February 23rd, 2011

Xecellent post and informative. thanks for share
Preethi February 26th, 2011

A very useful tutorial for all those who want to have a unique theme..Loved it..:)
cekay February 27th, 2011

woaaa
nice articles dude !
really help me…
I wanna create a beauty wordpress theme
ilahiler dinle February 28th, 2011

thanks admin themes city
idris March 1st, 2011

this is really awesome
thank you for sharing
zifan March 1st, 2011

i hope that can create after this
eskort servisi March 7th, 2011

i hope that can create after this
Reply SMS Hindi March 8th, 2011

This is very nice information… Thanks for share your experience
Mold in House March 12th, 2011

Thanks for the info! Not as difficult as I thought it would be.
Asep March 22nd, 2011

Simple tutorial but powerful information, thanks
yenile March 26th, 2011

very nice sharing. Thank you. I decided to follow consistently.
jocuri barbie March 29th, 2011

Thanks for the post. There are several things I need to know via this discussion.
Jimmy Nguyen April 4th, 2011

Amazing post !
Your tutorial’s so useful for a WordPress beginner like me.
Thank alot for sharing, just keep it up.

Jimmy
Daisy April 8th, 2011

Thanks for the guide I am looking for this for the whole time….
handbag April 10th, 2011

baidu
Metehan Türkdönmez April 14th, 2011

good theme.Very good.!:D
Epilazione Luce Pulsata April 15th, 2011

thanks for this great tutorial
Bizoka April 15th, 2011

Hi how are you ! This article is one of the best !
Vrdnik apartmani April 15th, 2011

Thanks you very much!!! I find on your blog what I need!!!
Codebox Studio Web Development April 16th, 2011

nice tutorial..it help me..thanks
contact wordpress plugin April 18th, 2011

Grab the rectangle tool and draw a header for it. The height, you have to estimate how much you want. Balance is the main thing you need to concern.
Sokobanja April 24th, 2011

Excellent post, thanks for the nice explanation, I really like
omegle April 25th, 2011

thanks admin..good post
Collin April 25th, 2011

Very Informative. Totally impressed with the tutorials which can help a lot of guys like me. thanks
Brian April 28th, 2011

Wow, lots to it!!! But it will be great to have a fully customized theme! Thank you!
Apartmani May 2nd, 2011

Thanks for the best WordPress themes on internet!!!
Afrin May 4th, 2011

Good work…. Thanks for your help….
CCNA CHENNAI May 5th, 2011

Great work, thanks for sharing with us.
Security May 5th, 2011

Very useful information. thank you very much.
Bala May 5th, 2011

Nice work done. keep it up
Balaji May 5th, 2011

Thank you for useful information, it is very great post. thanks
Iwan May 6th, 2011

Finally I found an excellent tutorial. Thank you very much, this really is helpful how to make a theme
Digital Bangladesh May 10th, 2011

The world is becoming a Digital Planet. Bangladesh can not remain out of it. We must build a Digital Bangladesh and establish a knowledge based society within 50 years of our independence in 2021. Let’s work for this achievement. Let’s build Digital Bangladesh.
Tiziano May 11th, 2011

Hi,
I’m designing my first WordPress 3.1.2 template.
I don’t need sidebars or better: I need them but horizontal in the footer.
I have many problems.

I created the page (HTML and CSS) in this manner:
1line a header with 3 horizontal elements: Logo, Search box and Socials
Beneath this, another div container that shoudl contain the menu
A third block underneath the previous one has the page content

Now the footer
The footer is divided in 6 little columns

The content of the footer, should be assignable … by widgets’ page and so on.
How can I do it please?
It’s the first time I experience a template from scratch.

Best Regards
Zahid Rouf May 13th, 2011

Wow . Wonderful post . Thanks for sharing . It will be a great help for wordpress developers.
Web Design Lincolnshire May 13th, 2011

Bizarrely, I find Joomla much easier to template for; I don’t think I’ve shaken off that “just for blogs” prejudice I have for WordPress.
SelGibiyiz May 19th, 2011

Thank you very nice !
Nicholas Creative May 19th, 2011

This is a brilliantly assembled tutorial – I actually shared this with a student the other day who was looking for some information on templating. Nice work.
طراحی وب سایت May 20th, 2011

Nice post, thanks for sharing.

Ramin
riverain May 22nd, 2011

图片上的女孩叫刘亦菲。

Very good tutorial ! Thanks man.

BTW:

The girl on the photo is 刘亦菲(Liu Yi Fei)，a Chinese actor… if someone cares.
Jennifer Long May 23rd, 2011

thanks for putting this tutorial together. I had to take a class to learn this stuff and I think you did a better job of having it all in one place than my instructor did. I will share this with others!
Nguyen Ngoc Long May 24th, 2011

Can you help me? I can’t edit css at website longnn.webchuyennghiep.net.
طراحی سایت May 24th, 2011

tnx very usfull totourial
อยากลดความอ้วน May 25th, 2011

Nice job, it’s a great post. The info is good to know! Thank you.
fotograf hannover May 26th, 2011

Nice tutorial, many thx for sharing!
สูตรลดความอ้วน May 27th, 2011

Top post. I look forward to reading more. Thank you for sharing.
Transport May 27th, 2011

Briliant post.
Its easy to learn for one beginner like me
BEST BUY REVIEW May 30th, 2011

Good post. I look forward to reading more. Thank for sharing.
Sharon June 2nd, 2011

Nice tutorial, thanks for sharing.
Akif June 4th, 2011

Ahh Do you know ? Now i can Creat a Theme Of my Own Choice <3 Thank you for this Tutorial with huge detail i will definitely give you Plus one for Google
test June 4th, 2011

test
چاپ June 4th, 2011

Thank you very nice !
brisbane portrait photographer June 9th, 2011

I just found this blog and have high hopes for it to continue. Keep up the great work, its hard to find good ones. I have added to my favorites. Thank You.
hayin raditya June 10th, 2011

thank you i like it
Kadek Wisnu June 12th, 2011

Suksma brother… i like U’r article…
tân seo June 13th, 2011

hey bro like it
eVideo June 17th, 2011

very detailed tutorial. thanks for sharing. i’ll read this later. i’ll bookmark this hehe:) because this is a long process.
jelbee June 17th, 2011

very detailed tutorial. thanks for sharing. i’ll read this later. i’ll bookmark this hehe:) because this is a long process. I hope i can build a nice template. i’m just curious how to slice on photoshop.
Soko Banja June 19th, 2011

WordPress is the best program for creating websites, thank you for this beautiful theme ..
biletul zilei June 20th, 2011

This is a really good lesson, i’ll try this on my new site.
Bestseller June 22nd, 2011

Wow! Thanks for this beautiful looking tutorial on creating a wordpress theme. I wish my photoshop skill is as good as you. I tried to design my own theme before but gave up halfway because it was just too hard. I will try again.
CHEAPEST SLR CAMERAS June 24th, 2011

I just found this blog and have high hopes for it to continue. Keep up the great work, its hard to find good ones. I have added to my favorites. Thank You.
Jennifer - Sacramento Wedding Photography June 29th, 2011

Great information! Where have you been all my life!?! Thanks for sharing.
อยากลดน้ำหนัก July 9th, 2011

Thank.This is a really good lesson, i’ll try this on my new site.
Alex July 14th, 2011

You make everything look much more easily! Great tutorial!
Domain Registration July 14th, 2011

Great post. Thanks for sharing this informative stuff Kailoon, This would be definitely helpful for the beginners for structuring their site. You made the points clear and precise, that even layman can understand.
ThemesWordpress July 15th, 2011

This is one of the best tutorial site for building wordpress theme .. will definitely bookmark it. Thank you
truongnhattan July 22nd, 2011

i want top 1 google
truongnhattan July 22nd, 2011

thanks men very much
KK Fashion July 22nd, 2011

Wonderfull. I’m very intersting this article. You conitnue
Humor July 26th, 2011

huhu haha lol woah cool
طراحی وب سایت July 27th, 2011

Thank you very nice !
Busana Muslim Anak July 31st, 2011

This information is very great, thanks..
Akif August 4th, 2011

I adore this information and i will try to follow this asap
vanitha August 4th, 2011

Thank you so much…. vvvvvvvvvvvvvvery nice
themik August 4th, 2011

thank for information.
very good content
Devi August 10th, 2011

thanks for your information.
very good content
Shanmugam August 10th, 2011

This article regarding WordPress theme development is very useful. I checked in this site for an option to contact you but there is no option to contact you by email or by “Contact Us” form… Can you let me know how to contact you?
Jerry Dang August 12th, 2011

Thanks for your sharing, i am creating new webpage now
assicurazione autocarro August 15th, 2011

Thanks for this tutorial. Helped me a lot costructing my WP theme!
Franklin August 16th, 2011

Thank you for the tutorial bro i really appreciate
tech guru August 16th, 2011

Amazing stuff man i love it
3423 August 17th, 2011

werwerwrwerewrwrewrw
Mafia website August 18th, 2011

Man…. I Like Your Post, It’s to the point….
Pragati August 20th, 2011

Its really nice tutorial…….
kekeke August 20th, 2011

Thanks for this tutorial. Helped me a lot costructing my WP theme!
kekeke August 20th, 2011

Thanks for this tutorial. Helped me a lot costructing my WP theme! Thanks for this tutorial. Helped me a lot costructing my WP theme!
Akif Shamim August 21st, 2011

this article helped me to build up my theme
ebook August 22nd, 2011

We programming a new wp-themes for our blog, your site is a goog input for us, thanks
Mold Testing NJ August 22nd, 2011

Great article, very beginner friendly!
arshad khurram August 25th, 2011

i love the way you teach
rau mam September 7th, 2011

Great post. Thank you so much
decadance September 9th, 2011

Bookmark’d

*everyone should read about this
cung cap hosting September 12th, 2011

thank for information.
very good content
kekeke September 12th, 2011

ingThank you for sharingThank you
Mom September 12th, 2011

wow! this really great. Thanks
Afrodizyak September 13th, 2011

We programming a new wp-themes for our blog, your site is a goog input for us, thanks
foredi gel September 15th, 2011

thank U. your tutorial is wonderfull
Stara Planina September 19th, 2011

Thank you very big, for information, and I’m saying that WordPress is by far the best program for creating Web sites, as well as their tepla. I use to create Artister temlate. thanks
Mary September 24th, 2011

Hey kailoon -

Thanks for doing such a great job in explaining this info, and freely giving it to people like us who don’t have that knowledge. It is much appreciated!
Domain Chennai September 24th, 2011

very user-friendly tutorial. thanks a lot.
Bonus Pariuri September 25th, 2011

Hy,
I like this great tutorial.
Đầm công sở September 26th, 2011

Nice article!
Really looking forward to see the rest of the parts.
To bad the Continue to How to Create WordPress Themes part 2 link is either broken or doesn’t exist!
san bong da nhan tao September 28th, 2011

This is exactly useful
Thoi trang cong so September 29th, 2011

This article is very good. Can you continue writing “Part2, Part3″. I like this article
www.huseyin.gen.tr October 2nd, 2011

I love wordprees come seom isthat one people
Tarun October 9th, 2011

Nice tutorial but it skips many important steps. Not for beginners.
mu bao hiem October 11th, 2011

Wow. I Like it. Thank’s for share!
Video Klip İzle October 12th, 2011

Thank you very nice !
daimos October 14th, 2011

Thanks for your great job!
Cuoc thi anh October 19th, 2011

I like this article. But if you have video, i will better
Shelena Sharon October 19th, 2011

cant get it to work
anything like you state in step
2. Is there some more detail
you could link me to? I;ve done a few tute from the web, but
interested to get this to work
your way. Thanks for share
gezgin October 20th, 2011

Wonderful post . Thanks for sharing
mustafa October 24th, 2011

cant get it to work
anything like you state in step
2. Is there some more detail
you could link me to? I;ve done a few tute from the web, but
berk October 24th, 2011

Nice article!
Really looking forward to see the rest of the parts.
To bad the Continue to How to Create WordPress Themes part 2 link is either broken or doesn’t exist!
Wohnungsauflösung Köln October 24th, 2011

Great tutorial, I just love how wordpress can be customized especially if you have the right tutorials
TAXI TO HUAHIN October 25th, 2011

keep good work, Thanks!!!
Andrey P Sacramento CA October 26th, 2011

Very very creative!
berk November 1st, 2011

Wonderful post . Thanks for sharing
ps0ram November 3rd, 2011

hi useful tips can you tell me how to add live chat in my website?
XE700T1A-A03US November 6th, 2011

Thank you for useful information, it is very great post.
screens November 7th, 2011

great article, thank you very much. hope you will contribute to the community are very useful article
vemaybay November 8th, 2011

thanks you, good
vencanice nis November 10th, 2011

Thanks for this great tutorial. It works just pefect for me.
adumpaul November 10th, 2011

Nice useful tutorial.Thank you for sharing.
Babin Zub November 13th, 2011

I use to create Artister WordPress themes, but in any case, thanks for this post, I like a lot, and is beneficial.
Babin Zub November 13th, 2011

WordPress is the best for making sites, I always use it. Thank you very much for this theme you have set, it is very useful.
foredi gel November 13th, 2011

this is very good, thank you.
Sokobanja apartmani November 13th, 2011

Excellent you explained how to create a site to WordPress, thanks for the advice, I always use WordPress to create websites.
FarmVille news December 1st, 2011

this is really helpful for beginner’s you are doing great work …
Was bedeutet December 4th, 2011

Great Tutorial. Think it´s best to make your own theme. I will try it soon.
pozycjonowanie December 8th, 2011

IMO this way of creating a wp theme is the easiest and comfortable. I have applied it to my new projekt minmax.pl
y8 December 9th, 2011

very good concise guide
Michael Deshong December 14th, 2011

What a very good idea! No need to buy or even download one!
Sokobanja December 15th, 2011

Thank you, much good advice, I have helped to create.
Free Cracks December 20th, 2011

very good, educative and informative
tipsfortechno December 27th, 2011

I going to learn form this tutorial.
How to make skin lighter, Skin whitening, Lighter skin home remedy, Lighter skin December 29th, 2011

You’re in point of fact a excellent webmaster. The site loading pace is amazing. It seems that you’re doing any unique trick. Also, The contents are masterpiece. you’ve performed a wonderful task on this subject!
bani be December 31st, 2011

nice tutorial,, thanks
sujitha January 6th, 2012

Nice..
kesav January 9th, 2012

nice blog carryon
man van January 10th, 2012

great tip thanks for sharing them with us
Sisteme de alarma January 12th, 2012

Is simply great and easy. Tnx a lot
most fuel efficient suv January 15th, 2012

What the hell is better in this ? however nice themes :p
thoi trang nu January 19th, 2012

this article is very good. I like this article
Sokobanja January 19th, 2012

Thanks for the good advice. I learned a lot on this blog and thank you once again.
Peter Otten January 19th, 2012

very nice tutorial! very detailed
Omid February 14th, 2012

Great !
diythemes Coupon Code February 25th, 2012

thanks for such an informative blog post, you helped me a lot in learning many important aspects. keep guiding.
Felipe March 1st, 2012

I love! thank you for sharing.
Gorilla Trekking March 5th, 2012

I am try to read these instructions so that I can build my sit.
Peha March 11th, 2012

Thank you for very nice an detailed tutorial!
Pariuri Sportive March 16th, 2012

Great tutorial. Hope will be other like this.
Cheers.
Abbey Dawn March 17th, 2012

This is a really good tutorial! Im waiting for the next round.
Diablo III March 18th, 2012

Uuuuugh — all I want is a Diablo III wordpress theme based off their fankit set. This looks like way to much work -_-
premium wordpress plugins March 18th, 2012

Thanks for this tutorial – definitely needed!
pandahost March 21st, 2012

s for this tutorial – definitely needed!
Lara March 22nd, 2012

Great tutorial thanks! I use Lubith in order to make the design of my WP themes, it allows you to work in layers, it’s an editor that almost works like an image editing software.

I prefer to use it instead of Photoshop because I don’t have that much time to spend on design, and in this way I work directly in the browser and I get my work done really fast. Plus some CSS at hand it’s quite enough for me so far.

But your tutorial helped me a lot, I will deffinitely get to it as soon as possible!
Truong quoc te March 23rd, 2012

Thanks for the good advice. I learned a lot on this blog and thank you once again.
Alex Smith March 24th, 2012

Hello guys,

Such a nice post i have found in this week. I have got so many point to this blog. Thanks for sharing this good one post. If you have something extra about this matter then please share with us.

Thanks
Alex Smith
Paid Directory List March 27th, 2012

Fast Approval 3000 + Paid Directory List, Get Thousands of High Quality
Commercial Roofers in NJ March 28th, 2012

You ought to be a part of a contest for one of the finest blogs on the net. I most certainly will highly recommend this web site!
sac de louis vuitton April 1st, 2012

thank you for your articel
Hoc bong toan phan April 3rd, 2012

I’d like to have a SmoothGallery header integrated. THAT would be a really cool way to show a number of featured posts
طراحی سایت April 6th, 2012

Nice article. Lots of great advice and tips. I learned so much from this post.
draw anime faces step step April 10th, 2012

Hello there, You’ve done a great job. I’ll definitely digg it and for my part suggest to my friends. I am sure they’ll be benefited from this web site.
King Sheet Sets April 10th, 2012

Wonderful beat ! I would like to apprentice at the same time as you amend your web site, how can i subscribe for a blog website? The account helped me a applicable deal. I were tiny bit familiar of this your broadcast offered vivid clear concept
man van April 11th, 2012

this is great for my site thanks for sharing this tip to us
Magazine April 12th, 2012

well this is really great i will share this on my blog
Banje Srbije April 13th, 2012

Thanks for the help, WP is for me the best optimization and positioning on the Google site, but you’re really nice to explain how to make WP. Thank you once again.
magnesium and tinnitus April 17th, 2012

Thanks for any other fantastic post. Where else may just anybody get that kind of info in such an ideal approach of writing? I have a presentation next week, and I am on the search for such info.
Gary April 17th, 2012

Its nice to have theme like this its nice for seo.
Stan April 17th, 2012

Great job as a blogger i am tottaly satisfide whit theme!!
Bali SEO April 17th, 2012

It’s really a great and useful piece of info. I’m satisfied that you just shared this useful information with us. Please stay us informed like this. Thank you for sharing.
wordpress, wp, web tasarım, programlama April 18th, 2012

Wonderful web site. A lot of helpful information here. I am sending it to a few pals ans also sharing in delicious. And certainly, thanks to your sweat!
cash machine.com April 28th, 2012

Thank you for another informative site. The place else could I am getting that kind of info written in such an ideal method? I’ve a mission that I am simply now operating on, and I have been on the glance out for such info.
Geoff Veitzkoff May 4th, 2012

Wow thanks for the great information, I was wondering about this. Couldn’t have explained it better. Natural health
live score May 4th, 2012

How can I find part 2?
Live resultater May 4th, 2012

I like this tutorial because it’s for newbie.
foredi May 7th, 2012

nice your post.
D21 May 10th, 2012

Hi! nice tutorial tut! im new to wordpress and im very interested to know it. i thinks ur images are broken. hope i could get along with your tutorials. all in all it s great tut.. this is what im looking for start from the scratch i mean from beginning of everything.. keep it up tut! hope i can make my own wordpress site soon… by the help of your tutorial….