COVID-19 Info : Mask Up, Vax Up, Get Tested, Self-Report

Using Omni CMS

OU Campus has updated their name to Omni CMS. The below training materials are still correct, just with the old name and color scheme.

Omni CMS, previously named OU Campus, is the Content Management System used by UHCL's public website. Omni contains templates that offer flexibility within UHCL branding and best practices for the web.

Departments and offices with frequent web updates typically assign a web editor. All web editors must attend a WebComm training before receiving access to edit their web pages. To continue as a web editor, you will also attend one WebComm training per year to keep up with new web practices and resources.

Web editors who need frequent access to specialized tools such as image galleries, ask us about advanced training.

We have provided some screenshots and videos to help with navigating UHCL's Omni web environment. Please note that different tools are available to users at different levels. If you need to use a tool not available to you, submit a work request for assistance.

Need help with your UHCL web page?

Submit a MarComm Work Request

Getting Started

Logging In

Log in at the main UHCL Omni/OU Campus login page to go directly to your dashboard. Omni uses the same UHCL system login credentials as your computer, email, and other UHCL services. Never share your Omni login with another user.

To log in directly on a specific page, you can log in through the © symbol at the bottom of that page. If you attempt to log in via a page you don't have editing access for, you will receive an error message.

Finding Pages

Omni offers multiple ways to navigate and find pages within the system. Learn more from the Omni/OU Campus page on Interfaces.

Editing Pages

Read more about the tools for editing pages from the Omni/OU Campus page on Editing Pages. Some tools visible in the videos and screenshots, such as "Source Code" and "Parameters," may not be available to you as a web editor.

Web editors can only make changes to the "editable regions" of any given page. Any areas of the page that are not editable by you are maintained by WebComm.

OU Campus Editor, with editable regions indicated by red arrows.
Checking Pages Out and In

When you edit a page, the page becomes "checked out" to you. A yellow lightbulb icon indicates when a page is checked out to you.

It is important to save and "check in" any pages you are not actively working on so others can edit the page as needed. Check in a page by clicking the yellow lightbulb, turning it white. You can also check pages in from your dashboard.

Learn more about page status from the Omni/OU Campus page on Pages and Files.

Omni Tools

Omni/OU Campus WYSIWYG Editor

Your toolbar may look slightly different from the below video. Different tools are available based on your user level and whether you have attended advanced training for some of the specialized tools.

Editing with the WYSIWYG Editor from OU Campus Training on Vimeo.

Snippets

Snippets provide a container to fill information in, and most of the special layout elements you see on our pages are made using snippets.

UHCL snippets include expandable accordions (or drop-down menus), tabs, split columns, block lists, tables, and others.

Introduction to Snippets from OU Campus Training on Vimeo.

Assets

Assets are elements that place identical content across multiple pages.

Any time an asset is updated, those changes are automatically updated on all the pages where that asset appears.

For this reason, we typically use assets for information that needs to be widely available and easily updated. Examples include contact information and office hours, university deadlines, campus maps, and other information.

All assets are created and maintained by web coordinators, with the exception of some forms and image galleries.

To learn more about how assets work, and how to place them on a page, visit the OU Campus page on Assets.

Content

Web Style Guide
For more details on the look and feel of the UHCL website, our Web Style Guide Overview explores the strategy, structure, and elements.
Headings

The OU Campus toolbar with the "Paragraph" dropdown menu circled in green.

Use headings to help organize the content on your page. Headings are located under the "Paragraph" drop-down menu on the WYSIWYG toolbar.

Heading 1 is reserved for page titles, which are set when pages are created. Typically, you should use Heading 2, Heading 3, or Heading 4.

Headings have an important function for accessibility. Headings should be used in numerical order and with logical nesting, just like the headings on an outline. Pick the right heading for the job based on its number, not based on visual appearance.

For more information and examples, visit our page on Accessible Web Content.

Text

When placing text, paste it without formatting. Then, add formatting such as bold, italics, bulleted lists, or numbered lists using the formatting tools in the WYSIWYG editor.

Pasting in pre-formatted text can cause errors in the code that may not be immediately obvious, but they can impact accessibility.

Links

OU Campus toolbar with add/edit link tool circled in green.

The link tool allows you to add links to another UHCL web page or to an outside URL. With this tool, you can also set the "Text to display" and whether the link will open in the same window or a new one.

When linking to a UHCL page with a uhcl.edu address, always used the "Source" button to the right of the URL field. Type or paste a direct URL for links to outside pages only.

The OU Campus insert/edit link editor with the "Source" icon circled in green.

 

You can also use the "Class" dropdown menu to change the link's appearance to a button.

Displayed link text should always be clear and understandable, even when read out of context. Avoid generic language alone, such as "Learn More" or "Click Here." Also, avoid using the URL as the displayed link text. These guidelines help improve both accessibility and search engine optimization on your pages.

For more information and examples, visit our page on Accessible Web Content.

Accordions

Accordions are snippets, and you can find them under the "Snippet" button in the WYSIWYG editor (shaped like a puzzle piece).

Accordions can be expanded with additional rows. The "Expand Title" rows should have text only. You can place additional text, images, tables, and other elements inside the "Content Area" rows of the accordion.

Columns

Sample Split Columns:

  • Column data
  • Column data
  • Column data
  • Column data
  1. Column data
  2. Column data
  3. Column data
  4. Column data

The "Split Column" snippet can be placed via the "Snippet" button in the WYSIWYG editor (shaped like a puzzle piece).

It will create two columns of equal width on the page. On small screens, such as phones, the page will display the left column first, then the right column underneath.

Tables
Sample Table
Column title Column title 2 Column title 3 Column title 4
1 Column title Lorem ipsum dolor sit amet, consectetur adipisicing elit. 1 Column title Lorem ipsum dolor sit amet, consectetur adipisicing elit.
4 Column title Lorem ipsum dolor sit amet, consectetur adipisicing elit. 1 Column title Lorem ipsum dolor sit amet, consectetur adipisicing elit.
13 Column title Lorem ipsum dolor sit amet, consectetur adipisicing elit. 1 Column title Lorem ipsum dolor sit amet, consectetur adipisicing elit.
4 Column title Lorem ipsum dolor sit amet, consectetur adipisicing elit. 1 Column title Lorem ipsum dolor sit amet, consectetur adipisicing elit.

The "Pre-Styled Table" snippet can be placed using the "Snippet" button in the WYSIWYG editor (shaped like a puzzle piece).

This snippet creates a four-column table, and you can adjust the number of columns and rows.

The "Pre-Styled Table" snippet should only be used for data tables, which can include schedules, logs, fee structures, and other organized information. This snippet should not be used for layout or to create a certain "look" to your page.

Every table needs a heading or caption that clearly indicates what the table is about. Tables also require a header column, header row, or both. Each cell should contain only one piece of data.

For additional information on creating accessible tables, visit our Accessible Web Content page.

Other Snippets

Other snippets include large images, blockquotes and others. Not all snippets are available to all web editors.

If you don't have access to a snippet you need, submit a MarComm Work Request Form for assistance from a web coordinator.

Images and Files

Uploading Images and Files

Check out our web style guide on photography for details on how to prepare images for the website.

In UHCL's web environment, we recommend storing images in an "image" folder in your section, and other types of files in a "document" folder in your section. For assistance creating the appropriate folders, contact your web coordinator.

Before uploading a file such as a PDF, Word document, or presentation slide deck, check it for accessibility to ensure all website users can access the information. Our Accessible Web Content page has resources on checking files for accessibility.

The UHCL website is not an archive. All files on the website should be necessary, useful, and current for the UHCL community. Please keep this in mind when uploading new files.

Uploading Files from OU Campus Training on Vimeo.

Placing Images

OU Campus toolbar with the add/edit image tool circled in green.

To place an image, use the "Insert/Edit Image" tool in the WYSIWYG editor.

All images must include a brief description in the "Alternative Description" field before they can be placed on the page.

Avoid using images with text in them. However, if text in the image cannot be avoided, be sure all visible text is included in the "Alternative Description." These are important practices for accessibility.

The OU Campus insert/edit image editor.

Placing Files

With files, typically you will create a link to the file so users can download it. Use the "Insert/Edit Link" tool in the WYSIWYG editor to link to your file. Click the "Source" button to the right of the URL field to locate your uploaded file.

OU Campus new/edit link tool, with the source icon circled in green.

As with all links, the text should clearly communicate where it links and make sense out of context.

For more information on accessible images and links, visit our page on Accessible Web Content.

Replacing Files

For documents that need to be updated periodically, such as policies, reports, degree plans, or schedules, replacing the file is often more efficient than placing a new one.

To overwrite a document, upload the new file to the same location, use the same file name and extension, and check the "Overwrite Existing" box. This will replace the file on all pages where it has been placed, so be sure the file should be updated everywhere.

Not all web editors have access to overwrite existing files. For assistance, submit a MarComm Work Request Form with clear instructions on the file replacement.

The UHCL website is not an archive. All files on the website should be necessary, useful, and current for the UHCL community. Overwriting or removing outdated files helps the website better serve our students, faculty, and staff.

Building Image Galleries

Before gaining access to image galleries, you must complete an image gallery training with WebComm. This is separate from the basic web editor training and is only recommended for web sections that need image galleries created or edited frequently.

If your web section only occasionally needs image galleries added or edited, submit a work request.

For complete instructions, read the OU Campus page on Image Gallery Assets.

Forms

Creating Forms

We recommend using Microsoft Forms, which is available campuswide through Office 365. Browse our form tips, or visit the Office of Information Technology's Microsoft Forms page for more information on Microsoft Forms.

Qualtrics is also available university-wide, or your office may have access to other university-approved form systems.

Sharing Forms

Most form tools, including Microsoft Forms, offer multiple ways to share you form.

Web editors can create a direct link to a form. If you need help linking to a form from the UHCL website, please submit a MarComm work request.

At this time, the UHCL web team is not embedding forms on UHCL pages.

Publishing

Page Checks

Before submitting a page to publish, use the OU Campus Page Check to evaluate spelling, links, and accessibility. The Page Check is located under the "More Actions" menu. This menu appears as three dots to the right of the "Submit" button above the WYSIWYG editor.

Make any corrections you can to help the approval process go more quickly.

If you find an error that you need help correcting, contact your web coordinator or include a note with your submission.

Introduction to Page Check from OU Campus Training on Vimeo.

Workflow and Approval

A web coordinator reviews all pages before publication, and some web sections have additional approvers.

To submit a page for publication:

  1. Green Submit ButtonClick the green "Submit" button in the upper right corner of the page. If you have uploaded and placed new images or files on the page, OU Campus will submit them for approval together.
  2. Add a brief note listing your updates in the "Message" field.
  3. Click the "Submit" button after your message.
  4. Your designated approver(s) will review the page for accessibility errors, spelling errors, broken links, and best web practices.
  5. You will receive an email from Omni when the approver has made a decision on your page. Check your spam filter or junk folder if it does not arrive.

Once you submit a page, that file is "checked out" to your approver. You cannot make further edits until they approve or decline your submission.

If you realize you need additional changes before the page publishes, work with your approver to determine the best way to address the issue.

 

Contact