Websites & Design

Utah State University uses the content management system Omni CMS (formerly OU Campus) to give colleges, departments, and programs the ability to create web content catered to their organization while maintaining a cohesive look across the university. This site provides content managers resources for improving their website and support via additional training from the Web team. Submit a support ticket to receive one-on-one help with problems you may be facing.

Already know what you are looking for?

client-pages
IT Web
Documentation
News
BS4
examples
Add a news section or other content to your OU Campus website with content promoter. Learn how to use tags, add a CP feed to your homepage, and more.
Content Promoter | IT Web

Content Promoter

Add a news section or other content to your OU Campus website with content promoter. Learn how to use tags, add a CP feed to your homepage, and more.

BS4
recordings
client-pages
Training
IT Web
Want to learn more about Web Accessibility but couldn't attend one of our live workshops? Learn more and watch a recording of the April 16, 2019 workshop with Christopher Phillips.
IVC Recording of Website Accessibility Workshop 04-16-2019 | IT Web Team

IVC Recording of Website Accessibility Workshop 04-16-2019

Want to learn more about Web Accessibility but couldn't attend one of our live workshops? Learn more and watch a recording of the April 16, 2019 workshop with Christopher Phillips.

client-pages
BS4
IT Web
Keep your website relevant, up-to-date, and functioning great by completing an annual review. Check for various web accessibility issues, outdated content, and poor-quality images, then take action! The quality of your website depends on you.
Annual Website Audit | IT Web

Annual Website Audit

Keep your website relevant, up-to-date, and functioning great by completing an annual review. Check for various web accessibility issues, outdated content, and poor-quality images, then take action! The quality of your website depends on you.

HowTo
Admin Documentation
IT Web
BS4
client-pages
Learn how to work with the IT Web Team to access your OU Campus website analytics through Google Data Studio.
Google Analytics with Data Studio | IT Web Team

Google Analytics with Data Studio

Learn how to work with the IT Web Team to access your OU Campus website analytics through Google Data Studio.

client-pages
IT Web
BS4
Only someone with a valid USU ID number (A-number) can have access to edit an OU Campus website at USU. If you have a need for editors not affiliated with USU, here is what you need to know.
Access for Non-USU Staff Members to Edit OU Campus Websites | IT Web

Access for Non-USU Staff Members to Edit OU Campus Websites

Only someone with a valid USU ID number (A-number) can have access to edit an OU Campus website at USU. If you have a need for editors not affiliated with USU, here is what you need to know.

Documentation
IT Web
BS4
examples
client-pages
Learn how to get the embed widget code for a Box folder, including how to gain access to that code as a co-owner.
Box Embed Widget | IT Web

Box Embed Widget

Learn how to get the embed widget code for a Box folder, including how to gain access to that code as a co-owner.

examples
Documentation
BS4
client-pages
IT Web
Older content, no longer relevant on a website can be maintained using the USU Library Digital Commons service.
Digital Commons for Archive Web Content Storage | IT Web

Digital Commons for Archive Web Content Storage

Older content, no longer relevant on a website can be maintained using the USU Library Digital Commons service.

examples
Documentation
client-pages
IT Web
BS4
Learn more about what your college, department, or program can do with e-commerce.
E-commerce | IT Web

E-commerce

Learn more about what your college, department, or program can do with e-commerce.

IT Web
examples
Directory
Documentation
client-pages
BS4
Learn about your options for displaying a faculty and staff directory on your website. Setting up the directory is handled by the IT Web Team. Adding faculty and staff members is the responsibility of the content manager.
Faculty & Staff Directory

Faculty & Staff Directory

Learn about your options for displaying a faculty and staff directory on your website. Setting up the directory is handled by the IT Web Team. Adding faculty and staff members is the responsibility of the content manager.

BS4
examples
Documentation
client-pages
IT Web
USU Has a license to download stock images for our websites from Getty Images. You can learn more about how to access those images in this article.
Stock Images | IT Web

Stock Images

USU Has a license to download stock images for our websites from Getty Images. You can learn more about how to access those images in this article.

BS4
IT Web
client-pages
What is Web Accessibility, and why does it matter? Many accessibility evaluation tools are available to help you keep your website in check, if you know what issues to look for. Don't let your website be a hassle for visitors using screen readers!
Web Accessibility | IT Web

Web Accessibility

What is Web Accessibility, and why does it matter? Many accessibility evaluation tools are available to help you keep your website in check, if you know what issues to look for. Don't let your website be a hassle for visitors using screen readers!

BS4
IT Web
client-pages

Documentation
BS4
client-pages
examples
IT Web
Examples of alerts and text boxes and how to implement them on USU websites
Alerts | IT Web

Alerts

Examples of alerts and text boxes and how to implement them on USU websites

client-pages
IT Web
BS4
Google analytics reports for the Office of Research website and website sections.
Analytics Reports | Office of Research

Analytics Reports

Google analytics reports for the Office of Research website and website sections.

client-pages
IT Web
BS4
Make sure your USU website stays up-to-date and accessible for all website visitors each year.
Annual Website Audits

Annual Website Audits

Make sure your USU website stays up-to-date and accessible for all website visitors each year.

client-pages
BS4
IT Web
Learn how to create and edit forms, galleries and other assets in OU Campus.
Assets | IT Web

Assets

Learn how to create and edit forms, galleries and other assets in OU Campus.

examples
Documentation
BS4
IT Web
client-pages
Example of a blue hero banner with centered text
Banner Centered Text | IT Web

Banner Centered Text

Example of a blue hero banner with centered text

BS4
client-pages
IT Web
Sometimes it can be helpful to know just a little bit how your webpage is built so you can format it properly.
Basic HTML Formatting

Basic HTML Formatting

Sometimes it can be helpful to know just a little bit how your webpage is built so you can format it properly.

BS4
IT Web
client-pages
Learn how to start editing webpages in Omni CMS for your college or department
Become a Content Manager | IT Web

Become a Content Manager

Learn how to start editing webpages in Omni CMS for your college or department

IT Web
BS4
Documentation
examples
client-pages
Helpful hints on using Photoshop, choosing your image type, and preparing images suitable for use as header banners.
Best Practices for Banners & Images

Best Practices for Banners & Images

Helpful hints on using Photoshop, choosing your image type, and preparing images suitable for use as header banners.

BS4
IT Web
examples
client-pages
Documentation
Example of Blue Hero Banner with Subtitle and instructions for implementation
Blue Hero Banner with Subtitle | IT Web

Blue Hero Banner with Subtitle

Example of Blue Hero Banner with Subtitle and instructions for implementation

examples
BS4
client-pages
IT Web
Documentation
Example of a full width banner
Blue Hero Banner | IT Web

Blue Hero Banner

Example of a full width banner

Documentation
IT Web
client-pages
BS4
examples
Examples of button types and colors and how to implement them on USU websites
Buttons | IT Web

Buttons

Examples of button types and colors and how to implement them on USU websites

BS4
examples
Documentation
IT Web
client-pages
You can use a card component to display information with a picture and button in a clean and organized way.
Card Component | IT Web

Card Component

You can use a card component to display information with a picture and button in a clean and organized way.

examples
IT Web
client-pages
Documentation
BS4
Examples of Cards with Accent color options and how to implement them on USU websites
Card with Accent Color | IT Web

Card with Accent Color

Examples of Cards with Accent color options and how to implement them on USU websites

examples
BS4
client-pages
IT Web
Documentation
Examples of Cards with Accent color options and how to implement them on USU websites
Card with Accent Color | IT Web

Card with Accent Color

Examples of Cards with Accent color options and how to implement them on USU websites

BS4
client-pages
Documentation
IT Web
examples
Example of Centered Blue Hero Banner with Subtitle and instructions for implementation
Centered Blue Hero Banner with Subtitle | IT Web

Centered Blue Hero Banner with Subtitle

Example of Centered Blue Hero Banner with Subtitle and instructions for implementation

IT Web
Documentation
client-pages
BS4
examples
See examples of column layouts
Column Options | IT Web

Column Options

See examples of column layouts

Documentation
IT Web
examples
BS4
client-pages
See examples of column layouts
Column Options | IT Web

Column Options

See examples of column layouts

client-pages
BS4
IT Web
Learn how to use components at USU via OU Campus. We have over 15 components available for quick and beautiful webpages.
Components | IT Web

Components

Learn how to use components at USU via OU Campus. We have over 15 components available for quick and beautiful webpages.

examples
BS4
Documentation
client-pages
IT Web
This page describes and illustrates the contact block component.
Contact Block Component | IT Web

Contact Block Component

This page describes and illustrates the contact block component.

Documentation
examples
IT Web
client-pages
BS4
This page is for documentation about content block in columns component
Content Block in Columns | IT Web

Content Block in Columns

This page is for documentation about content block in columns component

client-pages
Directory
examples
BS4
Documentation
IT Web
This page explains the Content Promoter (CP) for directory pages. CP for Directory allows users to pull a feed of directory members, with various styling options available.
Content Promoter Feed for Directory

Content Promoter Feed for Directory

This page explains the Content Promoter (CP) for directory pages. CP for Directory allows users to pull a feed of directory members, with various styling options available.

BS4
client-pages
IT Web
A comprehensive list of dashboard gadgets available to all users and what they do.
Dashboard Gadgets | Information Technology

Dashboard Gadgets

A comprehensive list of dashboard gadgets available to all users and what they do.

IT Web
client-pages
BS4
Documentation
examples
Learn more about digital measures and what information can be put into your site from digital measures
Digital Measures Details | IT Web

Digital Measures Details

Learn more about digital measures and what information can be put into your site from digital measures

BS4
Documentation
client-pages
examples
IT Web
Learn how to integrate digital measures into your site to make it easier to display information about faculty.
Digital Measures Integration | IT Web

Digital Measures Integration

Learn how to integrate digital measures into your site to make it easier to display information about faculty.

client-pages
BS4
IT Web
Editing resources and guidelines to assist Office of Research editors.
Editor Resources

Editor Resources

Editing resources and guidelines to assist Office of Research editors.

examples
BS4
client-pages
IT Web
Documentation
This is an example to use to display assessment information on a webpage.
Example Assessment Page

Example Assessment Page

This is an example to use to display assessment information on a webpage.

BS4
IT Web
client-pages
Frequently asked questions about OU Campus, the content management system for USU websites.
FAQ | IT Web

FAQ

Frequently asked questions about OU Campus, the content management system for USU websites.

BS4
Documentation
client-pages
IT Web
examples
Learn about the fat footer and what content can be displayed there
Fat Footer | IT Web

Fat Footer

Learn about the fat footer and what content can be displayed there

Documentation
client-pages
IT Web
examples
BS4
It's recommended to use forms within their own space or section, free of surrounding content on either side. Make sure to choose short but accurate field/item titles to maximize readability.
Forms | IT Web

Forms

It's recommended to use forms within their own space or section, free of surrounding content on either side. Make sure to choose short but accurate field/item titles to maximize readability.

examples
Documentation
BS4
IT Web
client-pages
Learn about the header for the new USU template
Header | IT Web

Header

Learn about the header for the new USU template

client-pages
BS4
IT Web
Learn how to expire a page in OU campus and how you can schedule an expiration for a page.
How to Expire a Webpage

How to Expire a Webpage

Learn how to expire a page in OU campus and how you can schedule an expiration for a page.

Documentation
client-pages
BS4
examples
IT Web
You can add Font Awesome icons to your OU Campus web pages using the Font Awesome Icon Component.
Icon Component | IT Web

Icon Component

You can add Font Awesome icons to your OU Campus web pages using the Font Awesome Icon Component.

Documentation
BS4
examples
IT Web
client-pages
Example of image banner with overlay bar
Image Banner with Overlay Bar | IT Web

Image Banner with Overlay Bar

Example of image banner with overlay bar

examples
Documentation
IT Web
client-pages
BS4
Example of banner with image
Image Banner | IT Web

Image Banner

Example of banner with image

IT Web
client-pages
Documentation
client-docs
BS4
examples
See examples of image components and learn how you can add them to your site
Image Components | IT Web

Image Components

See examples of image components and learn how you can add them to your site

IT Web
client-pages
Documentation
examples
BS4
See an example of in-page navigation on a webpage
In Page Navigation | IT Web

In Page Navigation

See an example of in-page navigation on a webpage

BS4
examples
client-docs
IT Web
Documentation
client-pages
This page shows examples of the info block component
Info Block Component

Info Block Component

This page shows examples of the info block component

BS4
client-pages
IT Web
examples
Documentation
Inline alerts allow users to easily find important notices or information in a non-jarring yet meaningful way.
Inline Alerts

Inline Alerts

Inline alerts allow users to easily find important notices or information in a non-jarring yet meaningful way.

IT Web
client-pages
BS4
Gadgets are small but powerful programs in OU Campus that provide additional functionality to improve your experience using OU Campus.
Intro to Gadgets | Information Technology

Intro to Gadgets

Gadgets are small but powerful programs in OU Campus that provide additional functionality to improve your experience using OU Campus.

BS4
client-docs
IT Web
Documentation
client-pages
examples
This page shows documentation for the javascript insert component
JavaScript Insert Component

JavaScript Insert Component

This page shows documentation for the javascript insert component

Documentation
client-pages
examples
IT Web
BS4
See example of jumbotrons on a page and learn how to add it to your own page!
Jumbotron Component

Jumbotron Component

See example of jumbotrons on a page and learn how to add it to your own page!

IT Web
BS4
client-pages
News
Helpful keyboard shortcuts to make certain tasks easier while you edit OU Campus pages.
Keyboard Shortcuts

Keyboard Shortcuts

Helpful keyboard shortcuts to make certain tasks easier while you edit OU Campus pages.

client-pages
examples
Documentation
BS4
IT Web
See an example of a lightbox image gallery and how to implement it into your own page
Lightbox Image Gallery | IT Web

Lightbox Image Gallery

See an example of a lightbox image gallery and how to implement it into your own page

Documentation
IT Web
BS4
examples
client-pages
See an example of a lightbox video gallery and how to implement this gallery into your own page
Lightbox Video Gallery | IT Web

Lightbox Video Gallery

See an example of a lightbox video gallery and how to implement this gallery into your own page

Documentation
IT Web
client-pages
BS4
examples
See examples of lists and see how you can add them to your site
Lists | IT Web

Lists

See examples of lists and see how you can add them to your site

BS4
Documentation
examples
client-pages
IT Web
Example of narrow blue hero banner with subtitle
Narrow Banner with Subtitle | IT Web

Narrow Banner with Subtitle

Example of narrow blue hero banner with subtitle

examples
BS4
Documentation
IT Web
client-pages
Example of a narrow blue hero banner
Narrow Banner | IT Web

Narrow Banner

Example of a narrow blue hero banner

IT Web
BS4
Documentation
client-pages
examples
Examples of navigation card options and how to implement them on USU websites
Navigation Card | IT Web

Navigation Card

Examples of navigation card options and how to implement them on USU websites

BS4
Documentation
examples
client-pages
IT Web
An example of a news feed page with search bar
News Feed | IT Web

News Feed

An example of a news feed page with search bar

IT Web
client-pages
BS4
View the latest code changes and updates we've made to the OU Campus platform at USU
OU Campus Updates/Bug Fixes

OU Campus Updates/Bug Fixes

View the latest code changes and updates we've made to the OU Campus platform at USU

BS4
IT Web
client-pages
examples
Documentation
Offset Column
IT Web
BS4
client-docs
client-pages
examples
Documentation
This page is to document and show examples for the presenter profile component.
Presenter Profile Component | IT Web

Presenter Profile Component

This page is to document and show examples for the presenter profile component.

IT Web
client-pages
BS4
examples
Documentation
A potential program page for USU departments and colleges
Program Page Example

Program Page Example

A potential program page for USU departments and colleges

client-pages
BS4
IT Web
USU OU Campus webpages provide content editors with quality control messages as a reminder and support for including key pieces in USU webpages that improve search engine optimization, accessibility, usability and performance.
Quality Control Messages

Quality Control Messages

USU OU Campus webpages provide content editors with quality control messages as a reminder and support for including key pieces in USU webpages that improve search engine optimization, accessibility, usability and performance.

Documentation
BS4
client-pages
examples
IT Web
Learn how to add a blockquote component which includes an icon bar
Quote Blocks | IT Web

Quote Blocks

Learn how to add a blockquote component which includes an icon bar

IT Web
BS4
client-pages
Custom reports are CSV (excel) files that can be generated given some requirements. Due to the nature of OU Campus some reports generated by gadgets are only available via request.
Request a Custom Report | IT Web

Request a Custom Report

Custom reports are CSV (excel) files that can be generated given some requirements. Due to the nature of OU Campus some reports generated by gadgets are only available via request.

BS4
client-pages
IT Web
Documentation
examples
Learn how to add a responsive youtube video embed
Responsive Youtube Embed | IT Web

Responsive Youtube Embed

Learn how to add a responsive youtube video embed

examples
client-pages
BS4
Documentation
IT Web
An example of a short blue hero banner.
Short Blue Hero Banner | IT Web

Short Blue Hero Banner

An example of a short blue hero banner.

News
IT Web
BS4
client-pages
Learn more about using the helpful Showblocks tool on the OU Campus edit bar.
Showblocks

Showblocks

Learn more about using the helpful Showblocks tool on the OU Campus edit bar.

Documentation
BS4
examples
IT Web
client-pages
Learn about how to set your webpage to have side navigation.
Side Navigation | IT Web

Side Navigation

Learn about how to set your webpage to have side navigation.

BS4
client-pages
IT Web
A comprehensive list of sidebar gadgets available to all users and what they do.
Sidebar Gadgets | Information Technology

Sidebar Gadgets

A comprehensive list of sidebar gadgets available to all users and what they do.

examples
client-pages
Documentation
IT Web
BS4
An example of a sidebar with information on a page
Sidebar | IT Web

Sidebar

An example of a sidebar with information on a page

client-pages
IT Web
BS4
examples
Documentation
Learn what the main content field is and how to add content to the main content region.
Site Main Content | IT Web

Site Main Content

Learn what the main content field is and how to add content to the main content region.

IT Web
examples
BS4
client-pages
Documentation
Understand the structure of a USU site. Elements such as top navigation, content and footer.
Site Structure | IT Web

Site Structure

Understand the structure of a USU site. Elements such as top navigation, content and footer.

BS4
IT Web
client-pages
Snippets have been created to easily add page layouts and other content into your webpage. Learn how to add snippets into your page.
Snippets Documentation | IT Web

Snippets Documentation

Snippets have been created to easily add page layouts and other content into your webpage. Learn how to add snippets into your page.

BS4
IT Web
client-pages
Documentation
examples
Step Guide | IT Web
client-pages
IT Web
BS4
Documentation
examples
An example of the striped sectional homepage.
Striped Sectional Homepage | IT Web

Striped Sectional Homepage

An example of the striped sectional homepage.

BS4
IT Web
client-pages
Structured data, based on schema.org syntax, is available for news articles and directory pages.
Structured Data | IT Web

Structured Data

Structured data, based on schema.org syntax, is available for news articles and directory pages.

BS4
Documentation
client-pages
examples
Sortable Table
IT Web
See examples and learn how to create tables to display information on your page.
Tables | IT Web

Tables

See examples and learn how to create tables to display information on your page.

BS4
IT Web
client-pages
This page allows you to fill out a form to request an update to the current USU template.
Template Update Request | IT Web

Template Update Request

This page allows you to fill out a form to request an update to the current USU template.

BS4
IT Web
client-docs
client-pages
To help OU Campus content managers improve accessibility and their search engine optimization (SEO), tooltips and quality control check messages appear to remind about missing SEO and accessibility pieces.
Tooltips, Quality Control Check Messages | Web & Design

Tooltips, Quality Control Check Messages

To help OU Campus content managers improve accessibility and their search engine optimization (SEO), tooltips and quality control check messages appear to remind about missing SEO and accessibility pieces.

Documentation
IT Web
client-pages
BS4
examples
Learn what the top navigation is and how to edit it
Top Navigation | IT Web

Top Navigation

Learn what the top navigation is and how to edit it

Documentation
BS4
IT Web
examples
client-pages
Examples of embed options for the USU calendar and how to implement them on USU websites
USU Calendar | IT Web

USU Calendar

Examples of embed options for the USU calendar and how to implement them on USU websites

BS4
examples
IT Web
client-pages
Documentation
Example of a video banner
Video Banner | IT Web

Video Banner

Example of a video banner

Documentation
examples
BS4
client-pages
IT Web
This tutorial shows users how to properly create video captions and upload them to a YouTube video.
Video Captions | IT Web

Video Captions

This tutorial shows users how to properly create video captions and upload them to a YouTube video.

client-pages
IT Web
BS4
examples
Documentation
An example of a Youtube video banner
Youtube Video Banner | IT Web

Youtube Video Banner

An example of a Youtube video banner

client-docs
examples
IT Web
client-pages
Documentation
BS4
Learn how to insert an iFrame onto a web page.
iFrame Embed | IT Web

iFrame Embed

Learn how to insert an iFrame onto a web page.