CypherHackz.Net

Another Malaysian Technology Blog

WordPress

Make your Own WordPress Theme – Part 7

83 Comments

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]

Make your Own WordPress Theme – Part 6

6 Comments

You are reading Make your Own WordPress Theme – Part 6. To read other parts, click on the link below.

Now we are in the second last part in my Make your Own WordPress Theme. In footer, you can put your credits or anything that you want. But make sure don’t forget to put

<?php wp_footer(); ?>

before </body> like this.

</div> <!– close content –>
<div id="footer">
 your footer text goes here
</div> <!– close footer –>
</div> <!– close wrapper –>

<?php wp_footer(); ?>

</body>
</html>

Some plugin need this tag to make it work. So if you decided to make your theme to public, make sure to put it in your theme.

Next, Part 7 – Final! :d [tags]diy, how to, skin, theme[/tags]

Make your Own WordPress Theme – Part 5

10 Comments

You are reading Make your Own WordPress Theme – Part 5. To read other parts, click on the link below.

For sidebar, there are some WordPress tags that we can use here. For an example, to display the pages, categories, archives, etc.

First what we will do is to put unordered list to make it easier to manage our sidebar. Here what I mean.

In sidebar id, we put the <ul> and <li> like this.

<div id="sidebar">
 <ul>
  <li>
   our sidebar content goes here
  </li>
 </ul>
</div> <!– close sidebar –>

Continue reading…

Make your Own WordPress Theme – Part 4

33 Comments

You are reading Make your Own WordPress Theme – Part 4. To read other parts, click on the link below.

In Part 4, we will learn steps taken to make our comments.php file. First I will show you how to create the layout for the comments and then we will put the tags needed.

This comments.php will be called by our index.php file when we view our entry in single or page. The function that will call the file is

<?php comments_template(); ?>

Note: This part is kinda tricky. So make sure you give 300% of consentration. :d

Continue reading…

Make your Own WordPress Theme – Part 3

45 Comments

You are reading Make your Own WordPress Theme – Part 3. To read other parts, click on the link below.

Now we will going into the hard part. Index.php file is the core file in our theme file.

Hopefully your index.php will look like this. (Read Part 1 – The Layout )

<div id="main">
 main
 </div> <!– close main –>

Continue reading…