Perfect WordPress Theme Design Part 2: Headers, Search, SideBars, Footers

August 25, 2008 · 26 comments

Here are the specific details of what belongs where on a WordPress page. Placement is very important because making it easy for your new visitors to quickly find what they’re seeking can turn them into repeat visitors who can quickly find posts to share with others.

These tips specify the optimum place for each of the items used on an optimum Web page. They are not the only place they could be; there are secondary locations that may be used. Once you understand why usability experts recommend specific layouts you can make the decision to alter them. Until then it is best to use what has been tested and known to work.

HEADER

• Logo in left corner…business name next to logo… tagline under or next to your business or site name.
• Tabs under the logo for Home, About, Reference, Glossary, Contact (optimized to not affect SEO)
• Links or tabs at very bottom of template for About, Contact Us, Privacy Policy, Copywrite. You may also want Sitemap, Hosted by ________, and Advertise links.
• Two columns, posts on left, sidebar on right

Order of Information in Right Sidebar Column:
• Site Search (Enhanced site search is very important. More research is required before recommending the best solution. In the meantime, see SearchTools. Search must be clearly labeled with the word SEARCH – either using the word search to start the process OR having SEARCH before the box and a button with some other word after it.)
• Subscribe multiple RSS feed options (by category, w/ or w/o comments, links only?)
• Reference – static pages that have the latest information and links to all posts on a specific subject
• Categories – rename header to customize. I prefer “Blog Topics”
• Recent Visitors (MyBlogLog, Blog Catalog, etc.)
• Social Networking Links

IMPLEMENTATION:
• Use tabs to more effectively display more info in less space in the right column. Use for Recent Posts, Most Popular aka Popular Posts. Most Commented is another option to consider.
• Use tabs for Recent comments, Top Commentators
• Blogroll (I may change that to “We Recommend” links)
• Have category descriptions show on mouseover (as they do now in this blog)
• Have descriptions for Reference pages show on mouseover the way category descriptions do.
• Tabbed display of MyBlogLog, BlogCatalog, other?
• Dates added to each post but not in the urls.

NOT NEEDED or DESIRED:

• Archives by date (Who remembers when something was posted or finds it again that way?)
• Tagcloud (More useful for diary-like blogs. Not necessary for sites with clearly defined topics.)

TO USE OR NOT TO USE; THAT IS THE QUESTION:

CHANGES I WOULD MAKE TO THE DEFAULT WP CSS (or make sure the designer did NOT change):

• Bulleted items – solid bullets instead of arrows
• Hyperlinks standard color; visited links change to standard color
• Ability to use outline format (Roman numerals, capital letters, numbers, lower case letters)

If possible I would have the CSS correct the spacing issue that occurs when a bulleted item appears on more than one line. If you know a fix for this, please share it in the comments. Thanks.

ONE UPGRADE MORE IMPORTANT THAN MOST OTHERS:

A Glossary plug-in to automatically link any word used in a post to the definition present in the glossary. Definitions should be editable / controlled by the blog writer. Every blog or Web site uses words that are specific to their niche. A glossary that auto-links your preferred definition to those words whenever you use them would greatly benefit every site:

  • Save time explaining them repeatedly
  • Shorten posts for easier scanning and readability
  • Please your advanced readers who already know what they mean without losing those who may not have come across that word or phrase before.

RELATED POSTS:

Read the Best of GrowMap or Stay In The Loop!

Subscribe to the GrowMap feed via RSS or Email to receive notifications when new posts are published. Follow GrowMap on Twitter too!

{ 25 comments… read them below or add one }

Dasuquin for Dogs September 7, 2011 at 10:04 am

Awesome tutorial that you’ve posted :)
thanks for great sharing to us :)
Dasuquin for Dogs would love you to read ..Dasuquin for Dogs : Dasuquin For Large Dogs 60lbs And Over 150ct BottleMy Profile

Reply

james August 30, 2011 at 2:41 am

It’s a great guide. I am looking for some good articles about wordpress themes, plugins etc. Your information is valuable, thanks for sharing.
james would love you to read ..Types of Cove LightingMy Profile

Reply

Kavita Martin June 21, 2011 at 12:10 am

WordPress ideas is very Good I really appreciate your way of presenting this post with a excellent suggestion.

Reply

Josh May 27, 2011 at 10:37 am

Great tutorial. Although at times I want to have my site look totally different, I try to remember that it is important to provide users an interface that is familiar and easy to use because of that familiarity.
Josh would love you to read ..How the WSJ can help youMy Profile

Reply

Website Templates May 25, 2011 at 4:14 am

Implementation section is very important and is knowledge able for me Thanks for your sharing this all article.That is wonderful

Reply

Mike May 14, 2011 at 6:58 am

Lots of great ideas – unfortunately I don’t know CSS very well so it’s difficult for me to make changes to WordPress themes
Mike would love you to read ..Go Click Cash – Review &amp New Bonuses AddedMy Profile

Reply

Birmingham mls
Twitter:
April 20, 2011 at 2:09 am

Twitter: @ralphpanimdim

I’m so sorry to hear that Chris. But the owners of the site perhaps find the comments as good ones. There are comments that sound like nonsense at all, but on the part of the recipient (e.g. site’s owner) it make so much sense.

Reply

John who writes about Battleship Board Game April 13, 2011 at 12:14 am

Great presentation of the topic!

To your question regarding the site-map, I would definitely say: YES. There is a plug-in for WordPress that creates an xml sitemap, according to the standard set by Google. That gives a good SEO boost, as Google likes to see all your posts and pages in one place, to easily find out when was the last time that the content was modified, and get an indication of how important each page is.

Apart from that, I would suggest a sitemap for humans, with the website’s logical categories as headers and each category section as a bullet under the header. This clearly enhances the navigation of the website. The only problem is that up until now I haven’t come across any tool that automates this sitemap version. That makes it a lot more time consuming.

Reply

Anna Hussie April 5, 2011 at 4:10 am

Wordpress theme design are very famous because of its flexible and creative approach and all the Website Templates whether they are Joomla Templates or CSS Templates, there is no comparison with wordpress themes.As you can read the approach which have been told here, can not be found anywhere else.

Reply

mike who writes about Online trading March 21, 2011 at 9:29 am

Related post plugins are also very handy for keeping users on your site for longer. One popular free one is YARRP – I see you are using a related posts plugin on this blog but haven’t recommend one as a tip.

The true effectiveness of the plugin really shows when you have a lot of posts, otherwise the suggestions tend to be a bit inaccurate or empty entirely.

Reply

Leslie March 20, 2011 at 9:31 pm

Nice insightful post. Thanks for sharing the information.
Leslie would love you to read ..Save My Marriage BlogMy Profile

Reply

Keith
Twitter:
February 24, 2011 at 4:06 am

Twitter: @KeithsMLMLEADS

Thanks for the WordPress ideas! How do I add a glossary? Is there a plugin? The glossary is fantastic idea, adds links and a page for pagerank.

Thanks so much!
Keith would love you to read ..My MLM Blog is set up! Now How Do I Generate MLM LeadsMy Profile

Reply

Angela who writes about Tattoos of angels November 15, 2010 at 4:41 pm

hi, this is interesting stuff and worth keeping in mind.

I am a non-technical type and have struggled for months to learn all the tech jargon which some designers use. I found this post easy to understand.

Thank you for that!

Reply

Andy Goddard who writes about Office Cleaning London November 6, 2010 at 9:18 am

This is an amazing resource. Thank you for sharing.

Thank you.
Anne Goddard

Reply

james who writes about how to win your ex back September 23, 2010 at 7:00 am

Is sitemap necessary when using Wordpress?

Reply

sugar April 1, 2010 at 12:48 am

I’ve been looking for something like this for a while, great article!

Now I am using this logo maker: http://www.sothink.com/product/logo-maker/index.html
A straightfoward logo maker. Simple, but it really works for me.

Reply

Dave who writes about work from home March 7, 2010 at 4:49 pm

I enjoy reading through your blog, keep up the good work. I have started a blog on the top ten money making ideas that have worked for me with detailed steps. Visit my blog for the top ten tried and tested money making ideas free.

Reply

Design Software January 24, 2010 at 9:58 pm

i agree. it is difficult sometimes to find a site that is actually helpful!
.-= Design Software´s last blog ..Contact Us =-.

Reply

Peter Lancaster who writes about printing November 7, 2009 at 12:14 am

Thanks for this great information. It’s reassuring to see that there is a pecking order of sorts and that what feels comfortable for us is usually good for our users as well. I know I hate going to a site that is poorly set out. I never stay long even if the content is good. This checklist will become a bible for many and even if it seems boring then think about those who are going to use your site and put them first. Otherwise you might lose people for good.

Reply

Kyle who writes about WordPress Themes September 10, 2009 at 2:03 pm

Good article here and I’m very glad to see you’ve put KeywordLuv to use!

Reply

George September 10, 2009 at 5:20 am

I’ve been following your articles for some time now. They are really great, and interesting reads. By the way, absolutely love KeywordLuv!

Reply

jon-jon who writes about songs August 15, 2009 at 3:49 am

Information accessible here is great.

however, for all blogs, detailed editing needs a good amount of HTML , PHP etc knowledge but yet with basics you can do nice editing.

best sources can be searching a lot of related topics on search engines.

Reply

Janice who writes about assurance hypothécaire July 29, 2009 at 8:44 pm

Awesome tutorial, than you for give us tips on how create in a friendly use for our followers and visitors, hope you will post more info not just for WordPress also features keywordLuv.

Reply

Chris July 8, 2009 at 10:09 pm

How are you finding keywordluv nowdays? The blogs I have running it are getting a lot of spam comments?

Reply

caitlin who writes about uk web hosting June 5, 2009 at 10:14 am

This is a great tutorial! I really appreciate that you took the time to provide such detailed information. So many tutorials assume new users know so much, but I think you do a great job providing tons of info without being condescending.

caitlin’s last blog post..This Week’s Favourites – 5th June 2009

Reply

Leave a Comment

CommentLuv badge
This blog uses premium CommentLuv which allows you to put your keywords with your name if you have had 0 approved comments. Use your real name and then @ your keywords (maximum of 5)

{ 1 trackback }

Previous post:

Next post: