rss twitter facebook email feed subscription


CSSHunt showcasing best hunted web and logo designs - CSSHunt.com


Designersos codamaniacs

Email Subscription

Menu

Archives

Recent Posts

Tags


Banner 3

8 great Tutorials on How to Build a Custom Wordpress Theme from Scratch

8 great tutorials on How to Build a Custom WordPress Theme

May - 30 - 2010 by Arbaoui Mehdi
Arbaoui Mehdi
Author: Arbaoui Mehdi

Hi, I'm Arbaoui Mehdi. I'm the editor of Depotwebdesigner and Codamaniacs,the Site Manager of both Tutoslinux, and Rabbitemplate. I spend too much time in front of the computer.

Wpdesigner

Creating a WordPress theme from scratch is not hard. I’ll hold your hand through it.

Tutorials on this topic have been written before and the WordPress website also has guides for you to follow. But are those tutorials and guides really helpful to you when you don’t understand the lingo? Even I got lost while reading the WordPress guides.

Themetation

Before that, you need to download and install a localhost in your pc. I am using xampp for this. After that, download wordpress from wordpress official website. Then, we will use the default theme to start the wordpress implementation. Below is the main sections that we need to take care with. I also create a few extra files for the theme we are going to build.

Tutsplus

Following on from the recent article on “PSD to HTML”, this tutorial will look at taking a HTML/CSS template and turning it into a functioning WordPress theme. There is so much you can do when creating your own theme we couldn’t nearly cover it all. So, we’re going to look at how themes are structured, creation of the core files and splitting up that index.html file.

Webdesignerwall

This is the Chapter II of the Complete WordPress Theme Guide series. This chapter will show you how to build a custom WordPress theme. Although the Codex site provides very good documentations on how to create a theme, but I find it too complicated for a beginner. In this tutorial, I will explain the basics of how WordPress theme works and show you how to convert a static HTML template into a theme. No PHP skill is required, but you need Photoshop and CSS skills to create your own design.

Jonathanwold

Back in 2005, I wrote a little tutorial for WordPress 1.5 on how to integrate wordpress with an existing website. Since then, with the release of WordPress 2.x, working with WordPress has become even easier. This tutorial is an update to my original tutorial and as it appears under a different name, I want to take a moment to clarify who this tutorial is for.

This tutorial is especially for:

  • People interested in learning how to build a WordPress theme from scratch or, more specifically, for those interested in taking an existing design and converting it into a beautifully working WordPress theme.
  • People interested in integrating WordPress with their existing website. As touched on lightly in my first tutorial, the best way to go about integration, in my experience, is to take your existing website and build a WordPress theme out of it, then apply that theme to your WordPress blog and voila, if all has gone well you have a perfect integration. It can require some handiness with CSS, but the principles covered in this tutorial will get you well on your way.

Css-tricks

Over the last few weeks, I have been been doing a video screencast series on Designing for WordPress. It is a three-part series which covers downloading and installing WordPress on a server all the way to a completed theme.

1stwebdesigner

WordPress is the most popular and the best (in my opinion) blogging platform, created by Automattic. It’s really easy to use and it’s very powerful, giving you the opportunity to build any kind of site, from blogs to shopping carts and CMS’s. In this series of tutorials, we are going to create our first WordPress theme. For this tutorial you need to have a little more than basic knowledge about HTML and CSS. Let’s get started.You can Download source files and you can also Live preview the theme here. It’s a basic css layout so it will be easy for beginners to convert it into a working WordPress theme.

Dezinerfolio

WordPress is one of the most successful blogging platform which we too are currently on. From the past few articles we have been giving out a few cool wordpress themes for download. Instead of coming up with some more themes, we decided to write a tutorial on how to develop a wordpress theme which we are sure will help a lot of you to design as you wish and bring them out into wordpress. We are not too advanced wordpress developers but still we are sure the below tutorial will help you successfully develop a wordpress theme. Below you will learn to convert your xHTML CSS site into a Compact WordPress Theme (final output is same as the normal theme but here code is shorter and easier to understand).

Share and Enjoy:
  • Digg
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • Tumblr
  • Twitter

Related posts:

  1. free template clean and modern
  2. How to create a CSS3 Menu using -moz-border-radius
  3. Great resource for Finding Free Icons – Part 1
  4. Artisteer, a revolution in web design?
  5. Popular WordPress plugins
Tags:, , , , , , , , ,

Discussion 19 Comments

  1. Nice Information.. Thx for sharing this

    information

    Reply

  2. One again, your article is very nice

    Reply

  3. Buy Zenerx says:

    Hey, nice site you got here! Keep up the excellent work!

    Reply

  4. awesome information. This is a great site.

    Reply

  5. I’ll come back again to read your upcoming article! Good job done!

    Reply

  6. Doris says:

    Hey, I was reading your post and I just wanted to say thank you for putting out such excellent content. There’s so much nonsense on the internet these days its difficult to find anything worthwhile. I showed this to my boyfriend since this is the kind of thing he tends to read online. Thanks for the article and tips.

    Reply

  7. You’re welcome,
    the interest of our blog is to teach people the new trend of webdesign.

    Reply

  8. AgusDemak says:

    Hummm…. nice article, I’ll bookmark and lear later… thanks for sharing

    Reply

  9. antonio says:

    Thank you very much for these informations, I ‘ve been searching for them since months and months :)

    Reply

  10. Rob says:

    Great list of tuts. Thanks for posting.

    Rob

    Reply

  11. Realty South says:

    Hello, I identified your blog page inside a new directory of blogs. I don?t understand how your weblog came up, will need to have been a typo, Your blog looks very good. Have a good day

    Reply

  12. Hammad says:

    Great website to gain valuable information very helpfull for me also…

    Reply

  13. I 100% agree with your way of thinking. It all makes sense finally, thanks a lot. :)

    Reply

  14. rehber says:

    thank you for great list of tutorials.
    greetings from istanbul / Turkiye.
    ersineser

    Reply

  15. Anand says:

    Hi, thanks for this tut….I have been thinking of searching of some convertors which could automatically do this conversion for me ……….but I have made my mind to hand-code it myself…………hope these tutorials will help me up……….
    Thanks, for sharing

    Reply

  16. David says:

    Thanks so much for this great information.
    It can be a little time consuming in hand coding to get things working right,
    Especially if you’re like me…and work a full-time job with over time lol

    Reply

  17. Brandon says:

    Thank you for listing these tutorials. This civil engineer is trying to update my own business website into wordpress. Trying to read as many tutorials as possible for doing this.

    Reply

Leave A Comment

Name (required)

Mail (will not be published) (required)

Website