Design

Site Menus

Your menu is the list of links that are typically displayed at the top of your site. A menu makes it easy for your visitors to find their way around your site’s pages and other content. This guide will show you how to create and manage your site’s menu.

The menu of this site is highlighted with an orange box
An example of a menu

Table of Contents

Video Tutorial

Watch the video to learn how to create your menu, or scroll down to follow the rest of this guide.

↑ Table of Contents ↑

Create a Menu

To create your site’s menu, follow these steps:

  1. Go to AppearanceCustomize.
  2. Click on Menus:
the Customizer with a box drawn around the Menus option.
  1. You will see that a menu has been created for you by default, usually called something like Primary or Main Menu. Jump to the next section to start adding items to this menu.

    If you don’t see a menu here already, click the Create New Menu button.
the Customizer with the Menus option selected, showing a Primary menu set to the top menu.
In this example, the name of the menu is “Primary” and its location is “Currently set to Top Menu”
  1. Give your menu a name, such as “Primary Menu”.
  2. Under Menu Locations, check at least one box. Your menu will appear in the location you choose. (The locations you see here will vary depending on your theme.)
  3. Click Next to begin adding items to your new menu.

📌

You may also see a social links menu which is another type of menu used for displaying links to your social media pages. Typically, you do not want to check this box for your main menu.

Site Menu - Setting up a New Menu
Name the menu and select the menu location
Add Menu Items

Now that you have created your menu, you can add your pages and other links to it by following these steps:

  1. Click the + Add Items button.
  2. Under Pages, you will see a list of your site’s published pages. Click on any page title to add it to your menu. You may also add posts, portfolio projects, blog categories, custom links to other websites, and more.
  3. If you wish to rearrange the items, click Reorder. This is explained in more detail here.
  4. Click Save Changes to publish the changes to your site.
an animation displaying the action of clicking on Add Items in the Menu Customizer, and navigating through the different types of menu items that can be added.
A short animation of how you can navigate the different options you can add to your menu.

Here is a list of each type of content you can add to your menu. If you have any plugins installed on your site, these may add other menu options as well.

  • Custom Link – a custom URL linking to another site.
  • Pages – a link to another page on your site.
  • Posts – a blog post on your site.
  • Testimonials – a link to testimonials.
  • Projects – a link to a page of your portfolio projects.
  • Categories – a feed of blog posts from a given category.
  • Tags – a feed of blog posts from a given tag.
  • Project Types – a link to a specific portfolio project type.
  • Project Tags – a link to a specific portfolio project tag.

💡

If you wish to create a brand new page or post for your menu, type a new title in the box for Add New Page or Add New Post.

A blank page/post will be added to your site and automatically added to your menu. You can later edit that post or page by going to My Site → Pages or My Site → Posts.

The menu location determines where on your site your menu appears. The options you see here will be different depending on your site’s theme.

Make sure to check at least one box under Menu Locations. For your site’s main menu, the location is typically called Primary, Header, Top, or Main Menu.

You may also see a social links menu which is another type of menu used for displaying links to your social media pages. Typically, you do not want to check this box for your main menu.

customizing Menus with a box drawn around the option for Menu Location and the Primary Menu location option checked.
Automatically Add Pages to your Menu

Under Menu Options, check the “Automatically add new top-level pages to this menu” if you want newly created pages to automatically be added to the menu.

in the Menu Customizer the option to Automatically add new top-level pages to this menu showing as unchecked.

📌

If you leave this option unchecked, you will want to remember to add new pages to your menu manually each time you publish a new page.

↑ Table of Contents ↑

Reorder Menu Items

You can rearrange your menu items to be listed in the exact order that you want them to appear:

  1. Click on the Reorder link that you’ll find underneath the list of your menu items.
  2. Click the up or down arrows to move a menu item up or down in the menu.
  3. Click the right and left arrows to nest or un-nest pages under other pages. This is how drop-down menus are created.
  4. Click Save Changes at the top to save the changes.

You can also drag and drop a menu item into location without clicking the Reorder button first.

An animation showing the reorder option activated and menu items being reordered.

↑ Table of Contents ↑

Create Drop-Down Menus

To create a sub-menu or drop-down menu, where additional menu items appear when you hover over a menu item, follow these steps:

Drop-down Menu Example
An example of a drop-down menu
  1. Add all the menu items you wish to have in your site’s menu.
  2. Click on the Reorder link.
  3. Click the > right arrow to nest a page underneath the one above it, creating a drop-down menu.
  4. Once you’re happy with your drop-down menu, click Done.
  5. Click Save Changes to publish your changes to the site.
Site Menu - Creating a drop-down menu

↑ Table of Contents ↑

Make an Unclickable Menu Item

You can create an unclickable menu item which is useful when creating dropdown menus. Follow these steps:

  1. Click Add Items.
  2. Click the Custom Links option.
  3. In the URL field enter the # symbol, as shown in the image on the right.
  4. In the Link Text field enter the text you want to appear in your menu, as shown in the image on the right.
  5. Click Add to Menu.

↑ Table of Contents ↑

Delete Menu Items

You can remove a menu item by first clicking on it to expand the options, and then clicking Remove:

a menu link expanded to show the remove link.
Click on a menu item to expose the Remove link to delete a specific item.

📌

Removing a page from your menu will not remove the page from your site. It only removes the link to the page from your menu.

↑ Table of Contents ↑

Customize the Menu Item Text

You can change the name of the menu item as it appears on your site.

First, click on the menu item to expand the options, and then type the new text in the Navigation Label box.

💡

For example, you might name your page something like Contact the Team, but on the menu, you just want it to show as “Contact.”

an animation showing an expanded menu item with the option to change the navigation label.

↑ Table of Contents ↑

Customize the Menu Design

If you want to make changes to how the menu appears, such as the position, alignment, or size, you can use Custom CSS available on the WordPress.com Premium plan on higher.

Was this guide helpful?

Next page: Menus in WP Admin

Pages: 1 2 3 View All

Not quite what you're looking for?

Get Help