In our ongoing exercise to learn the nuts and bolts of a magazine style WordPress theme, we examine what has become by far the most ignored part of a theme design, the navigation menu.

As important as they are, they are often found floating in the header or worse the sidebar and almost never used to its fullest. Today we will attempt to change that. We are dedicating the next few sections just to discuss navigation menus, its varied uses, and the various methods of using it. So why wait, let’s get started.

Why are Navigation Menus Important?

There are three important roles of navigation menus, they are listed below in no particular order:

• It acts as the gateway to sections of the site you want your visitors/users to explore
• When designed correctly, it aids as a visual sitemap
• When used correctly, it enhances usability of your site and helps in SEO

How are Navigation Menus in Magazine Style Themes Different from Regular Themes?

If you notice closely, most regular themes have pages listed in blocks in the header or the sidebar and call it navigation. For all practical purpose, it works, and we are all complacent with it. In WordPress, there are numerous pages that are dynamically created like the archives, category pages, paginated pages, search pages and so on that are traditionally are not considered pages when you create a list using the template tag such as the one below:

	<?php wp_list_pages('sort_column=menu_order&depth=1&title_li='); ?>

In fact, the above tag does not display any child pages! So how do overcome this limitation?

I try not to write such posts, but the frustrations expressed by my clients who hosts on Yahoo! Small Business compels me to point out the obvious shortcomings of a popular host. This non-exhaustive list is in no particular order, it’s just the top 4 reasons why I would not recommend or host any on my sites on Yahoo!

One-Click-Install of Outdated Software

A client recently used the one click install feature to add WordPress to her site, within days it was hacked and she lost everything she had moved from another CMS (luckily she still had her backups). The problem was the defunct version of WordPress that Yahoo! installed; WP version 2.0.2, which beats Al Gore’s hacked sites WordPress version. Yahoo! claims to be partners with WordPress.org and provide search capabilities for the official WordPress sites, yet the version they install on thousands of user sites is full of holes prone to malicious attacks and hijacks.

Forces to use Yahoo! Mail, no PHPMail

This is somewhat funny and restrictive setup that Yahoo! Hosting has in place to screw users from using phpMail functions. The most common addon on any new WordPress site is the contact form, yet Yahoo! wont allow you to use one. The only situation when it would work is if the from email ID entered in the Contact Form is from the same domain as the site you are on. For example, if you are hosting the domain example.com on Yahoo! Hosting, the only people who can use the contact form are those with emails like someone@example.com, essentially email ID’s set with the same domain! Does that even make sense? Their reason is, if you had access to send emails to and from your site, you might use the privilege to spam someone else. Privilege to Spam? Yahoo! assume that its subscribers are spammers and treat them like one irrespective of if you really are one or not. While there are ways around this issue, it is not worth the time and effort.

Restrictive Controls and no .htaccess Access

Although this feature is mostly used by advanced users, they don’t let users have access to their own .htaccess files. What this could mean is, you are not allowed to set up redirects, and if you do manage to set one up from within the WP install, Yahoo! will delete the file and if you are the ‘unlucky types’, it might even kick you out of the system completely without the opportunity to restore or reverse the .htaccess edits. Lame.

Customer Support

I ended up calling Yahoo! on behalf of my client and was on hold for a good 50+ minutes just to hear the guy on the other end tell me he will “get the engineers to look at the issue the next morning” and that “the issue will be resolved in 3 to 5 days“. I replied (in astonishment) “3 to 5 days?” and he replied very calmly, “that’s less than a week” (almost as if service in “less than a week” should make me feel special!). Obviously Yahoo! Hosting thinks your site is not important and can be down 5 days, after all, why bother rushing their engineer to look into petty matters when they could be spending it on keeping up the number 1 site in the world.

Need more?

I’ll let the readers add the rest using the comment form below.

1. Copy your code (HTML or PHP or whatever else) and paste it in the Postable post area (which at first will read “For your copy-and-pasting pleasure.”).
2. Click the “make me friendly” button
3. The code is converted to characters, for example < will be converted to & l t ;
4. Copy the characters and past it on your blog post or comment within code tags
5. That’s it.

In order to demonstrate how it works, I have copied and pasted a piece of code from one of our latest themes below using Postable conversion:

<?php if (have_posts())  >
<?php $postCount=0; ?>
<?php while (have_posts()) : the_post();?>
<?php $postCount++;?>
<div class="entry entry-<?php echo $postCount ;?>">
<h2 class="entry-title"><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>" rel="bookmark"><?php the_title(); ?></a></h2>
<p class="meta">
Posted <?php the_time('m.d.Y'); ?> at <?php the_time('g:i a') ?> in <?php the_category(', ') ?><?php if (function_exists('the_tags')) { ?><?php the_tags(', ', ', ', ''); ?><?php } ?> received <strong><?php comments_popup_link('Have your say »', '1 Comment »', '% Comments »'); ?></strong>.
</p>

The code is then displayed in a format that can be copied and pasted and never executed. Works fine to me!

Update: Two other tools of significant use are SimpleCode by Dan Cederholm which I have adopted as part of the comment form on this site and elsewhere and the user submitted Asciible converters!