Weston Theme Documentation
Creating a New Menu
In your WordPress dashboard, click on Appearance->Menus. At the top of the page, click the create a new menu link.
Adding Items to a Menu
You can add different link types into your menu, these are split between panes left of the menu you’re currently editing.
- Locate the pane entitled Pages.
- Within this pane, select the View All link to bring up a list of all the currently published Pages on your site.
- Select the Pages that you want to add by clicking the checkbox next to each Page’s title.
- Click the Add to Menu button located at the bottom of this pane to add your selection(s) to the menu that you created in the previous step.
- Click the Save Menu button once you’ve added all the menu items you want.
Your custom menu has now been saved.
Note: The Screen Options tab in the upper right allows you to add additional item types to menus.
The WordPress menu editor allows you to create multi-level menus using a simple ‘drag and drop’ interface. Drag menu items up or down to change their order of appearance in the menu. Drag menu items left or right in order to create sub-levels within your menu.
Weston gives you the ability to have mega menus. A mega menu is a drop down menu with more than one column. To set a menu item as a mega menu, expand that menu item, and check the Mega Menu checkbox. Here you can also set the mega menu width, alignment and add an icon to the menu item.
Any children of the Mega Menu item will act as column headings. And children of the column headings will appear in those columns.
Adding Your Menu to Your Site
Weston has four menu Theme Locations that you can assign a menu to.
- Scroll to the bottom of the menu editor window.
- In the section titled Theme locations, click the check box for the location where you want your menu to appear.
- Click Save menu once you’ve made your selection.
Adding a Button to the Menu
In your menu editor, click on the Screen Options tab in the upper right and make sure that CSS Classes is checked.
Then expand the menu item that you want to be a button, and enter menu-button in the CSS Classes field. Then save your menu.