Websites & Design
Utah State University uses the content management system 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.
Changes are Coming to OU Campus!
Starting January 13, 2021, the user interface for editing OU Campus websites will get a face-lift. Learn more by watching the short intro video. Please note that this change does not impact website visitors, just the layout of the user dashboard, file list view, and page view for editors.
Get Started
Employees assigned to website maintenance can become a content manager to help keep their organization's website up to date.
Edit Website Content
After becoming a content manager, explore resources for adding page content or changing page layouts for a new or existing site.
Additional Training
Opportunities for additional training are listed below. Select a training to find out more information.
Already know what you are looking for?
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.
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.
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.
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.
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.
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.
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.
E-commerce
Learn more about what your college, department, or program can do with e-commerce.
Facebook Integration
You can integrate your Facebook posts and feed into your OU Campus website.
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.
Instagram Embed Post
You can embed an Instagram post on your OU Campus webpage.
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.
Twitter Integration
See examples of twitter embeds and learn how to add them to your site
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!
2020 USU Web Conference
Plan now to join the USU web community as we look at how to find clarity, focus and 2020 vision to serve our website audiences with the content they need! If you are a website administrator, content creator, webpage updater, or just interested in what yo
Accordions
This layout shows accordions used in the recommended size variations. Accordions that are any larger, or smaller, will hinder effective communication. To include accordions on your webpages, use snippets.
Alerts
Examples of alerts and text boxes and how to implement them on USU websites
Annual Website Audits
Make sure your USU website stays up-to-date and accessible for all website visitors each year.
Assets
Learn how to create and edit forms, galleries and other assets in OU Campus.
Banner Centered Text
Example of a blue hero banner with centered text
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.
Become a Content Manager
Learn how to start editing webpages in OU Campus for your college or department
Best Practices for Banners & Images
Helpful hints on using Photoshop, choosing your image type, and preparing images suitable for use as header banners.
Blue Hero Banner with Subtitle
Example of Blue Hero Banner with Subtitle and instructions for implementation
Blue Hero Banner
Example of a full width banner
Bootstrap Carousel
See an example of a bootstrap carousel and how it can be added to your own site
Buttons
Examples of button types and colors and how to implement them on USU websites
Card Component
You can use a card component to display information with a picture and button in a clean and organized way.
Card with Accent Color
Examples of Cards with Accent color options and how to implement them on USU websites
Carousel Banner
Example of a hero banner with a carousel of rotating images with optional title and description.
Centered Blue Hero Banner with Subtitle
Example of Centered Blue Hero Banner with Subtitle and instructions for implementation
Column Options
See examples of column layouts
Column Options
See examples of column layouts
Components
Learn how to use components at USU via OU Campus. We have over 15 components available for quick and beautiful webpages.
Contact Block Component
This page describes and illustrates the contact block component.
Content Block in Columns
This page is for documentation about content block in columns component
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.
Dashboard Gadgets
A comprehensive list of dashboard gadgets available to all users and what they do.
Digital Measures Details
Learn more about digital measures and what information can be put into your site from digital measures
Digital Measures Integration
Learn how to integrate digital measures into your site to make it easier to display information about faculty.
Example Assessment Page
This is an example to use to display assessment information on a webpage.
FAQ
Frequently asked questions about OU Campus, the content management system for USU websites.
Fat Footer
Learn about the fat footer and what content can be displayed there
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.
Header
Learn about the header for the new USU template
How to Expire a Webpage
Learn how to expire a page in OU campus and how you can schedule an expiration for a page.
Icon Component
You can add Font Awesome icons to your OU Campus web pages using the Font Awesome Icon Component.
Image Banner with Overlay Bar
Example of image banner with overlay bar
Image Banner
Example of banner with image
Image Components
See examples of image components and learn how you can add them to your site
In Page Navigation
See an example of in-page navigation on a webpage
Info Block Component
This page shows examples of the info block component
Intro to Gadgets
Gadgets are small but powerful programs in OU Campus that provide additional functionality to improve your experience using OU Campus.
JavaScript Insert Component
This page shows documentation for the javascript insert component
Jumbotron Component
See example of jumbotrons on a page and learn how to add it to your own page!
Keyboard Shortcuts
Helpful keyboard shortcuts to make certain tasks easier while you edit OU Campus pages.
Lightbox Image Gallery
See an example of a lightbox image gallery and how to implement it into your own page
Lightbox Video Gallery
See an example of a lightbox video gallery and how to implement this gallery into your own page
Lists
See examples of lists and see how you can add them to your site
Narrow Banner with Subtitle
Example of narrow blue hero banner with subtitle
Narrow Banner
Example of a narrow blue hero banner
Navigation Card
Examples of navigation card options and how to implement them on USU websites
News Feed
An example of a news feed page with search bar
OU Campus Updates/Bug Fixes
View the latest code changes and updates we've made to the OU Campus platform at USU
Presenter Profile Component
This page is to document and show examples for the presenter profile component.
Program Page Example
A potential program page for USU departments and colleges
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.
Quote Blocks
Learn how to add a blockquote component which includes an icon bar
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.
Responsive Youtube Embed
Learn how to add a responsive youtube video embed
Rotating Quote Gallery
See an example of rotating quote gallery and learn how to implement this gallery into your own page
Short Blue Hero Banner
An example of a short blue hero banner.
Showblocks
Learn more about using the helpful Showblocks tool on the OU Campus edit bar.
Side Navigation
Learn about how to set your webpage to have side navigation.
Sidebar Gadgets
A comprehensive list of sidebar gadgets available to all users and what they do.
Sidebar
An example of a sidebar with information on a page
Site Main Content
Learn what the main content field is and how to add content to the main content region.
Site Structure
Understand the structure of a USU site. Elements such as top navigation, content and footer.
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.
Striped Sectional Homepage
An example of the striped sectional homepage.
Structured Data
Structured data, based on schema.org syntax, is available for news articles and directory pages.
Tables
See examples and learn how to create tables to display information on your page.
Tabs
See examples and learn to add tabs to your page.
Template Update Request
This page allows you to fill out a form to request an update to the current USU template.
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.
Top Navigation
Learn what the top navigation is and how to edit it
USU Calendar
Examples of embed options for the USU calendar and how to implement them on USU websites
Video Banner
Example of a video banner
Video Captions
This tutorial shows users how to properly create video captions and upload them to a YouTube video.
Youtube Video Banner
An example of a Youtube video banner
iFrame Embed
Learn how to insert an iFrame onto a web page.