WordPress menus: If you can’t use them, you seriously need a new theme

I’ve had three clients in as many weeks who came to me with problems with the navigation menus on their websites.

In every one of these three cases, it turned out that they weren’t able to use the built-in WordPress menus, because their themes were outdated. And with WordPress 3.3 due to be released in the next few weeks, theme compatibility is on my mind.

If you’re apprehensive about updating to WordPress 3.3, get a Website Tune-Up and I’ll handle the upgrade for you, as well as making sure you’re completely backed up.

Navigation is important. If your visitors can’t find things on your site, they will go away.

To meet this need, every website should have these two things on (almost) every page:*

  1. Clear navigation menu(s). The navigation links should have short, obvious names. On my site, for instance, the purple navigation bar that appears just below my header has six links: Home, About, Contact, Store, Free Goodies, and Subscribe. My Store link also has a drop-down menu listing the individual pages describing my products and services.
  2. A “search this site” form. This can go in the header, in the navigation bar, or in a sidebar, but please put it in a consistent location across your site. And test it once in awhile to make sure it works.

*I say “almost” because there are always exceptions. On a sales page, for instance, you may not want to include a search form because you want the single call-to-action on that page to be clicking the buy button.

Is your theme compatible with WordPress Menus?

These three clients, with different websites, were all telling me that they couldn’t reorder their menu items or add items to their menus. And at first I was baffled, because the WordPress menus are really easy to work with — you just drag and drop to reorder, and adding a page is a one-click operation.

But in each case, the problem quickly became clear when I logged into their WordPress dashboard to find that their theme was not compatible with the built-in WordPress menus.

If you’re not sure if your theme is compatible with the drag-and-drop WordPress menus, visit Appearance –> Menus in your WordPress dashboard. If you see a message telling you that “The current theme does not natively support menus…” then you need a new theme. Period.

If you see this incompatibility warning, you seriously need a new theme.

Yikes! What if you need a new theme?

The WordPress menus have been drag-and-drop for at least a year now. So any theme that is not compatible with WordPress menus is outdated.

Good theme developers update their themes when WordPress introduces cool new functions like drag-and-drop menus, so it’s possible that you can simply update your theme to the latest version. If you bought a premium theme, updates like this are part of what you paid for. Ask the theme creator how to update your theme.

If your theme doesn’t have a menu-compatible latest version, you seriously need to get a new theme. Seriously. You are missing out on features that will make your WordPress-wrangling easy, quick, and fun. And older code (yes, older than a year is pretty old in Internet time) is more vulnerable to corruption by Internet Bad Guys.

With a Website Tune-Up, I’ll update your theme to the latest version, if one is available (and I’ll also update you to WordPress 3.3 when it comes out).

If you need to switch themes entirely because your old theme is outdated, consider my new Fairy Godmother package, which includes two one-hour consultations with me plus my time to fix, tweak, and test your site.

Got a question about WordPress menus, themes, or wine? Leave a comment!

Wine menu image adapted from Civertan on Wikimedia Commons, used under a Creative Commons ShareAlike License

Channeling Seth Godin: Joe’s Crab Shack

So I’m thinking about going to Joe’s Crab Shack for dinner. They just opened up about 20 minutes from my house, and I figure it can’t hurt to have an alternative to Red Lobster for quickie seafood.

I google them instead of just typing in joescrabshack.com, because it’s a 50-50 chance they’ll have some different domain name (I just talked about this in my Choosing & Using a Domain Name teleclass, so it was on my brain, but it’s not the subject of this post, so I’ll close the parenthesis here).

I get to joescrabshack.com with one click. This is the last easy thing about this visit.

Strike one: I am immediately bombarded with the site’s soundtrack of ocean-wave noises peppered with seagull cries. Thank god they’ve provided an “off” button for the sound, which I find because my cursor moves over it literally on its way to shut down the sound for my entire computer. Next to the off button are buttons labeled 1, 2, and 3, with the 1 highlighted. So they think some people are going to come to the site and actually want to make this noise LOUDER?? Hey, if I call my mom with this website in the background, she’ll think I’m at the beach! Not!!

I’d like to take a look at the menu, mainly to see if they have macaroni and cheese for my kids, since that is the single restaurant item I can be 100% sure that they will both eat (as long as the cheese is yellow and there are no specks of herbs/veggies/what have you, that is), but also to see what the grownups can expect.

Strike two: There’s no “menu” button on the site’s main navigation system. They are all cute things like “Surf Shop” (I guess correctly that this is where one goes if one loves the shack so much that one simply must have a Joe’s t-shirt), “Beach Bum?” (which turns out to be their career opportunities page) and “Beach Front” (I still don’t know or care what this one was, because clicking on it gave me a popup that Firefox thankfully blocked). Also, all the navigation buttons have mouseover javascript or flash animation that doesn’t do anything useful, just joggles the button a little lower. That’s annoying, but not a dealbreaker.

I tried “Know Joe” because I figured that might be some kind of “About” page with menu information. Instead it’s the folksy history-of-our-chain page. Maybe interesting on another day, but where’s the damn menu? The “Sand Box” button led me to the kids page, which at least contained the kids’ menu…but only as a downloadable PDF! Arggggh!

There’s also a bottom-of-the-page navbar with DIFFERENT (though slightly less cryptic) names, one of which is “Eat.” Surely that’s the menu? No, it’s the locator page. Huh? Oh, I see: The bottom nav links to the same pages (well, mostly…) as the top nav, but they all have different names!

I finally begin thinking enough like a middle manager to realize that they may link the menu to specific locations, and give in to typing my zip code into the locator (helpfully, and that’s not being snarky, located at the top left of every page), which leads to…

Strike three: The letters ZIP are actually the default text for the field, so I have to hit backspace three times (or I could have highlighted the letters and deleted them with one click, but I’d already put my cursor in the box immediately following the P, because I thought this field worked like a normal user-friendly input field!) and then type a zip, because ZIP90210 is not a valid zip code! And no, I don’t live in Beverly Hills.

I finally get my local restaurant, and there are two buttons: “Details/Shack Shots” and “View Map.” I don’t want either of these things, I want a freakin’ menu! But when my mouse goes over the Details button, a tooltip flashes that says “view menu.” And even though I have to click AGAIN, on a little menu image on the Details page, at least it’s not a PDF. So I can finally view the food and the prices, even though it’s broken up into several separate pages that are cryptically titled (On the Bun? I guess this means sandwiches, but I’ll probably never know).

By this time I’m no longer hungry for seafood, so the menu examination is cursory at best. Pun intended!

The only way this site could be worse is if there was a gigantic splash page upon entering, and maybe some blinking text…oh, and a flaming logo. Joe’s marketers, take note.

Did it ever occur to anyone at Joe’s that maybe one of the reasons someone might visit the website would be to look up the menu? Nah, they’re too busy selling t-shirts and admiring the flash graphics. Maybe they’re hypnotized by the soothing (cough, snark, cough) ocean wave soundtrack.

Since I’ve spent so much time whining, I’ll provide a prescription for improving the user experience on this site.

  • Ditch the sound. Period. If you must have sound make it OFF by default and let the user click a button to turn it on. Then watch your website stats to see what minuscule percentage of users actually do this, and decide to ditch the sound, period. Side note: Even the “off” button is broken — most pages in this site respected my selection, but when I visited the “Surf Shop” section the sound came on again, every single time.
  • Skip the annoying flash graphics that drop all the buttons and the thatched roof and the compass and the stereo speaker graphics down onto the page…with a BOUNCE, no less, EVERY SINGLE TIME someone goes to a new page. Once, MAYBE. Every single time? Gimme a break.
  • Make “Menu” or “Food” or something equally obvious (sigh… even a cutesy “Joe’s Grub” or “Grub” might work) one of the main navigation tabs. Then include links to this page in all the other places one might look, like the “about us” page. EVEN IF the menu tab goes straight to a store-locator page (where you fill in the zip code or city/state), and you include some text to the effect of “please find your local Joe’s to see your local menu,” that’s STILL better than hiding the menu within the local-store area and NOT TELLING US WHERE TO LOOK.
  • Label things what they are. Change all the cutesy titles to regular understandable-at-first-glance words. “Beach Bum?” is cute, but “Jobs at Joe’s” tells visitors what the heck they’re clicking on and STILL manages to be alliterative. Why should I have to click on something to find out what it is?
  • Make the top and bottom navigation bars either consistent (same names, same links) or complementary (different names, linking to different pages). Ideally, the top and bottom navs would be identical (that’s consistent), but if you have too many main sections for a top nav, fine, put the less-important stuff on a separate, clearly-labeled bottom nav (that’s complementary).
  • Make the ZIP field user-friendly by having the letters disappear as soon as someone clicks on them. It’s not rocket science.
  • Don’t use PDFs for your site content, unless it’s as an alternative to your regular HTML content. For the kids’ menu, I can totally see downloading it to print out for your kids (my daughter walked by as I was writing this post, and got all excited about the word search, so I’ll be doing just that). But I want to be able to glance at it on your website first before going through the hassle of downloading.

I have now officially spent far too much time dissecting this. Joe’s, you should send me a gift card! As for tonight, we’ll probably go for Mexican food. I’ll keep you posted.