Some may have noticed but they do not know how to do it. Or maybe they don’t bother enough with it.

By default, in WordPress, your post urls will be displayed by using it’s post id. But with permalinks, you can beautify your urls with something more meaningable. Instead by using post id number like this,

http://www.cypherhackz.net/?p=592

you can change it to something like this

http://www.cypherhackz.net/archives/2007/03/25/beautify-your-urls-with-permalinks/

But how do I do that? Here I will show you how.

1. First, go to your Options and click on Permalinks tab
2. There, you will see, 4 common options that you can choose from. And of course, by default, the Default option is selected
3. If you want to change your post urls to like mine, you can use this structure under Custom option.
   

   /archives/%year%/%monthnum%/%day%/%postname%/

4. Then, click Update Permalink Structure

Actually, what that structure do is, the url will be transformed into according the structure tags we use.

/archives – this will be your archives folder (virtually)
%year% – the year of the post been published. Eg: 2007
%month% – the month of the post been published. Eg: 03
%day% – the day of the post been published. Eg: 25
%postname% – the post title. Eg: beautify-your-urls-with-permalinks

There are more structure tags that you can choose from. All of the structure tags can be found at WordPress Codex – Using Permalinks.

Btw, do you mind to share your permalink structure with us? You can do that by post it by using the comment form below.[tags]permalinks, tutorial, tips[/tags]

I’m using Sociable wordpress plugin and found out there is a bug with the submit entry link to StumbleUpon.

In sociable.php file, find line 305 to 308 and replace the line with this:

 'StumbleUpon' => Array(  'favicon' => 'stumbleupon.png',  'url' => 'http://www.stumbleupon.com/submit?url=PERMALINK&title=TITLE', ),

I have contact the author. Hopefully he will fix this issue in the next version. [tags]stumbleupon, stumble, plugin, wordpress plugin[/tags]

I was wrong. I said in my previous post that you no need to update your plugins if you are using my plugins. But lately I found out that there are some plugins that you need to update. If you using these plugins:

• Site Statistics
• Previous Posts
• Today Posts

I recommended you to update them now. Because WordPress 2.1 using different table structures, there is a really minor problem if you still using the old version.

If you not yet upgrade your WordPress to WordPress 2.1, you still can use the plugins. No update is needed. But if you using WordPress 2.1, update the plugins is a must. [tags]plugins, wordpress plugins[/tags]

This is a great opportunity for those who are really have much time to spend. For Malaysian peoples, you can be the WordPress Translator to translate the English strings for WordPress.com.

This project is for those who are speak in English and another language (Eg: Malay) to make WordPress.com available in their national language.

This is a project where people who are speak English and another language can make WordPress.com available in their language of choice for themselves and their country.

Based on the rankings, currently, Bahasa Melayu has only finished about 500 words (still increasing). There are about 3000 words need to translate though.

This is not limited to Malaysian only. It is open to all. There are many languages that you can translate. If you interested and don’t have any things to do, go and participate in the project. Wishing you good luck! [tags]translate, dictionary, translator[/tags]

Thanks to Ejon. :d

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]

You are reading Make your Own WordPress Theme – Part 6. 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!

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]

You are reading Make your Own WordPress Theme – Part 5. 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!

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 5″…

You are reading Make your Own WordPress Theme – Part 4. 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!

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 4″…

You are reading Make your Own WordPress Theme – Part 3. 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!

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 “Make your Own WordPress Theme – Part 3″…