UCSF

Menus

This page describes for web editors in the School of Pharmacy how to create, change, and remove menu items in a website built by the Office of Planning and Communications.

On this page

Before you begin

  • Performing tasks for menu items currently cannot be done on touchscreen devices. Use a desktop or laptop computer instead.
  • Editors can add, change, or remove menu items only on pharm.ucsf.edu and only for multipage websites. To make menu item changes for other School of Pharmacy sites, contact us at Website Support.
  • Log in to pharm.ucsf.edu before proceeding with the steps below.

A multipage site has two kinds of menus

  • One menu is for pages in your site. Let’s call this the onsite menu.
  • Another menu is for pages outside your site. Let’s call this the offsite menu.
  • We make these two kinds of menus visually distinct to help visitors understand when selecting a link keeps them in your site or takes them out of your site.
  • Example: In the site you’re viewing now, the menu item called Website Support appears in the offsite menu, and all the other menu items appear in the onsite menu.
  • If your site does not yet show an offsite menu and you want to add it, let us know the URL you want to add at Website Support.

Create a menu item

  1. For an offsite menu item: Identify the URL needed to create the menu item then go to step 2.

    For an onsite menu item: Identify the path needed to create the menu item. The path is the system’s way of referring to a page.

    1. Visit the page to be added to the menu.

    2. Select the New Draft tab to create a new draft.

    3. In the location bar of your browser, the path is contained within the URL. For example, if the URL ends with /node/15021/edit, the path you seek is node/15021.

  2. Hover your cursor over the menu. A gear icon appears.

  3. Select the gear icon. A popup menu appears.

  4. Select Edit Menu from the popup menu. A list of menu links appears.

  5. Select + Add link near the top of the page.

  6. In the Menu link title field, specify the label for the menu item.

  7. In the Path field:

    1. For an offsite menu item: specify the URL.

    2. For an onsite menu item: specify the path we gathered earlier. Example: node/15021.

  8. Select the Save button. The new menu item appears at the end of the menu item list.

  9. If needed, change the menu item’s location in the menu.

  10. Return to your website to confirm the changes were made.

Change a menu item

  1. Hover your cursor over the menu. A gear icon appears.

  2. Select the gear icon. A popup menu appears.

  3. Select Edit Menu from the popup menu. A list of menu links appears.

  4. Select the Edit link on the row that contains the menu item you want to edit. A form appears, enabling you to make and save your changes.

  5. To change the menu item’s location in the menu, drag the gray cross that appears next to the menu item label. (If no gray crosses appear next to menu item labels, select Hide row weights at the right edge above the table heading to reveal them.)

    1. Drag the cross up and down to change the menu item’s order.

    2. Drag the cross left and right to change the menu item’s depth; indented menu items indicate subpages of a larger topic.

    3. The depth should match the URL structure you create for your site. Check the domain-specific paths section to confirm this, or get help from us at Website Support.

  6. Select the Save button.

  7. Return to your website to confirm the changes were made.

Remove a menu item temporarily

  • Hover your cursor over the menu. A gear icon appears.

  • Select the gear icon. A popup menu appears.

  • Select Edit Menu from the popup menu. A list of menu links appears.

  • Clear the checkbox in the Enabled column on the row that contains the menu item you want to temporarily remove.

  • Select Save. “(disabled)” now appears next to the menu item, and this indicates it has been temporarily removed.

  • Return to your website to confirm the changes were made.

Restore a menu item that has been temporarily removed

  • Repeat the steps for Remove a menu item temporarily but select the Enabled checkbox instead of clearing it.

  • “(disabled)” no longer appears next to the menu item, and this indicates it has been restored.

  • Return to your website to confirm the changes were made.

Remove a menu item permanently

  • Hover your cursor over the menu. A gear icon appears.

  • Select the gear icon. A popup menu appears.

  • Select Edit Menu from the popup menu. A list of menu links appears.

  • Select the Delete link on the row that contains the menu item you want to remove. A new page appears asking you to confirm the deletion.

  • Select the Confirm button. The menu item should no longer appear and has been permanently removed from the menu item list.

  • Return to your website to confirm the changes were made.