Announcement!

Bid Oh Bid Directory - Bid your link to get higher position now!

You are reading Make your Own Wordpress Theme - Part 7. To read other parts, click on the link below.

Yay… This is the final part for my Make your Own Wordpress Theme tutorial. As I said in the first part , my tutorial only covers basic parts needed to make your own Wordpress theme to work. So, there are some other advanced method that I didn’t mention here.

Beside than use single index.php file, you also can modified it to single.php and page.php file. What it does is, single.php will use to display your post in single display, while page.php is use to display your page.

Other files that you can create are

  • archive.php
  • search.php
  • 404.php

You can get more info in Wordpress website and Wordpress codex .

I hope this tutorial will give you some little helps to guide you in making your own Wordpress theme. If you has successfully make your own theme from this tutorial, feel free to give comments or post a link on your website that you learn it from here. I really appreciate it. :d I’m sorry if there are so many grammar mistakes (I’m sure there are) or you did not understand some parts in this tutorial.

What I will do next? Hurm…I guess I need some rest. Lol… Just kidding. I will update this site as usual. I will post new and interesting stuffs here. Till then. Thanks for your time… :) [tags]diy, how to, skin, theme[/tags]

Subscribe me feed! If you enjoyed this article, get latest updates via RSS feed or by email.

48 Responses to “Make your Own Wordpress Theme - Part 7”

  1. Ajay D'Souza
    December 15th, 2006 | 6:08 pm

    Great tutorial. Well written indeed. Been following the entire series and didn’t expect you to finish all seven parts so fast! :)

  2. aman
    December 15th, 2006 | 7:02 pm

    hmm…ada error ar kat bawah header ngko…maybe plugin announcement..

  3. CypherHackz
    December 16th, 2006 | 1:14 am

    Ajay D’Souza on December 15, 2006 at 6:08 pm said:

    Great tutorial. Well written indeed. Been following the entire series and didn’t expect you to finish all seven parts so fast! :)

    i need to finish them fast because i will not available next week. going for a camp. :)

    aman on December 15, 2006 at 7:02 pm said:

    hmm…ada error ar kat bawah header ngko…maybe plugin announcement..

    kadang2 die jadi macam tu. maybe sebab overload sangat kot. hu3. aku pun tak pasti.

  4. Madhur Kapoor
    December 16th, 2006 | 3:46 am

    Thanks for such a wonderful tutorial . It will be of great help to newbies like me ..

  5. Baby-Ang3L
    December 16th, 2006 | 7:52 pm

    Thanks for the tutorial. :d

  6. Ashish Mohta
    December 17th, 2006 | 1:15 pm

    Great work!! If you can make a small ebook this it will be great.

    I will start making a theme from January

    Txh for the help

  7. shadowX_19
    December 24th, 2006 | 11:42 pm

    wah.. tak bagitau aku pun ade tutorial ni :(

    anyway thanks sbb bagi tutorial ni. agak susah aku nak paham sbb first time nmpk mende ni. huuhuhh. akan aku study cukup2 :))

  8. CypherHackz
    December 25th, 2006 | 1:57 am

    shadowX_19 on December 24, 2006 at 11:42 pm said:

    wah.. tak bagitau aku pun ade tutorial ni :(

    anyway thanks sbb bagi tutorial ni. agak susah aku nak paham sbb first time nmpk mende ni. huuhuhh. akan aku study cukup2 :))

    bukan aku ade bagitahu ke kat wpmalaysia.com tu. um? :p

  9. roblucas
    January 3rd, 2007 | 9:31 pm

    Thanks for a very useful tutorial. This has really helped my learning of the process of making a wordpress theme.

    However, there are a couple of points that I had to deal with to make this work and validate correctly. I post them here in case they are of assistance to anyone else dealing with this tutorial:

    Because of the way the ‘ gets encoded on these pages, the PHP wouldn’t work. I had to go through with find and replace to make these the simple ‘ .

    The list tags on the sidebar cause the theme to fail W3C validation. I replaced what is provided here with this:
    <div id="sidebar">
    <ul>
    <?php wp_list_pages(’sort_column=menu_order&title_li=<h2>Pages</h2>’); ?>
    </ul>
    <ul>
    <li>
    <h2>Archives</h2>
    <ul>
    <?php wp_get_archives(’type=monthly’); ?>
    <?php wp_list_cats(’sort_column=name&optioncount=1&hierarchical=0′); ?>
    </ul>
    </li>
    </ul>
    </div><!–close sidebar div –>

    I also changed the commented out sections from <!- to <!– and -> to –>.

    Thanks again for the tutorial!

  10. CypherHackz
    January 4th, 2007 | 2:11 pm

    thanks for the comment. i will check back the coding. :)

  11. Khai
    January 18th, 2007 | 3:12 am

    salute tul ade orang melayu cam ko ni.. tak langsung kedekut ilmu.. banyak menda baru aku belajar hari ini.. thanks bebanyak!!

  12. Ron
    January 30th, 2007 | 7:50 am

    Isn’t there a functions.php file needed or something?

  13. muyaszed
    January 30th, 2007 | 8:34 am

    Any plan to make a tutorial on the CSS development of wordpress template?

    Any way good tutorial you have here.:)>-

  14. CypherHackz
    January 30th, 2007 | 12:20 pm

    Khai on January 18, 2007 at 3:12 am said:

    salute tul ade orang melayu cam ko ni.. tak langsung kedekut ilmu.. banyak menda baru aku belajar hari ini.. thanks bebanyak!!

    he3. no problem. thanks coz sudi datang website aku nih.

    Ron on January 30, 2007 at 7:50 am said:

    Isn’t there a functions.php file needed or something?

    i just make tutorial on making simple wordpress theme only. no widget supported.

    muyaszed on January 30, 2007 at 8:34 am said:

    Any plan to make a tutorial on the CSS development of wordpress template?

    Any way good tutorial you have here.:)>-

    for the css, you can learn from other sources. it is not that difficult actually. he3. :d anyway good luck! :)

  15. Dan
    February 21st, 2007 | 8:38 am

    I really enjoy follow this tutorial. Is the first one writed in plain and simple english and very easy to understand for a newbie like me. Thanks for this.

  16. Caitlin
    March 28th, 2007 | 9:18 pm

    Thank you very much for this. It was very helpful.

  17. CypherHackz
    March 29th, 2007 | 3:51 pm

    Dan on February 21, 2007 at 8:38 am said:

    I really enjoy follow this tutorial. Is the first one writed in plain and simple english and very easy to understand for a newbie like me. Thanks for this.

    Caitlin on March 28, 2007 at 9:18 pm said:

    Thank you very much for this. It was very helpful.

    thank you for your comments. :)

  18. Yojance
    June 4th, 2007 | 7:34 am

    Great Tutorials you have made here. That comments page really is a pain to read it. I read through it a couple of times and was able to understand part of it and add some comments of my own.

    I do think the part where the comments are suppose to alternate the background color should be more commented, instead of using ‘alt’, why not use ‘color1′ and ‘color2′, so we can see what is really going down there.

    The HTML comments also need to be revised.
    I don’t want to sound like I’m whining, just letting you know ways you could improve this tutorial which I found so useful, I took some good notes on it and wrote it using Dreamweaver, it’s 240 lines long and thanks to you I really really understand how the skins are suppose to work.

    Thank you for creating a tutorial like this one. I bet it was very time consuming.

    Keep up the good work.

  19. Make your Own Wordpress Theme - Part 1 at CypherHackz.Net
    June 8th, 2007 | 11:13 am

    [...] Part 7 - Finish! [...]

  20. mpty
    June 13th, 2007 | 6:03 pm

    Hi!

    I did your tutorial and I succeeded in doing this for my domain. I needed a totally empty frame to just spew material to in 1 go!

    Excellent workshop! Greatly appreciated!

  21. CypherHackz
    June 14th, 2007 | 2:27 pm

    Yojance on June 4, 2007 at 7:34 am said:

    Great Tutorials you have made here. That comments page really is a pain to read it. I read through it a couple of times and was able to understand part of it and add some comments of my own.

    I do think the part where the comments are suppose to alternate the background color should be more commented, instead of using ‘alt’, why not use ‘color1′ and ‘color2′, so we can see what is really going down there.

    The HTML comments also need to be revised.
    I don’t want to sound like I’m whining, just letting you know ways you could improve this tutorial which I found so useful, I took some good notes on it and wrote it using Dreamweaver, it’s 240 lines long and thanks to you I really really understand how the skins are suppose to work.

    Thank you for creating a tutorial like this one. I bet it was very time consuming.

    Keep up the good work.

    thanks! currently i dont have much time to revise this tutorial. but i will do it. :d

    mpty on June 13, 2007 at 6:03 pm said:

    Hi!

    I did your tutorial and I succeeded in doing this for my domain. I needed a totally empty frame to just spew material to in 1 go!

    Excellent workshop! Greatly appreciated!

    thanks man… glad to hear that. :d

  22. Casey
    July 2nd, 2007 | 12:22 pm

    Awesome tutorial! Thank you so much!! :d:d

  23. Griffin
    August 9th, 2007 | 2:51 am

    Great tutorial! I needed a quick refresher on the standard WP theme for a custom theme I’m making — and this was perfect. :d/

    And now to make sure the sidebar is widget-friendly. :D

    Griffin

  24. E-book panduan install wordpress. -- Daripada lokal ke global I Glokal I
    September 7th, 2007 | 6:26 am

    [...] asas untuk membuat theme sendiri.Walaupun ada panduan membuat theme sendiri di internet seperti di blog cypherhackz atau muat-turun theme percuma di blog Bob, mungkin kau mahukan yang bertulis [...]

  25. Hamid
    November 11th, 2007 | 2:08 pm

    In malay tak ada ker?

  26. » Running Word Press With More Than Just a Blog at thisis jonskeen - Just another WordPress weblog
    December 10th, 2007 | 1:46 pm

    [...] Installation was incredibly easy and the initial setup couldn’t have been easier. I followed this tutorial to write the custom theme currently running on this [...]

  27. Nathan Dailo
    January 6th, 2008 | 4:19 pm

    Oh my gosh dude you don’t have any idea how much thanks I can give you. I have searched the depths of the internet for a Custom Wordpress theme tutorial, but never found one like this… thank you!

  28. nate
    February 5th, 2008 | 12:21 am

    Good job! i liked this very much, I have been designing sites for quite a long time but am kinda new to the work press thing. If you are good at (x)html, CSS and PHP everything is crystal clear :)

    thanks!

  29. Moonfire
    February 5th, 2008 | 6:20 am

    The best thing on the web IMO. Keep up the good work :D

  30. indo_com
    February 5th, 2008 | 12:43 pm

    very2 good tutorial and very helpfull for me as newby…
    but iam waiting for your next tut about making wordpress theme with 3 column…..it would be perfect for u….

    thanx…

  31. Yanka
    May 1st, 2008 | 3:15 pm

    Thanks so much for this! It helped me a lot!

  32. michaelb123
    May 2nd, 2008 | 3:45 pm

    wonderful! in a short time i get the entire picture! afrter reading this, i can work out whatever i like! THANKYAVERRYMUCH!

  33. michaelb123
    May 2nd, 2008 | 3:50 pm

    SUPER! after reading this i can now easily plow may thru all the code and do more like i please! reading this was better and faster than pouring thru weeks of manuals! THANKYAVERRYMUCH! will be in touch.

  34. madko
    May 5th, 2008 | 7:12 pm

    dude, this is exactly what i was loking for … u rock dude … i am searching 4 a wp tutorial for almost 3 weeks now … thx :D

  35. michelle
    May 31st, 2008 | 1:17 pm

    really fantastic tutorial! I know a bit about html and css but nothing about php, and have battled with customizing pre-made wp themes, but wanted to make my own from scratch.
    I was talking to a friend about it and he recommended your tutorial - it was really great and helpful! thanks so much!

  36. freelance web designer
    June 2nd, 2008 | 11:49 am

    Thanks for tutorial. It is very useful. I’ve already bookmarked your page.

  37. hanep
    June 3rd, 2008 | 8:41 pm

    Good tutorial cypherhackz. but where’s the css of the layout?

  38. shawne
    July 1st, 2008 | 11:19 am

    Hii cypher :) great works Indeed.. i’ve just use your templates in my blog, mMmm can ya help me how to make templates like yours? i mean like this.. thank’s for your help N tutorials on your blog.. :) oOo yea.. jangan lupa visit my blog K.. Thank’s a lot!!

  39. nasrun
    July 1st, 2008 | 7:29 pm

    Aku ingat mat salleh wat tutorial ni..

    Rupenya orang kita yang buat.. Thanks anyway..

    Great Tutorial..

  40. Moonfire
    July 2nd, 2008 | 4:21 am

    Love this site.

    I have followed the guides and now have it up and working. I was just wondering if you will be doing a page for the archive, search and 404 files, or is that for us to work out?

    Thanks for taking the time out to do this, it is much appreciated :)

  41. Weekly Links, Vol. 2 | Glenn Stovall Design
    July 9th, 2008 | 5:35 am

    [...] Make your Wordpress Theme (cyberhackz.net) - Excellent tutorial on making your own website theme. [...]

  42. kang bull
    July 22nd, 2008 | 5:46 am

    Thanks, your tutorial is very usefull, i dont know more about html and css, but after read it i assume that i can do it. :)
    I just install my first wordpress site, than i will creat my first theme too. Thanks before.

  43. Mohit
    August 3rd, 2008 | 12:57 am

    Really nice tutorial. There were some issues where I had to replace “′” with “‘” in the codes, but otherwise all perfect and great for beginners like me.

  44. azwan
    August 4th, 2008 | 3:15 am

    Thanks for the tutorial. Planning to integrate some of my websites with wordpress. After did some research, the best way to do it is by building a wordpress theme based on our website theme. Thanks again.

  45. Pei
    August 8th, 2008 | 6:24 pm

    Nice tutoiral, short & clear + no important points of basic wp dev.
    got lost.
    I am going to translate this tutorial into my own language.
    Thanks

  46. billyduc
    August 22nd, 2008 | 1:23 am

    thank you for a great series ! very clearly

  47. Joyce
    September 4th, 2008 | 8:46 pm

    You did a great job to write this down for everyone who wants to make their own themes. Just like what i have now! Thanks a lot <3

  48. Come creare un tema per WordPress | Il blog di Luca Marchi
    September 18th, 2008 | 9:39 pm

    [...] Part 1 - The Layout [...]

Leave a Reply