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 unviersity. 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.
Getting 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?
Web & Design
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.
Content Promoter for News
Add a news section to your OU Campus website with CP for News. Learn how to use tags, add a news feed to your homepage, and more.
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.
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.
Google Calendar
Learn how to work with the IT Web Team to add a Google calendar to your OU Campus website.
Multi-Page Publish Content Promoter Pages Gadget
You can publish your CP News and other CP articles using the CP Multipublish Gadget to save time and ensure that your new and CP pages not only get published, but also publish the other pages on which they are pulled (i.e. news or CP index pages, other pa...
Sticky Navigation
Sticky navigation, or having your top navigation remain visible and usable to website visitors even after scrolling past your top navigation bar, is now available for USU websites in OU Campus.
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.
Third-Party Application Integration with OU Campus
If you need to integrate a third-party application into an OU Campus website, please contact the IT Web Team.
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!
Analytics Resources
Need to know more about Analytics tools available to evaluate your USU OU Campus website? This is your starting point.
Accordion and Tab Components
This page has examples of accordion and tab components
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.
Annual Website Audits
Make sure your USU website stays up-to-date and accessible for all website visitors each year.
Button Component
Examples and description of the button component.
Buttons
Standard buttons expand to the full width of their respective columns, forcing the button to be placed either above or below surrounding content. Button widths can be adjusted with custom styling.
CP Directory Feed Component
This page is to show examples of the CP Directory Feed Component
CP News Feed Component
This page gives an example of adding a CP News Feed onto a page.
Column Layout Options - Text Examples With Dividers
1, 2, 3 and 4 column layouts displaying text layouts with divider lines.
Column Layout Options - Text Examples
1, 2, 3 and 4 column layouts displaying text 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 Component
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 Integration with Faculty & Staff Directory
Learn more about how USU integrates Digital Measures with faculty and staff directories.
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.
Four Column - List
This layout is ideal for displaying several large lists of articles or links. The top banner allows for branding and related graphics; while the four-column layout provides divided sections of content that can be mutually exclusive.
Four Column - Standard
A four-column layout is ideal for heavy amounts of lists, links, and articles being displayed all at once. This layout provides an introductory section over four columns of content.
Full Calendar Listing with Filtering Options
Live demonstration of the USU calendar with filtering options.
Homepage - Basic Full
Full-width, short-image gallery, centered feature text, and two columns of text.
Homepage - Informational Landing Page
This Homepage layout is great for quick information like the kind you would put on a landing page.
Homepage - Tiered Spotlight
Full-width, tall-image gallery above tiered image tile sections.
Homepage - Tiled Full
Full-width short-image gallery with tiled image section below.
Homepage - Tiles Info
Full-width, short-image gallery, tiled image section, and right-hand information bar.
Icon Component
You can add select Font Awesome icons to your OU Campus web pages using the Font Awesome Icon Component.
Image & Video Galleries Implementation
Learn more about selecting your image or video gallery type.
Image & Video Galleries
Whether you only have a handful, or a lot of images or videos you would like to show, we offer a number of interactive gallery options to meet your needs.
Images
An example of images laid out on different column and row structures. It is recommended, when using USU Templates, to use a 16:9 image aspect ratio. Make sure to use high resolution images, with file sizes not exceeding 1200 KB. We recommend that you use
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
List Layouts With Dividers
Ordered (1,2,3...) and unordered (bullet points) lists in a variety of column layouts with vertical dividers
List Layouts
Ordered (1,2,3...) and unordered (bullet points) lists in a variety of column layouts.
OU Campus Forms (LDP)
This page provides some basic instructions about how to make an LDP (Live Delivery Platform) form in OU Campus.
One Column - Modrate to Heavy Text
This one-column layout is ideal for pages with moderate to heavy amounts of text, which require a highlighted section.
One Column - Standard Layout
Tall banner over text in one column. This one-column layout is ideal for markeing a product or service, or for highlighting a specific topic. A tall image provides an optimal branding or highlighting opportunity for the content, product, or service explai...
Presenter Profile Component
This page is to document the presenter profile component.
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 Component
The quote component page is meant to provide info and documentation
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.
Short Image Galleries
Short banner galleries are displayed in the recommended variations for proper communication. We recommend to use these as highlight galleries, complementary to related text.
Side Navigation
Learn about how to set your webpage side navigation.
Sidebar Gadgets
A comprehensive list of sidebar gadgets available to all users and what they do.
Snippets
We have a variety of built in code snippets for your convenience. You can access our Snippets library by clicking on the puzzle piece icon in the OU Campus editor when editing a page.
Structured Data
Structured data, based on schema.org syntax, is available for news articles and directory pages.
Tables
Here's two varieties of table styles available on the USU template. These are the suggested table sizes for optimal communication. When building tables and laying them out on your page, be aware of title and content lengths within each cell.
Tall Image Galleries
Tall banner galleries are displayed in the recommended variations for proper communication. We recommend to use these as highlight galleries, complementary to related text.
Three Column - Newspaper
This layout presents a variation of a three-column distribution, containing a centered spotlight section; it is ideal for large amounts of content, whether it be news or articles.
Three Column - Standard
This three-column layout showcases content in three different column widths, providing a left-to-right hierarchical order.
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.
Two Column - Content Heavy
This two-column layout is ideal for pages with heavy amounts of text that require hierarchical distribution. This layout contains a variation of percentage distribution: it is topped by an introductory header, a single-column introductory section, followe...
Two Column - Standard
This basic two-column layout is ideal for virtually any kind of traditional content and purpose. Two columns of content are topped by a full-width banner, providing variety and branding opportunities.
What is Protected Data?
If you collect data through on-line forms (or any other way related to your website), it is your job to ensure the required protection for that data. Learn more what is considered protected data requiring extra measures to ensure privacy including.