Editing Menus

Owned by Rachel Klingler
Jul 29, 2019
4 min read

There is one primary menu on the IBE site that appears at the top of all pages. It can be edited via the Appearance > Menus option in the left side menu.

Add Items to a Menu

Add A Page to Your Menu

  1. With your menu open, in the accordion on the left side of the page, locate the pane titled Pages.
  2. Within this pane, select the View All tab to bring up a list of all the currently published Pages on your site.
  3. Select the Page(s) that you want to add by clicking the checkbox next to each Page's title. A page must be published to be available to be selected.
  4. 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.
  5. Click the Save Menu button once you've added all the menu items you want.

Your custom menu has now been saved.

Add a Link to an External Website to Your Menu

  1. Select the Links option in the accordion on the left side of the menu page.
  2. Specify the URL and Link Text (caption) you want to appear for the menu item. If you are linking to a site outside of wisconsin.edu, you must begin the URL with http://. Remember that linking to a different site from our website is an endorsement of the content of that website.
  3. Click the Add to Menu button located at the bottom of this pane to add the link to the menu.
  4. Click the Save Menu button once you've added all the links you want.

Add Other Types of Items to Your Menu

You can also add links to Events, Post Categories, Event Categories, Files, News Stories, Posts, Tags, and News Categorizes. Use the different accordion option to choose the type of content you want. If you don't see the accordion for the type of content you want, select the Screen Options tab at the top right of the screen (under the "Howdy...") and check the options you would like to see.

Deleting a Menu Item

  1. Locate the menu item that you want to remove in the menu editor window.
  2. Click on the arrow icon in the right side of the menu item/box to expand it.
  3. Click on the Remove link. The menu item/box will be immediately removed.
  4. Click the Save Menu button to save your changes.

Edit a Menu Item

Edit the display name of a menu item or update the URL of an external link by choosing the little grey triangle on the menu item you wish to edit.


 

Customizing Menu Items

The Navigation Label
This field specifies the title of the item on your custom menu. This is what your visitors will see when they visit your site/blog.

The Title Attribute
This field specifies the Alternative ('Alt') text for the menu item. This text will be displayed when a user's mouse hovers over a menu item.

  1. Click on the arrow in the top right-hand corner of the menu item to expand it.
  2. Enter the values for the Navigation Label and Title Attribute that you want to assign to the item.
  3. Click the Save Menu button to save your changes.

Ordering Your Menus and Creating A Multi-level Main Menu

The menu editor allows you to re-order the menu or 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.

Although you can build many levels on any menus, our site supports only a three-level menu.If you include more than three levels in your main menu or supplemental menu, the fourth and greater level menu items will appear on the same level as the third level items.

To make one menu item a subordinate of another, you need to position the 'child' underneath its 'parent' and then drag it slightly to the right.

  1. Position the mouse over the 'child' menu item.
  2. While holding the left mouse button, drag it to the right.
  3. Release the mouse button.
  4. Repeat these steps for each sub-menu item.
  5. Click the Save Menu button in the Menu Editor to save your changes.

Make a Menu Item Appear as a Button

The Contact Us item in the menu is designed to appear as a button. To do this, edit the CSS classes of the menu.

  1. To view the option to edit css classes, at the top of the menu editing page, choose display options and then check the box next to CSS Classes under Show advanced menu properties. 
  2. Then, edit the Contact Us menu item and add the CSS classes as shown below.

Create a New Menu

Create a new menu if you want to start from scratch. In general, you should just be able to edit the existing menu.

  1. From the Appearance menu on the left-hand side of the Dashboard, select the Menus option to bring up the Menu Editor.
  2. Select Create a new menu at the top of the page.
  3. Enter a name for your new menu in the Menu Name box.
  4. Click the Create Menu button.

Your new custom menu has now been defined.