• Skip to main content
    WordPress made easy with the drag & drop Total WordPress Theme - version 5.0 out now!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.
    国产亚洲日韩欧美看国产