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

August 25, 2008 · 10 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!

{ 1 trackback }

Have a Blog? You Win By Reading This Blog Review Contest Entry on Best Blog Design! | GROWMAP.COM
February 3, 2009 at 12:02 am

{ 9 comments… read them below or add one }

caitlin from 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

Chris from Free Vectors 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

Janice from 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

jon-jon from 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

George from Watch Afro Samurai 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

Kyle from 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

Peter Lancaster from 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

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 My ComLuv Profile

Reply

Dave from 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

Leave a Comment

CommentLuv Enabled

This site uses KeywordLuv. Enter YourName@YourKeywords in the Name field to take advantage.

*
To prove you're a person (not a spam script), type the answer to the math equation shown in the picture. Click on the picture to hear an audio file of the equation.
Click to hear an audio file of the anti-spam equation

Previous post: Perfect WordPress Theme Design Part 1: Backgrounds, Style, Number of Columns

Next post: Geek-Speak and Legaleze – Fess Up!