Custom Menus
Contents
- Creating a Custom Menu
- Adding Pages
- Adding Category Pages
- Adding Tag & Post Format Pages
- Adding Custom Links
- Changing Menu Item Titles
- Removing Menu Items
- Changing the Order of Menu Items and Creating Sub-Menus
- Adding Static Top-Level Tabs
- Activating Your Menu
- Multiple Menus
- Watch a video
- Additional Info
Related
If you have a theme that supports the Custom Menus feature, you can customize your navigation menu. This allows you to:
- Change the order of pages
- Nest pages to create sub-menus
- Display posts on multiple pages by creating category pages
- Add posts, tag pages, and custom links to your navigation menu
Below is an example of a navigation menu on a blog running the Twenty Eleven theme:
To create a custom menu, go to Appearance -> Menus in your blog’s dashboard. If you do not see the Appearance menu option, you are not an administrator on the blog.
Creating a Custom Menu
To create a custom navigation menu, type in a name for it (only you will see this) and click Create Menu.
Adding Pages
Adding pages to your menu is as simple as checking the proper boxes for the pages you want and then clicking Add to Menu.
Adding Category Pages
All posts will appear on your main posts page, but you can also create category pages that only display posts that you’ve designated with a specific category.
Simply check the box of the categories for which you want to create a page, and click Add to Menu.
Be sure to click Save Menu each time you make changes to your custom menu.
Adding Tag & Post Format Pages
You can also add tag and post formats pages (if your theme supports them) to your custom menu. To display these modules in the custom menu editor, click the “Screen Options” drop down at the top right of your screen:
Check the boxes for the module you want to display, and the module will appear in the custom menu editor:
Adding Custom Links
Want a menu tab to link directly to another website? No problem! Type in the URL, the label name, and then Add to Menu.
Changing Menu Item Titles
You can also change the label and the hover-over text of menu items independently from the page name itself. To edit a page or category title, click the down arrow to the right of the item.
Once expanded, enter the new label name and any desired hover-over text. The underlying page will always show its name in the Original section of the menu item.
Your menu item will now look something like this:
Removing Menu Items
Expand the item you are going to remove by clicking the down arrow to the right of the item.
Once expanded, click on the Remove link.
That’s all! Don’t forget to save your changes.
Changing the Order of Menu Items and Creating Sub-Menus
At any time, you can change the order and placement of menu items. Drag and drop the items up and down to change the order of menu items. Drag and drop the items left and right (as shown below) to create sub-menu items.
The final product from the customized menu:
Adding Static Top-Level Tabs
Here’s a nifty way to add static top-level tabs that you can use to organize your content. These tabs are basically place holders – they don’t link to any content, but are there to add structure to your menu items.
Check out the screenshot below: the top-level tab “Music” doesn’t actually link to anything. You can click it, but nothing will happen. It’s solely there to organize links the various music-related menu items.
Here’s how you can add Static Top-Level Tabs:
- Go to your Menus page (Appearance -> Menus)
- Add a Custom Link and set the URL as #. Using # will prevent the page from refreshing when you select the tab.
- Label your link and hit the “Add to Menu” button.
- Organize your menu items like you would normally do, hit the “Save Menu” button, and you’re done!
Activating Your Menu
In the Theme Locations module, under Primary Menu, select the title of the custom menu you want to activate and click Save.
Multiple Menus
Most themes have one menu. Some themes, such as the one in the screenshot below, support more than one menu. In both cases, you can create several different menu layouts and independently set the active menu.
If you’ve created more than one custom menu, be sure to activate the right one by selecting it from the drop down menu and clicking Save.
To edit your various menus or create new ones, click the relevant tab:
Watch a video
This video will take you through the basics on working with Custom Menus:
Additional Info
Why am I getting a warning that says ‘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.’?
Not all themes support custom menus for navigation. You can find themes that support menus for navigation in Appearance →Themes by choosing “Custom Menu” from the Feature Filters menu. If your theme doesn’t have the navigation support, you can use the Custom Menu Widget.
Can I create a sub-menu custom link?
Yes, you sure can. You are free to drag and drop any of the menu item types in any order or hierarchy you’d like.
Can I configure link targets?
Yes indeed. Expand the “Screen Options” drop down at the top right of your screen and check the “Link Target” advanced property.
Last modified: November 5, 2012
Still confused?
Help us improve:
We're always looking to improve our documentation. If this page didn't answer your question or left you wanting more, let us know! We love hearing your feedback. For support, please use the forums or contact support form. Thanks!