Self Hosted Blog

Self Hosted Blog gives you high quality resources and tutorials for learning the WordPress web hosting platform.

  • About
  • Blog
  • Contact
  • Archive

How to Create a Menu in WordPress

Last Updated October 18, 2017 By Lisa Jahred

If you are using WordPress for your blog, you may have noticed that there is no navigation menu when you first installed it.

How to add navigation menus to WordPressIf you install a new WordPress theme the menu may no longer display.

In this post, you’ll learn how to add a navigation menu in WordPress and how to create a custom link.

A WordPress menu usually appears at the top of the page and includes links that organize your content. Pages, which are static content, are handy when they appear in a menu. You can also include categories so your readers can easily access blog posts contained in those categories.

Create and Add Items to WordPress Menu

Create menus in WordPress from two places in the WordPress admin area:

  • Appearance > Customize > Menus
  • Appearance > Menus

I like to use the latter as it provides the options more clearly.

Change menus under WordPress Appearance

Create the Menu

  1. Go to Appearance > Menus.
  2. Under Edit Menus, select Create a New Menu.
  3. Enter a name in the Menu Name box and then click Create Menu.
  4. Now that you created a menu, you can add items to it.

Create new WP menu

Add Items to your WordPress Menu

You can add links to various Pages, Posts, Custom Links and Categories to your menu.

The left side of the Menu page shows you the various elements you can add to your menu. The right side, is where you will drag an item to add it.

  1. On the left side, if the pane is closed, click the arrow to expand it.
  2. Select the check box for one or more items in the list.
  3. Click Add to menu. The selected items will appear under the Menu Structure box.

Add links to WP menu

To Rearrange the menu items:

  1. Click and hold an item in the Menu Structure box and drag up or down.
  2. To make an item a submenu, click hold and drag under the item, then drag to the right.

How to Rearrange WordPress menu

If you want the menu label to be different than the actual title:

  1. In the Menu Structure box, click the arrow to expand the pane that contains the menu item you want to change.
  2. Type a new name in the Navigation Label box.
  3. Click the arrow again to collapse the pane.

Change the WP menu label

To create a custom link in a WordPress menu:

  1. Expand the Custom Link pane on the left.
  2. Type the URL of the destination page. This can be on your website or another website, like a store or opt-in page.
  3. In Link Text, enter the label you want appear in your menu.
  4. Click Add to menu to move it to the Menu Structure.

Add the WordPress Menu to your Site

Now that you created the menu and added items to it, you may notice that you still don’t see a navigation menu when you view your website.

The last step is to add the menu to appear on your site.  This instruction is dependant on the WordPress theme you are using.

  1. Under Menus, select Menu Locations.
  2. Next to either Primary or Secondary menu, choose the Menu from the drop down list that you want to assign to that menu location.
  3. Click Save Changes.

Assign a WordPress menu location

You can also find this information under Menu Settings, just below Menu Structure.

Assign menu in the settings

Final Thoughts

Adding menus to your WordPress blog helps your readers navigate your site and helps search engine understand more about the structure of your site.

I hope this tutorial about adding navigational menus was helpful!

Comments

  1. Jarvee says

    October 26, 2017 at 1:55 pm

    Good structured menu is very important for your visitors and it’s your opportunity for good first impression.

    Well explained, thanks Lisa!

Leave a Reply

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

Featured Post:

How to Get the Best Monthly Web Hosting for WordPress

How to Get the Best Monthly Web Hosting for WordPress

Popular Posts

  • How to Prevent WordPress Drafts Getting Crawled by Google

Copyright © 2023 · Powered by StudioPress Themes and SiteGround Web Hosting | Disclaimer