How To Create Navigation Menu Structure in WordPress
This is not a Thrive Themes specific feature - instead this is a tutorial about how you can use the WordPress core menu functionality to add menus to your site.
You can navigate to the menus page by going to "Appearance" -> "Menus" in your WordPress dashboard:-
What is a Menu?
A menu is a navigation component that can be added to menu areas in your WordPress dashboard.
The idea is that you have one centralised area where you can manage your navigational menus.
You can add new menus from the menu screen by clicking on the "Create new menu" link.
Give your new menu a meaningful name:-
You can then start adding items to your menu using the control panel on the left hand side of your screen. Click to expand the types of items that you can add to your menu:-
You can simply select the content that you wish to link to from within your menu and then click "Add to Menu".
You'll notice that you can rearrange menu items easily by dragging and dropping the various components.
You'll also notice that by clicking on any individual menu item, you can open up a list of options that you can use to customise the display:-
Navigation label allows you to set the text that will appear on the menu item.
In the example above, you can also an option "Activate extended menu". This allows you to create high impact extended menus such as the one shown below:-
To learn more about extended menus, and how they work, view our knowledge base article here.
How to Display a Menu in your Site
There are a few different ways in which you can show menus on your site.
Adding a Menu Through Designated Theme Menu Areas
Firstly, your theme will have designated menu areas. These areas are specific to each theme that you use.
The list of available menu areas are displayed at the bottom of the menu screen under the title "Menu Options":-
Simply click the menu location where you want the menu to display, and it will be attached to the theme.
The menu will displayed in different locations and styles, depending on the theme that you're using. For instance, a header menu looks like this:-
Whereas in Pressive the menu looks like this:-
Adding a Menu Through a Sidebar Widget
You also have the ability to add the menu widget to any sidebar region that your theme has.
Navigate to "Appearance" -> "Widgets" and you'll see the standard widget screen. In here you can look for the "Custom Menu" widget and drag this into a sidebar:
Here you can see I've dragged the custom menu into the sidebar named "Footer Column 3".
To be clear on the terminology: The official word for a designated widget area is called a sidebar. Again, these sidebars and their locations depend on the theme that you're using. Some themes, for instance, may have three footer widget areas whereas others may only have one, or even none at all.
Once you've added the widget to the sidebar of your choice, you can then expand the options to choose add a Title (optional) and select the menu of your choice:
Adjusting the Look and Feel of your Menus
If you're using a Thrive Theme, then you can modify the look and feel of your menu items by going to Appearance -> Customize.
You can then modify the look and feel of your menu items in the customizer:-