Three Steps To Perfecting Your Theme - Part One

According to Google Trends, the search term “wordpress themes” has been increasing in popularity over the past three years. For such a long period of time, you will surely have seen, and will be seeing, many different types and styles of themes.

Even though not all the themes that exist are the same, there are some things all of them should have. I’m not talking about using every single widget and plugin you can find on the internet, but about adding the necessary finishing touches to your theme. Not everyone might agree upon what is necessary and what is not, but I will be mentioning the most popular things that the majority agree on.

Each part of this series will include three steps you can follow to perfect your theme. The series will be three parts to keep it simple and not overwhelm you by too many steps. I won’t be going into too much detail on how to complete the steps, but if you need any help, please do not hesitate to ask.

Favicon

A favicon is the little icon you see in the address bar of your browser whenever you visit a site. It is usually a 16×16 pixel .ico file, but sometimes, different file types and sizes can be used.

Since there are tons of sites online that you can use to create a favicon, all you have to worry about is finding the image you would like to use. After you use a site to make the favicon, all you do is upload the file to the root of your website and it will automatically appear in the browser’s address bar.

It is preferable to use your sites logo for your readers so they can automatically identify your site without the need of looking at the URL.

In case you don’t feeling lazy and don’t want to look for a site to generate the icon, just use this one.

Feedburner

Redirecting your default RSS feed to a custom Feedburner URL will offer a you a lot of extra features. Subscriber count, Google Adsnese integration, and email subscriptions are just some of the cool things you can do with Feedburner.

You will need to change two links in your theme to your custom Feedburner URL. One in the head section, and the other in the sidebar (if you have an RSS icon).

In the head section (found in header.php file), find a line of code similar to the following: <link rel=”alternate” href=”http://blogname.com/feed”>. Change the link after the “href” property to your custom Feedburner URL.

If you have an RSS icon in the sidebar, then you will find something like this in the sidebar.php file: <a href=”http://”><img src=”http://blogname/images/rss.png” /></a>. Now just do the same thing mentioned above (changing the link).

Valid Theme

Future compatability is the one of the main advantage of having a valid them, as for the others, I can’t think of any right now :D When you validate your theme using the W3C validator, it will show you any bugs or errors in your Wordpress theme. I know some of them are not that big of a deal (like adding a / to the end of your <img> tags) but sometimes the tool can help you discover some really important bugs that you could have missed.

All you need to do to see if your theme is valid or not is visit the official W3C validator homepage, type in your site’s URL, and click validate! If you get hundreds of errors, don’t worry! 99% Of them will probably be because of a tag you forgot to close. Just go over the report slowly and fix each problem at a time.

If you’re finding it too hard to validate your theme, you can use Firebug, the greatest Firefox extension ever.

If you enjoyed this post, make sure you subscribe to my RSS feed!

8 Responses to “Three Steps To Perfecting Your Theme - Part One”

  1. My blog has a lot of bugs http://validator.w3.org/check?uri=http%3A%2F%2Fblogote.com&charset=(detect+automatically)&doctype=Inline&group=0

    I have no clue on how to fix them :-(

  2. @rockstar if you check the site name and add in www it will give you a list of errors.
    I will offer a couple of pieces of advice:
    first, you seem to have some error produced by multiple divs containing the same id. id is a unique identifier and should only be used when there is one element on the page with that name, if there will be more than one use class.
    Most of the other errors seem to come from the generated php code. I would suggest changing the doc type, so that it is less strict, and will allow equal signs and other characters generated from your CMS

    @Rajaie, thanks for your kind comments about my blog design. Busy gearing-up for the contest?

  3. well i too have the same problem but besides that everything seems to be fine ;)

  4. by Rajaie AlKorani at 2:02 pm on 29/06/08

    @Rockstar Sid, I will take a look at your blog and help you out

    @Felicity, no problem, you really do have a great design! And yes, I’m trying my best to gear up to win!

    @narendra.s.v, I wil also take a look at your blog soon :)

  5. I need to work on a fav icon!

  6. by Rajaie AlKorani at 1:25 pm on 01/07/08

    @Tom, you have a really cool logo you could use!

  7. @felicity and Rajaie —> Thanks a lot guyz….. I cant explain the curiostiy!!!! I will surely ask help from you ;-)

  1. Week 29 - The Overiew

Have Your Say