Managing Navigation Menus


Adding a page to the Left Navigation menu

All pages must be added to the Left Navigation menu. Adding the page to this menu performs very important functions:

  • It enables the page to appear in the navigation in the left column of website pages
  • It builds the unique web address (URL) for the page that indicates the position of the page within the website; this is very important for search engine optimization to ensure that the page and its content are indexed accurately by search engines such as Google and Bing
  • It enables pages within the academic departments to include the Department-specific header applied to them; this is the header that runs across the top of the page which includes the department name and the department-specific navigation links

Step 1. Open the page you wish to add to the navigation for editing, scroll to the bottom, and click on the Menu Settings link.

menu-settings-link.png

Step 2. Check the “Provide a menu link” checkbox.

provide-menu-link-checkbox.png

Step 3. Revise the content of the Menu link title field if needed. By default, the content of this field is pulled from the page’s Title field. Remember: shorter navigation links are easier for users to scan when using the navigation.

menu-llink-title.png

Step 4. Select the parent page for the menu link. This will be the main page of the section of the site in whose navigation you want your page to appear. In most cases, this will be the main page of a department or office or the main page of a section within a department or office.

IMPORTANT: Make sure that the page you select as the parent is under <Left Navigation> and not <Main Menu>. Do not select a page under <Main Menu>. If you , do will add the page to the header menu for the site and create navigation and presentation problems throughout the site.

For academic departments, the selected parent page must be a page under the department in the <Left Navigation> menu.

department-left-navigation-menu.png

 

For areas other than academic departments, the selected parent page must be under the <Left Navigation> menu.

office-left-navigation-menu.png

 

Step 5. Adding the page to the left column navigation is considered to be a content change to the page. Therefore, the Save button at the bottom of the page needs to be clicked to save the navigation menu assignment.

save-button.png

Changing the order of links in the Left Navigation menu

The links are administered in the Structure area of the CMS.

Step 1. In the CMS navigation bar, click the Structure link.

structure-cms-navigation-link.png

Step 2. Click on the Menus link. Note that, depending upon your role and permissions within the CMS, you may not see as many options on the Structure page as are shown in this screenshot.

menus-link-in-structure-options.png

Step 3. Click the list links link in the Left Navigation line item.

list-links.png

Step 4. The ordering of the navigation links is changed by dragging them to new positions in the list. To drag a navigation link to a new position, left-click and hold the four-pointed arrow icon to the left of the navigation link’s content fields and then drag up or down. When the link is in the desired position in the list, release the mouse button and the navigation link will “pop” into the new position.

The top-to-bottom ordering in the list translates directly to the top-to-bottom ordering of the navigation links in the left column navigation on the page.

IMPORTANT: Do not drag the link to the left or to the right. This will change the location of the link within the page hierarchy and will cause problems with the navigation throughout the website.

navigation-link-moved.png

Step 5. Click the Save Configuration button at the bottom of the screen to save and apply the changes.

save-configuration-button.png

IMPORTANT: After moving a page, always click the Save Configuration button before performing any other action in the CMS. If you don’t click the Save Configuration button, the move will not be saved. Your changes will be visible on the website immediately if you access it while logged in. Otherwise, the changes may not be visible for up to 6 hours (which is the caching cycle for the public website).

message-that-menu-link-position-change-needs-to-be-saved.png

Managing the Department Menu

The Department Menu includes links to the main (first) level of the Department’s site are displayed in a vertical gray bar that runs along the top of all pages within the Department’s site. When a site visitor places the mouse cursor over a link, the links to the second level of the Department’s site are displayed in a vertical list that appears directly below the first level link.

screenshot-of-department-menu.png

Accessing the Department Menu

The Department menu navigation links are administered in the Structure area of the CMS.

Step 1. In the CMS navigation bar, click the Structure link.

structure-cms-navigation-link.png

Step 2. Click on the Menus link. Note that, depending upon your role and permissions within the CMS, you may not see as many options on the Structure page as are shown in this screenshot.

menus-link-in-structure-options.png

Step 3. Locate the menu for the Department you wish to edit. The menu will include the department name. Click the list links link in the line item for the department menu.

list-links.png

Adding a link to the department menu navigation

Step 1. Click Add link above the links list. This opens the Add Link screen.

link-to-add-item-to-menu.png

Step 2. Enter the text for the link into the Menu link title field.

menu-link-title-field.png

Step 3. Enter the path to the page in the Path field.

menu-link-path-field.png

What you will enter into this field is the path to the page. You obtain this from the page’s URL in a browser. For example, to create a link to this page:

https://engineering.virginia.edu/computer-science/apply/sample-content-page

you would copy and paste the portion of the URL after the first “/” character, which is:

computer-science/apply/sample-content-page

Step 4. Click the Save button at the bottom of the screen.

save-button.png

The link is added to the Department menu. The next step is to move the link to the desired position within the navigation menu.

new-link-added-to-menu.png

Step 5. The ordering and location of the navigation links in the menu is changed by dragging them to new positions in the list. To drag the navigation link to a new position, left-click and hold the four-pointed arrow icon to the left of the navigation link’s content fields and then drag.

You’ll need to drag the link to the right so that it is under the appropriate first level page. When the link is in the desired position in the list, release the mouse button and the navigation link will “pop” into the new position.

In the example below, the new page, Page 4 in the Apply section, has been moved under the Apply page.

new-menu-link-position-updated.png

When the link is in the desired position in the list, release the mouse button and the navigation link will “pop” into the new position.

Remember, the top-to-bottom ordering for the second level navigation links in the list translates directly to the top-to-bottom ordering of the second level navigation links. Therefore, where you place the link in the list is will be exactly the position in which it displays on the website.

IMPORTANT: Do not drag the link too far the right. This will place the location of the link too far down within the page hierarchy and the navigation link won’t be visible in the department menu.

Step 6. Click the Save Configuration button at the bottom of the screen to save and apply the changes.

save-configuration-button.png

IMPORTANT: After moving a page, always click the Save Configuration button before performing any other action in the CMS. If you don’t click the Save Configuration button, the move will not be saved. Your changes will be visible on the website immediately if you access it while logged in. Otherwise, the changes may not be visible for up to 6 hours (which is the caching cycle for the public website).

The CMS will remind you of this, as it displays this message indicating that all changes to the navigation, including moving a link to a new position, must be saved.

message-that-menu-link-position-change-needs-to-be-saved.png