Creating Custom Menus in WordPress
Saturday, May 14th, 2011Before WordPress 3.0, navigation menus typically only included links to pages on your site. If you were lucky, you might get a theme that included a second navigation menu for categories. Custom menus with a mixture of links to pages, categories, and external sites didn’t exist unless you hand-coded the menu or purchased a premium theme.
With the advent of WP 3.0, the ability to create custom menus became a part of the standard WordPress platform. More and more themes, including our Calypso Colors, Modern Neutrals, and Velvet Blackberry pre-mades, are created with the capability to make use of the new custom menu functionality.
Here are directions for getting started with the custom menus feature of WP. For more thorough directions, visit http://en.support.wordpress.com/menus/.
- If you have not used custom menus before, you’ll need to set up at least one menu. To do this, log in to your blog’s admin area and click on Appearance in the left side bar. Then click on Menus in the section that appears underneath Appearance.
- The next step is creating the menu. On the right will be a section that for you to name your menu. Enter your menu name (I recommend using a name that tells what the menu is for – Navigation Bar, for example) and click on Create Menu.
- You can now begin adding links to your menu. There are three kinds of links available by default – Pages, Categories, and custom URL (use for links that don’t fall into the other two choices). Select the kind of link you’d like to add.
- For a Custom URL link, fill in the URL and the Label, which is what will show up on the tab. Click Add to Menu.
- For a page, check the box for the page/s you want to add and click add to menu.
- For a category, check the box for the category/ies you want to add and click add to menu.
- Added links always appear at the bottom of the right side list of links. You can rearrange the order just like you do with widgets – drag and drop. To create drop down links, slide it underneath the parent link and then slide it to the right so that it is indented. This makes it a child of the link above that is not indented.
- The link text can be edited by clicking to expand the link and then changing the Navigation Label. Please note that once you collapse the link, the new label will not show until you save your menu.
- Once you’ve added, renamed, and arranged all of your links, click the Save Menu button. If you don’t, your changes won’t be saved when you navigate away.
- After you’ve saved the menu, look at the top of the left column and find the section that says Theme Locations. For each location shown (some themes are capable of using more than one custom menu), click the drop down and select the menu you want to use in that location. (Example – click the Primary Navigation drop down and select Navigation Bar.)
Congratulations! Your custom menu now appears on your blog. If you ever want to make changes to your menu, simply follow steps 3 – 6.
Please let us know if you have questions about using the Menus function.



