Skip to main content
WordPress made easy with the drag & drop Total WordPress Theme!Learn More

How to Create a Menu in WordPress

Last updated on:
How to Create a Menu in WordPress

You’ve been enjoying your WordPress adventure so far. You chose a great WordPress theme, put together a nice website, and brought your WordPress SEO machinery to life. The visitors started trickling in to your new WordPress-based business, but few convert into loyal fans or customers.

You check out Google Analytics, and your bounce rate is through the roof. So you decide to check every aspect of your website, but can’t find where the problem lies. What the hell?

Well, I will tell you this: your WordPress navigation menu could be the cause of your woes. A poor navigation menu system will keep visitors from finding that’s which they need on your site, and if they can’t find it, they will just do what every sane human being does – click the back button, and load your competitor’s site.

A great navigation system, on the other hand, is like a map that shows your visitors exactly where to go to find what they’re after. This just means without a great navigation menu, you’ll lose customers right, left, and center. Yeah buddy, having a great navigation menu – just like a rally driver has his/her navigator – is of grave importance.

In this step by step guide, we will show you how to design the perfect navigation system. Then we will show you exactly how to set up menus using the intuitive WordPress menu manager.

How to Create the Perfect WordPress Navigation System

wordpress navigation

Are you ready for some menu adventure? Well, eat al carte… In this section, we will look at what makes a great navigation system.

Keep it Simple

The best navigation system is easy to use.

Don’t over-complicate your navigation menus by including pages that the user doesn’t necessarily need. Stick to your most important content – the content the user needs to stick around long enough to convert. Link only to your most essential WordPress pages, such as About, Contact, Hire/Product etc, and popular content that helps your cause.

Speaking of keeping things simple, do you really need that mega menu on your small personal blog? I don’t think so; mega menus are great yes, but they’re ideal for mammoth WordPress sites with a billion bytes of content, and a trillion products to boot. Keep it simple stupid.

Sitemaps Count As Well

A sitemap is considered an essential cog in the perfect navigation system. While helping search engine spiders to crawl your site easily and properly, Sitemaps can also come in handy when a user is lost, and/or encounters the dreaded 404 error page. Think of it as a navigation menu for your entire site published on a special page. Sitemaps aren’t to be feared, they’re simply pages that contain links to all resources on your site.

The best part is you can easily create sitemaps using plugins such as Google XML Sitemaps, or just go with a WordPress theme that support sitemaps inherently. Create a special sitemap page, and ensure you can see a list of all resources on your WordPress site when you load http://www.yousite.com/sitemap/. You can link to your sitemap from the 404 error page, or from your main menu.

Add Navigation Menus to Multiple Locations

If you were to improve your chances of winning the lottery for instance, you would need to play a couple of times. It has everything to do with the theory of probability. Similarly, to get readers clicking your links, you need to show said links a couple of times, on different locations of your site. The logic here is simple: the easier the reader can find the links, the faster they can click through.

By default, most WordPress themes will let you display your navigation menu in the header section, and perhaps the footer but that’s it. You can, however, use widgets to display your navigation menus wherever you fancy.

Best menu locations for maximum exposure include the header, sidebar, and footer areas. The sidebar is also a prime spot for categories, archives, and tags, so feel free to take advantage of these features to enhance your navigation system.

Add a Search Form

Systems break at the least opportune times. They tend to give in or fail when you least expect. Navigation menus are no exception, they fail all the time, especially if you’re using a third party WordPress menu plugin, and go tinkering around. At other times, the user simply doesn’t have the time to go several levels deep in your menus to find information. What to do?

You implement a search form, which makes it easier for the user to find what they want. Then place it in a prominent location on your WordPress site. For instance, don’t hide it in the footer section that’s only visible when the user scrolls down. If you have infinite scrolling in place, said user might never see the search form.

A search form is a fail-safe measure, as well a device that greatly improves user experience. Relevanssi helps you to build amazing search engines for your WordPress-based business.

Main takeaway: At the end of the day, just ensure your navigation menus are easy to find and use. Also put important content first, so it is incredibly easy to find.

Adding WordPress Navigation Menus

Now let’s create a great navigation menu with the helpful WordPress menu manager. Out of the box, WordPress comes with a great menu manager that allows you to create simple menus, including drop down menus. It’s a simple drag-and-drop manager that makes adding menus as easy as pie. Even a fifth grader can add WordPress menus in minutes.

How? Just navigate to Appearance > Menus  in your WordPress admin area:

beginners-guide-to-wordpress-menus-appearance-menus

This will launch the Edit Menus screen. If you, or your developer, never added menus to your WordPress site before, you should see this screen:

beginners-guide-to-wordpress-menus-new-menu

Go ahead, and give your new menu a name. We shall call our example “main menu.” Enter your preferred name, and hit the Create Main button. This will launch this screen:

beginners-guide-to-wordpress-menus-add-menu-items

As you can see, there are several options available. To the left, you’ll notice a list of your pages, categories, a custom links tab, and perhaps a couple of other features depending on your theme.

To the right, you have the Menu Structure area where you will edit and order your menu items. You have the Menu Settings area that allows you to choose menu location, and an option that lets you add new top-level pages to your menu automatically.

All you have to do from here is select your pages, categories, or add custom links from the left panel, and then click the Add to Menu button. In a flash, your menu items will appear in the right column, where you simply drag and drop them as you fancy.

Why would you want to add categories to your WordPress menu? If you’ve created posts (e.g. lessons) in different categories (courses), you can group the lessons into courses using this feature. It’s a helpful feature as well if you run a news site. I went ahead and added various categories to my example menu like so:

beginners-guide-to-wordpress-menus-add-categories

Let’s also add a few custom links to direct visitors to third party sites, or even our very own sites living on sub-domains. Just navigate to the Custom Links tab:

beginners-guide-to-wordpress-menus-add-custom-links

Add your link in the URL text area, and the menu name in Link Text. Then just hit the Add to Menu button. Always include http:// or your links won’t work:

beginners-guide-to-wordpress-menus-add-custom-links-example

When you’re satisfied with your menu, select the menu location, and click the Save Menu button:

beginners-guide-to-wordpress-menus-added-menu

Using the Manage Locations tab, you can control where your menu is displayed. Note, you can create several different menus, and display them in multiple locations depending on your theme. Each theme supports a different number of menus:

beginners-guide-to-wordpress-menus-manage-location

Going back to the Edit Menu screen, you can see our menu is growing longer, and won’t look great in the front-end. See how our example looks in the front-end for instance:

beginners-guide-to-wordpress-menus-front

This is where drop down menus come in handy. I will go ahead and group all our example categories under Learn Web Design. This is quite easy. From the Edit Menu screen, just drag the sub menu slightly to the right like so:

beginners-guide-to-wordpress-menus-add-drop-down-menus

Then click the Save Menu button. Now your menu will look like so:

beginners-guide-to-wordpress-menus-added-drop-down-menus

Shorter and cleaner huh? You can create more sub-menus under existing sub-menus, creating multi-level drop down menus:

beginners-guide-to-wordpress-menus-multiple-level-drop-downs

Our example WordPress navigation menu looks like this now:

beginners-guide-to-wordpress-menus-multiple-level-drop-downs-front-end

What’s more? You can edit your menu items from the WordPress menu manager. Just click the arrow on the right of the menu:

beginners-guide-to-wordpress-menus-edit-menu-item

And if you want to create a truly special menu, give one of these best WordPress menu plugins a try. They’re a quick and easy way to build, or improve upon your existing WordPress menus.

Final Thoughts

WordPress navigation menus are a vital part of your WordPress site. They guide your users allowing them to find the content they’re after. They’re great for improving user experience, and consequently, your conversion rates. The best part is they’re quite easy to implement, so nothing’s to hold you back.

Don’t leave money on the table anymore, invest in a WordPress menu plugin that suits your business needs. Have questions or comments? Share in the comment section below!

Article by Freddy WPExplorer.com author
Subscribe to the Newsletter

Get our latest news, tutorials, guides, tips & deals delivered to your inbox.

5 Comments

  1. Bruce Crosby

    Thanks Freddy. A great review of navigation menus and the list of related plugins was appreciated.

    • Freddy

      You’re very much welcome Bruce Crosby! Your input is highly appreciated.

  2. sabri

    Nice Review

  3. looksaweeesome

    Thanks for comprehensive guide and great list!

  4. phpbits

    Thanks for very detailed guide. Would love to recommend Mobi too (mobi-wp.com) and I hope this will be a great addition on your collection. Works perfect specially on mobile. Thanks!

Leave a Reply

Your email address will not be published. Required fields are marked *

Learn how your comment data is processed by viewing our privacy policy here.