Creating Custom Menus

By default, WordPress will list your Pages in alphabetical order as your menu. If you would like to customize this menu, you can create a custom menu.

Creating a New Custom Menu

 

  1. Go to the Dashboard and select Appearance > Customize > Menus (or Customize from the top toolbar)
  2. Click Create New Menu
  3. Give your new menu a name.
  4. Choose where you want the menu displayed. This will vary depending on the theme. You may also use menus in widget areas.
  5. Click Next
  6. Click Add Items
  7. You can add existing pages or posts. You can also create new pages and posts. The menu item will be created and an empty page or post will be published. Other menu options include existing post categories and tags. You can also choose Custom Links to create a menu item to an external URL.
  8. To save your changes, click Publish. (See below for more details.)
    If you are not ready to Publish the menu, click the gear next to Publish and choose Save Draft.

 

You can automatically add new top-level pages by clicking the box, "Automatically add new top-level pages to this menu". 

Menu customizer choices

 

Adding Menu and Sub-Menu Items From Pages, Links, Posts, Categories, or Tags

You can make almost anything appear in your menus including pages, links, posts, categories, and tags.

Pages

  1. From the expandable accordion panel, click the Pages section to expand the options. All of your existing pages will appear.
  2. Click the pages you want on your custom menu. A check will appear and the menu item will be available in your menu.
  3. You can also create new pages. Type a title in the Add New Page field and click Add. A new page will be created and published. You will need to add the content.

 

When satisfied with your changes, always remember to click Publish.

Sub-Menu Items

In addition to top-level menu items, you can create sub-menu items.

To create a sub-menu, click, hold and drag the page so it is indented to the right of the menu item you would like it to be a sub-menu item. When published it will appear when hovering over your top-level menu.

Links

  1. From the expandable accordion panel, click the Custom Links header to expand the options.
  2. Type in the URL or web address to the site.
  3. Type the Link text (the Menu label).
  4. Click Add to Menu.

Custom Links screen

 

When satisfied with your changes, always remember to click Publish.

Categories

  1. From the expandable accordion panel, click the Categories header to expand the options.
  2. Check the categories you want on your custom menu and click Add to Menu.
  3. Any posts with that category will be displayed in an archive view.
  4. When satisfied with your changes, always remember to click Publish.

Tags

  1. From the expandable accordion panel, click the Tags header to expand the options.
  2. Check the tags you want on your custom menu and click Add to Menu.
  3. Any posts with that tag will be displayed in an archive view.
  4. When satisfied with your changes, always remember to click Publish on the screen.
Important: Each time you add menu items or make any changes to your custom menus you must click Publish, otherwise the menu on your site will not update with the changes.

Displaying Your Custom Menu

Now that you have added some items to your custom menu, you need to select the location that you want to display it. Some themes have multiple locations. Some older themes do not support theme locations*.

  1. In the Menu Settings area, check the box next to the location where you want the menu displayed.
  2. Click Save Menu.
  3. View your site to see your new custom menu.
  4. Return to add and modify your menu as needed.
*If the current theme does not support menus, the following message will display: "The current theme does not natively support menus, but you can use the “Custom Menu” widget to add any menus you create here to the theme’s sidebar." You can still make a custom menu through the Custom Menu widget and the menu will be located along the sidebar.  Custom Menus can also be used in combination with the Custom Menus widget.

Before (displaying standard menu of pages in alphabetical order)
Standard Menu

After Custom Menus Added

Custom Menu

You can create different menus and change which menu is displayed by using Theme Locations.  Also, if the theme you've chosen supports multiple menus, Theme Locations will display a Primary and Secondary navigation drop-down.

Organizing Your Menu Items

As you add Custom Links, Pages and Categories to your Custom Menu, you may want to rearrange the order of the items.

  1. Go to the Dashboard and select Appearance > Customize > Menus
  2. In the Menu Structure section, drag and drop menu items into the order you would like them to appear on your site.

 

Tip: If you are using sub-menus, you may want to make the top-level menu item simply a placeholder for the menu items below. See our Creating Menu Placeholders for instructions.

Modifying or Deleting Your Menu Items

  1. Go to your Menus in the Customizer
  2. Click on the name of your menu item in the Menus section
  3. The panel will expand for editing and deleting:
    1. To Modify your menu item – Update the fields, then click Save Menu.
    2. To Delete your menu item – Click Remove, then click Save Menu.

Deleting Custom Menus

If you do not want Custom Menus on your site, you may delete them at any time. Once your menu is deleted, we cannot get it back. Deleting your Custom Menu also deletes all of your menu items.

  1. In the Menu Settings section, click on Delete Menu.
    delete custom menu
  2. confirmation popup will appear saying “You are about to permanently delete this menu.  ‘Cancel’ to stop, ‘OK’ to delete.”
  3. Click OK.

More Questions?

Contact Us. We're here to help.