Navigation Menus

Selecting your Menu Type Back to Top

Almost all of our themes come with more than one menu style to choose from, i.e. standard horizontal links, columns, split menus etc. Because of how WordPress' menu system works, and to keep things as simple as possible, the menu editor will only display the Menu Locations available for your currently selected menu style. For instance, if you've selected Standard for your menu style, the menu editor will only show two locations, one for your Main site and one for your Blog. Conversely, if you select Columns as your menu style, you will see a total of Six locations, 3 for your main site, and 3 for your blog, each 'location' representing one column.

Selecting a menu style:
To select a style for your menu, navigate to the Styling section of your Theme Options panel, and then click the Navigation tab up top. The first option, if your theme supports multiple styles, is the Menu Style dropdown box. This is the option that determines how your menus are displayed, and how many Locations are loaded into the menu editor. Once you've selected a menu style and clicked the Save button, you are ready to move on to the next step below and create your menus.

Note: Each time the Menu Style dropdown box is changed, you will need to go to the menu editor Appearance->Menus and select the menus you want to use for that menu style.

Creating Your Navigation Menus Back to Top

In your WordPress admin, click on “Menus”, which is located under the “Appearance” tab in the WordPress sidebar. Start by creaing a new menu in the panel on the right. Once the new menu is created you can add pages, categories, and custom links from the panels on the left. You can then re-order and create submenus by dragging the menu items. When you’re finished, click the “Save Menu” button.

Once you've created your menu(s), for them to be active, you need to assign each menu you would like to use, to a location in the theme. Each of our themes come with at least 2 Menu Locations. A menu location is a designated spot where the menu will render on your site. The two default locations we put in each theme are the Main Menu & Blog Menu. We include two menus because it is quite common in our experience that customers would like to add additional links to the menu for their blog pages, i.e. categories, etc. This format allows you to do just that. The main menu is displayed on all non-Blog pages, whereas the Blog menu is displayed on all pages within the blog section i.e. Posts Page, Single Post Pages, Category & Tag pages, Search pages etc. You can use one menu for both of these locations if you'd like, but both of them need to have a menu assigned to them.

Setting the location in WP 3.5 and below:

The available Menu Locations for your selected menu style is located in the top left box labeled Theme Locations when in the menu editor (Appearance->Menus). Within the box you will see at least two dropdown menus, one or more representing the Main Menu locations, and one or more representing the Blog Menu locations. To set the locations, simply select the menu(s) you would like to use for each of the locations and click Save at the bottom of the box.

Navigation menus in WordPress Version 3.6+

In WordPress version 3.6 the WP team decided to change the interface of the built in menu editor. The objective was to simplify the use of the editor, though for those who are accustomed to the previous editor, the changes might not be the most intuitive or easy to use at first, hopefully our breakdown will shed a little light on how to build your navigation menus using the new system.

The New Interface:

Primary Differences:

  • Your created menus are displayed in a dropdown box at the top of the page, instead of as tabs across the top.
  • The selection boxes on the left hand side of the page are condensed into an accordion style interface.
  • The Theme Locations box, which was the top left box in earlier versions has been removed and placed into it's own tab at the top. You can alternatively assign your menu(s) to a location at the bottom of the right hand column by checking that locations checkbox under the Menu Settings heading.