Choosing A Top Grade Theme For Your Blog

When it comes time to start searching through the 1,000 plus free themes on offer with WordPress or if you have opted to use a paid theme, trying to select a great theme for your blog can be a real headache. Hopefully this article will help highlight some of the more critical aspects you should consider when comparing the various themes & give you the guidance necessary, in order to help you reach the right decision.

Overall Look Of A Theme

Many of us are inclined to centre our focus on the aesthetics of a theme rather than the functionality, when trying to determine a top theme for our blogs & alas this isn’t always the best thing to do. The trouble is, we as humans are normally drawn to what looks pleasant & attractive, very often we are oblivious to the underlying layout & structure of a theme. The premier and most important attribute to scrutinize should be the fundamental layout of the theme, for the simple reason that this is the most difficult area to work with, should you find it necessary to alter or edit anything. The print, colours & emblems are relatively easy to change in comparison to editing the basic structure of a theme which can be an absolute nightmare to try and alter or edit.

A Costly Change Of Heart

A change of heart is not so much of a problem when choosing a gratis theme; it simply means a little extra work on your part, in altering the theme to something more suitable, but for those of us that have chosen to actually purchase what we see as a top quality theme, a change of heart can signify money down the drain & in the current financial climate, this is something few of us can afford to do!

Benefits Of A Great Design

Lets check out the structure & layout of what I consider to be an outstanding theme, lets see what if any benefits there are to using a theme with the following layout, but please bear in mind that the removal of any element you do not require, is far easier than trying to add it to a theme at a later date.

The Header Area

Header area, this should need little explanation and to be reasonable I would say the only concerns here should be the ability to use your own headline image, the addition of site search & maybe also the RSS & Email subscription buttons. One other consideration that you may wish to take onboard, is the ability to show your weblog title as H1 text as opposed to an image. Obviously for SEO benefits, the H1 title text is preferred. The H1 title tag is one of the most important areas of your page and is granted far more weight by the search engines than any image alt tag.

Note: If your theme lacks the RSS & Email subscription buttons then you can download the necessary code & images, to place a subscription block at the top of your sidebar. RSS & Email Subscription Bar The code can simply be added to a text widget in your sidebar & the images uploaded to your theme’s images folder.

 

Advertising Banner

Numerous blog owners appreciate the ability to place a 468 x 60 block in the right hand side of the header, the justification being that if you are not using an actual picture or image, but are only using a pattern or gradient colour, then the right hand area of the header tends to look slightly bare & is a waste of valuable advertising space. By placing a 468 x 60 banner here, you not only relieve the monotony of the header bar, but could also get some additional income to help towards site costs.

The First Object In The Content Area

I am not a great fan of sliders boxes to be honest with you, however I do believe that a featured article box or latest post box can succeed really well & even if it does not utilize the full width of the content area, it can often be realigned to one side leaving a region for advertising, or can be centralized so there is minimum space lost either side of it. Should you prefer to opt for a slider as against a static featured article box, please give thought to the increase that can occur in site load times, as these sliders are invariably written in Java script and are known to be resources guzzlers!

Content Boxes

Content boxes can now make up the remainder of the content area of the page, there are numerous layouts to select from here, my personal choice is a magazine style, although the overall layout of this area is not so important as long as the titles are showing correctly & using the right heading / title tags. As far as search engine optimization is concerned, one should always strive to use H1 as the header to your website, H2 as the titles to your posts & H3 or H4 as titles in your sidebars / footer & any additional headings within your articles.

Sidebars should at all times be set on the right hand side for the basic understanding that the search engines scan your page top to bottom & left to right, therefore if you place a sidebar on the left of your page, that entire column will be read before moving onto the content area. Your post content should always be read before any sidebar content, as it is the most important content on the page. This is exactly the same when thinking up a title to an article, as always, set your most useful keywords as far to the left as is achievable whilst maintaining readability, as these words are granted far more weight by the search engines.

Top Sidebar

Full width top sidebar. This is a region in which I consider a lot of themes fall short, my individual preference here is a sidebar block of 320px wide, this allows for 10px padding either side & you can always use a 300 x 250 Adsense block or indeed you can comfortably accommodate a 4 x 125 advert area without any trouble at all. From my own experience, nothing looks worse than a lack of symmetry on a website, or the fact that certain objects seem compressed into place or are allowed to overlap their boundaries, pages like this give an impression of a lack of professionalism in my humble view.

Note: The inner/left & outer/right sidebars mentioned below are both sited on the right hand side of the page & are sandwiched between the upper & lower sidebars.

Inner Sidebar

Inside sidebar should be useable in a range of sizes ranging from 120px – 180px. Whatever width you set the left hand sidebar at, the right hand side bar should equate to the whole width (300) minus the breadth of the left hand sidebar, so if the left is 140px, the right would equal 160px + the 10px padding either side = 320px.

Outer Sidebar

Outside sidebar should be available in a variety of sizes ranging from 120px – 180px. Whichever width you set the right hand sidebar at, the left hand side bar should equate to the whole breadth (300) less the dimension of the right hand sidebar, so if the right is 140px, the left would equal 160px + the 10px padding either side = 320px.

 Note: The above figures would be varied if you opt to have inner padding between the two sidebars! Central padding is not always necessary and depends more on the alignment used in the sidebars & which objects or widgets you place there. For example if align left in the left hand sidebar & align right in the right hand sidebar, then very often you will find there is no requirement for padding between the two sidebars.

Bottom Sidebar

Full width bottom sidebar. Again this is where numerous themes lose my vote, for the simple reason that the lower portion of the sidebar area is the ideal place for adding all those latest visitor type widgets from Blogcatalog, MyBlogLog or even Facebook. Having the additional space of 320px at the bottom of your sidebar is an excellent place  for these large widgets.

The Footer Box

Footer Boxes 1, 2, 3 These are also very useful areas for your most recent visitor widgets or indeed any RSS feeds you may be posting into your blog. Also anything else that you feel is inappropriate to put in the sidebars can be tucked away in the footer area.

Copyright & Analytics / Stats

Finally the copyright area which often also includes some type of tracking. Is this area editable? e.g. can you add your own details & copyright? You would be surprised at the number of themes that do actually restrict your ability to edit this area.

Conclusion

There we have it that is what I see as a 1st class layout, for the simple reason it covers all eventualities. I have found nothing more frustrating than trying to place a specific element or widget in my sidebar & discovering that my theme will not accept it due to width restrictions in the sidebar. Paying close attention to this area can make life so much easier when building your blog.

Summary

Well I hope this article has helped and has shown you several of the more crucial elements we should take into account when trying to choose a quality theme for our bogs. Obviously the amount of importance one places on each different region of design, is going to be dependant upon each individuals ability when it comes to editing the theme code. Having said that, I consider a lot of headaches could be saved by following this broad layout, as it is also highly tuned for search engines optimization.

This article is written by Steve Nickson. He has over 24 years experience working in the computer industry, including operating his own computer repair & custom build business in the UK. If you wish to write for HBB, kindly check this.

25 thoughts on “Choosing A Top Grade Theme For Your Blog”

  1. I have heard a lot said about the Thesis theme, but my own opinion is that Pradeep’s old theme looked a lot better than this does now (sorry Pradeep).

    I would love to hear some reasons as to why people think that Thesis is such a great theme, what exactly are the benifits – if any…?
    I must be honest here, I did look at buying the Thesis theme for my own site, but now having seen it in action, especially on a site where the owner is tech savvy, I’m really glad I didn’t follow the hype & waste my money.
    .-= Steve’s last blog…SEO Uphill Struggle =-.

    Reply
  2. Fine one.. dude.. !! well hope i could gather more info from this Before stating ma own blog lol.. :P..

    Thanks a lot :)…

    Reply
  3. Thanks for the nice tutorial. You have listed some of the nice points. Earlier i always think a lot about my blog layout and its design but now i didn’t think about it its layout and design because now i have got the premium thesis theme. And it provides a lot of customization and i have done it but left with some more customization.

    Reply
  4. when i do design i keep this in mind and do so for better user friendly you get to clients. adn for good themes, you can check elegant themes or studiopress and wpthemes is good man

    Reply
  5. Nice article, mine is a new blog started this month am to having some problems with my theme, still trying to fix them for me this is am opted article

    Reply
  6. Great tutorial, I myself dislike my theme on my personal blog and want to eventually upgrade to Thesis, just haven’t had the time or finances to devote to it at this point. One thing to point out is that WordPress 2.9 has many new hooks and features for themes to take advantage of, look for themes that support the features of WordPress 2.9 (I happen to use a much older WordPress 2.5 theme on one of my blogs and it didn’t even have the image float support built into the theme)

    Reply
  7. Hey Guys,

    as this is the first guest article I have done then I have to thank you all for your very nice comments, it is greatly appreciated !

    Many of you I know are website / blogsite owners yourselves & as such you will be fully aware of the difficulties we face in getting traffic to our sites, it is an ongoing battle for most of us !

    Therefore in order to show our appreciation to “Pradeep” for making this a Do Follow blog site & enabling us all to benefit from backlinks, why not help drum up more traffic by using the ReTweet button at the top of the page. This only takes a minute of your time & is a very small price to pay for such quality backlinks.

    Thanks Again

    Steve

    Reply
  8. Yes Ann, plugins are an important point ! However with WP paying far more attention to the quality & functionality of their plugins, than they ever did 2 years ago, the problem of having a critical plugin that will not work with a theme is getting less & less with each new release.

    Also if the rumoured “site load times” do become a ranking factor as Google has mentioned, then I think plugins may well become a thing of the past & we will then have to rely on WP to hard code a lot of the more critical fixes direct into future releases of WP.

    Reply
  9. Wow, you have really gone into a lot of detail which helps every one more. A sites theme says so much about the webmaster/owner, it’s not funny 😉

    BTW, I will be adding this post to next weeks Monday roundup as my readers will surely have to bookmark this for later reading.

    Reply
  10. I have to add to be sure that vital plugins will work with the theme, some do not and then you have problems. And, also be sure the theme u choose is supported and will be upgraded for future WO versions, or else you will have problems down the road.

    Reply
  11. @Sudharsan, hahaha yeah man nice idea, but I’m afraid I’m a little long in the tooth to start learning all that is required to create a theme from scratch !

    My best option I think, would be to team up with somebody that knows PHP, I’ll design the theme & they can do the coding..?

    Anyway glad you liked the theme, I found it was a good basis to build on & is the closest I have found so far, to my perfect theme !

    Reply
  12. No doubt that these tips are good but one of the important part is of getting a theme fitting in to the above points snd the source for such themes are less

    Reply
  13. Nice article. Mine is a very new blog, Just created a few weeks before. I’m unsatisfied with my current theme. I’ve an idea of changing my theme. This article really going to help me in choosing a good theme.

    Reply
  14. mmm nice work steve
    I think my Blog themes satisfies all u said 🙂
    If u had given some themes as examples it will add great value to your post….
    wat’s ur opinion?????

    Reply
    • @ sudharsan, hahaha yes agreed, but after 2 years of searching & trying different themes (free wordpress themes) I aws unable to find one that fitted perfectly with what I wanted. iNove 1.4.6 did come very close, but the thing that put me off with iNove was the use of iFrames on the homepage.

      I eventually opted to buy a theme pack from Themejunkie & although these were not what I would call quality themes, the Newswire theme did have the basic structure I was looking for. So after 2 months of further hacking & tweeking, I now have what I consider a decent theme & this is the one I am now using on my site.

      I think that maybe the reason I could not find exactly what I wanted, is perhaps because theme designers are just like the est of us & they also tend to focus more on aesthetics rather than functionality.

      @ Dwarka,

      The best advice I can give, is to look through my article & jot down the elements that are most important to you, then focus on themes that fit the list.
      Hope you find what you need..?

      Regards Steve

      Reply
      • Hi Steve
        I had seen your Theme its very good..
        In my views it is a difficult task to find out a theme quality all u mentioned.
        The only way is, to become a WEB DESIGNER and can design a themes as we want.:-)this is my idea for you…..
        It really work steve just try it 🙂

        Reply

Leave a Comment