CMS Overview and Basic Functions


CMS Web Address (URL)

Website CMS:
https://engineering.virginia.edu/netbadge/

Use this web address (URL) to access the CMS. This page will prompt you to enter your UVA NetBadge credentials. Enter them and then click the Log In button.

Required Field

Fields that that are required (i.e. content must be entered into them) are marked with a red asterisk.

required-field.png

If a required field is not filled in, the CMS flags this when the “Save” button is clicked. Error messaging is displayed at the top of the screen and the required field is outlined in red.

required-field-errors.png

Text Entry Field Character Limit

Unless otherwise specified, the maximum character limit for text fields is set to 255 characters. This maximum includes the spaces between words (counts as one character) and all punctuation (each punctuation mark counts as one character).

Cancelling Content Changes

If you want to discard a content change (such as accidentally removing an article image) before clicking the “Save” button to save it, leave the page you are currently editing. An easy way to leave the page is to click on the “Content” link in the CMS navigation bar at the top of the screen. The CMS will display a dialog asking you to confirm that you want to leave the page. Click the “Leave Page” button in this dialog. This will close the page and discard all of your unsaved changes, which is what you want to do.

Finding content to edit and opening the content for editing

After logging in to the CMS, there are several ways to locate the content you wish to edit and to open it for editing.

Using the Content List

Click on the Content link in the CMS navigation bar at the top of the page.

content-link.png

This will load a list of all of the content (pages, articles, callouts, etc.) in the CMS. Use the filtering form above the list to find a specific content item. You can use any combination of filters to locate content. This is the method you want to use to edit the content of specific callouts.

content-search-and-filtering-options.png

  1. Title – This field filters the list to content items that contain the word(s) in their Title field.
  2. Type – This field filters the list to content items of a specific type.
  3. Author – This field filters the list to content items created by a specific user (enter a username into this field).
  4. Published – This field filters the list to content items that have been published (the Yes option) or not published (the No option).
  5. Departments – This field filters the list to content items that have been “tagged” for a specific department. Use this filter to find Article pages, as all Article pages are tagged for specific departments.
  6. Apply – This button applies the filtering selections.
  7. Reset – This button clears the filtering options and returns the list to show all content items in the CMS.

Opening a Content Item for editing

After filtering the content list, click on the Edit link in the line item of the content item you wish to edit. This will open the item directly in editing mode.

open-content-item-for-editing.png

After you have logged in to the CMS, if you navigate through the UVA Engineering website, the CMS will include a menu within the content of the page. Click the Edit link in this menu to open the page into editing mode. Use this method when you wish to edit the content of a page.

edit-tab-on-page.png

IMPORTANT: This menu is not located in the same place for all content types. As a result, you may need to scroll down the page to locate it. In addition, for content types that are not pages (such as Accordions, Impact News Stories, Contact Information Callouts, etc.) you will need to click on the Content link in the CMS menu bar to locate them and open them for editing.

Previewing and Saving Content Changes

After making content changes, use the buttons at the bottom of the screen to preview and save the changes.

Preview – This button will open the content item you are editing in a scrollable area at the top of the screen. Your changes will be reflected so that you can review them. Note that the changes have not been permanently saved at this point. You will need to click the Save button at the bottom of the screen to save the changes.

previewing-content-changes.png

Save – This button permanently saves the content changes you made. After this button is clicked, the CMS will exit editing mode.

Meta Description Tag Content

Providing content for the Meta Description tag for site pages is very important for search engine optimization (SEO). The Meta Description tag is used to provide a brief synopsis of the content of page. The synopsis should use keywords that you would want a search on Google, Bing, etc.  to return the page in the search results. This field should be filled in for all website pages. It is not used for callouts or impact articles.

The content for the Meta Description tag is entered into the Summary field. The Summary field is accessed by the Edit Summary link directly above the content editor for the Body area of the page.

summary-area-for-page-meta-tag.png

Enter the content into the editor as a single paragraph of text and don’t apply styles (bold, italics, etc.) to the text or create links. All styling is removed from the content when it is placed in the <meta> Description tag.

summary-content-editor.png

The content that is entered into this field is not visible on the website page. The content is placed into the <meta> Description tag in the source code of the page. An example tag is shown below.

<meta name="description" content="This is the summary content for the page. This content populates the Meta Description tag, which is displayed by search engines in their results pages." />

Search engines are able to read this content and it is used to describe the page. It appears directly below the link to the page in the search results list.

meta-description-used-in-search-results.png

Accessing the File Browser

You can access the File Browser at any time after logging in by clicking on your username at the top right of the screen.

user-link-to-access-file-manager.png

This will return you to the “User” screen and you can click on the File Browser tab link to open the File Browser.

file-browser-tab.png