How to use a custom menu in your WordPress website

Custom menus are advanced functionality for controlling the content of the menus built into WordPress since version 3.0.

They should be used when the auto-generated menus no longer suit the desired content/functionality of the site or when custom links / custom structures are needed.

Defining a custom menu

1. Navigate to Appearance > Menus.2. Enter a name for you new menu.

3. Click Save Menu to create the menu.

custom-menus-1,2,3

Adding items to the menu

4. Look in the left side of the content area for Pages [7], Links [8] and Categories [9].Click on the View All tab to see all items of that type, not just the recent ones.

5. Take note of the special “Home : home” (or simply “Home” when you have no page titled Home) item listed in pages. This is the only correct way to add a link to your blog’s/site’s homepage.

6. Click the Add to menu button to add the selected items to your menu.

To add a custom link, enter the target (relative of absolute) URL in the URL field and the item name in the Link Text field.

To add a menu placeholder (an item that does not link to anything but is just the parent item for a sub-menu), leave the URL field empty [10]

Remember to click the Save Menu button [11] when you’re done.

custom-menus-4,5,6 custom-menus-7,8,9

Customizing / deleting a menu item

Click on the menu item in the right side of the screen. This will open up its edit control box.Here you can edit it’s properties, or delete it by clicking the Remove link.

Remember to click the Save Menu button [11] when you’re done.

custom-menus-10,11

Creating multi level menus

WordPress supports creating multi level menus (sub-sub-sub-…-menus).To do this, drag the menu items around in the right side of the menu control window.

Each new sub-level will have an increased indentation compared to its parent.

custom-menus-a

Assigning menus to your site

Now that you’ve created the menu just the way you want it and saved it, you’d expect to see it on the website. Not yet, since you did not assign it.To assign it, click on the Manage Location tab to switch to this section of the administration. Here you will see all the different menu areas your theme supports and all the menus you’ve previously created.

12. Select the desired menu for the desired location.

Remember to click the Save Changes button [13] when you’re done.

custom-menus-12,13

Remember to read the WordPress Menu User Guide too.

More Tutorials This article is part of our WordPress general and theme specific tutorials series. For more useful information check out our tutorials section.

16 Comments

  1. Hola, como consigo que el menú principal se vea junto a los iconos de redes sociales arriba de todo en el tema anima? así aparece en la muestra de ejemplo pero no consigo que me quede igual, me urge, gracias

  2. I got like 200 pages which are not added to the menu yet. How can I see which pages are not added to the menu, and which pages are already added to the menu? (Any idea would work like creating two lists, see different marks on pages, different colors …)

  3. Thank you Zed 🙂
    I had forgotten where I’d “found” how to do this previously
    Your step-by-step was very helpful (although I really just needed the original #1-#3 to access; after that, it’s pretty intuitive)

  4. I’m using the Tempera theme (Version: 1.4.3) but I am not seeing the Custom Links option in the Edit Menu section. I see only pages, posts and categories. I need to add some placeholder menus but not able to do so. Am I missing something here?

    1. Menu management is part of WordPress and not controlled by the theme.
      Custom Links should be the third item on the left side under Appearance > Menus. If it isn’t, a plugin may be changing this or WordPress itself may be customized in some way.

  5. Hi, I have a menu that consists of pages and categories. About, contact me work fine as pages, so does Blog as category. My problem is when i add another page to the menu called reviews. It has all the links of book reviews. But when I click on it, it shows me the categories and not the page I designed.

    In the menu settings, it shows as a page. Don’t know what the problem is. Please help

  6. I cant seem to find anything on how to change the text links created when using the custom menu widget to buttons or blocks that look like buttons. Any help would be appreciated.

  7. Did you edit any code recently?

    What theme do you use?

    Which google analytics code did you use?

    What version of wordpress do you use?

    If possible post your header.php code in pastebin and then copy the link here.

    All of this information would help us sort out your problem easily, one sentence won’t be enough.

    ———————————————————————————————————
    “Knowledge is power”

Leave a Comment