Websites & Design

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.

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.

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.

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

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.

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

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

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

You can integrate your Facebook posts and feed into your OU Campus website.

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.

You can embed an Instagram post on your OU Campus webpage.

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.

See examples of twitter embeds and learn how to add them to your site

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!

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

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.

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

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

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

Example of a blue hero banner with centered text

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

Learn how to start editing webpages in OU Campus for your college or department

Example of Blue Hero Banner with Subtitle and instructions for implementation

Example of a full width banner

See an example of a bootstrap carousel and how it can be added to your own site

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

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

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

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

Example of a hero banner with a carousel of rotating images with optional title and description.

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

See examples of column layouts

See examples of column layouts

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

This page describes and illustrates the contact block component.

This page is for documentation about content block in columns component

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.

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

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

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

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

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

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.

Learn about the header for the new USU template

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

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

Example of image banner with overlay bar

Example of banner with image

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

See an example of in-page navigation on a webpage

This page shows examples of the info block component

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

This page shows documentation for the javascript insert component

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

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

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

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

Example of narrow blue hero banner with subtitle

Example of a narrow blue hero banner

An example of a news feed page with search bar

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

A potential program page for USU departments and colleges

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.

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

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.

Learn how to add a responsive youtube video embed

See an example of rotating quote gallery and learn how to implement this gallery into your own page

An example of a short blue hero banner.

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

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

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

An example of a sidebar with information on a page

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

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

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

An example of the striped sectional homepage.

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

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

See examples and learn to add tabs to your page.

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

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.

Learn what the top navigation is and how to edit it

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

Example of a video banner

An example of a Youtube video banner

Learn how to insert an iFrame onto a web page.