You are reading Make your Own WordPress Theme – Part 7. To read other parts, click on the link below.
- Part 1 – The Layout
- Part 2 – Header
- Part 3 – Index
- Part 4 – Comment
- Part 5 – Sidebar
- Part 6 – Footer
- Part 7 – Finish!
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]
Great tutorial. Well written indeed. Been following the entire series and didn’t expect you to finish all seven parts so fast! 🙂
hmm…ada error ar kat bawah header ngko…maybe plugin announcement..
[Comment ID #15664 Will Be Quoted Here]
i need to finish them fast because i will not available next week. going for a camp. 🙂
[Comment ID #15668 Will Be Quoted Here]
kadang2 die jadi macam tu. maybe sebab overload sangat kot. hu3. aku pun tak pasti.
Thanks for such a wonderful tutorial . It will be of great help to newbies like me ..
Thanks for the tutorial. :d
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
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 :))
[Comment ID #15933 Will Be Quoted Here]
bukan aku ade bagitahu ke kat wpmalaysia.com tu. um? :p
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!
thanks for the comment. i will check back the coding. 🙂
salute tul ade orang melayu cam ko ni.. tak langsung kedekut ilmu.. banyak menda baru aku belajar hari ini.. thanks bebanyak!!
Isn’t there a functions.php file needed or something?
Any plan to make a tutorial on the CSS development of wordpress template?
Any way good tutorial you have here.:)>-
[Comment ID #17963 Will Be Quoted Here]
he3. no problem. thanks coz sudi datang website aku nih.
[Comment ID #18868 Will Be Quoted Here]
i just make tutorial on making simple wordpress theme only. no widget supported.
[Comment ID #18870 Will Be Quoted Here]
for the css, you can learn from other sources. it is not that difficult actually. he3. :d anyway good luck! 🙂
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.
Thank you very much for this. It was very helpful.
[Comment ID #23374 Will Be Quoted Here]
[Comment ID #34017 Will Be Quoted Here]
thank you for your comments. 🙂
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.
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!
[Comment ID #48831 Will Be Quoted Here]
thanks! currently i dont have much time to revise this tutorial. but i will do it. :d
[Comment ID #51088 Will Be Quoted Here]
thanks man… glad to hear that. :d
Awesome tutorial! Thank you so much!! :d:d
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. 😀
Griffin
In malay tak ada ker?
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!
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!
The best thing on the web IMO. Keep up the good work 😀
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…
Thanks so much for this! It helped me a lot!
wonderful! in a short time i get the entire picture! afrter reading this, i can work out whatever i like! THANKYAVERRYMUCH!
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.
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 😀
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!
Thanks for tutorial. It is very useful. I’ve already bookmarked your page.
Good tutorial cypherhackz. but where’s the css of the layout?
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!!
Aku ingat mat salleh wat tutorial ni..
Rupenya orang kita yang buat.. Thanks anyway..
Great Tutorial..
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 🙂
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.
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.
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.
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
thank you for a great series ! very clearly
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
i’ll start to make my own wp themes.
thanks for this tutorial. 🙂
its very very good and it will help me to create my own theme.
thanks